プログラムでURLの引数（GET）を取得する場合、PHPでは「$_GET」や「$_REQUEST」を使いますがJavaScriptではGETを取得する機能はありません。
PHPやPerlなどが使えるサーバであればいいのですが使えない場合、JavaScriptでGETを取得するにはどうしたらよいのでしょうか？
今日はJavaScriptでGETを取得する方法を紹介します。やり方は非常にシンプルでJavaScriptでは「location.search」というURLの「?」以下を取得できるプロパティがあり、それを分解するだけで簡単に使えます。
ただし、URLエンコードされたままなので半角英数以外は使えません。
と、自分で書いて思うのですがあまり使い道はなさそうだなぁ。。。
なぜ書いたかと言うと実際に仕事で使いましたので、次回からすぐに調べられるようにメモ書き程度に書くことにしました＾＾；
| 固定リンク | コメント (2) | トラックバック (0)
つい先日Yahoo! UI Libraryが正式リリースされました。
バージョン0.2からバージョン1.0ではなく、いきなりバージョン2.2に。何故2.2なんだろう。
prototype.jsやjQueryだと機能が物足りない、、、と感じていたのですが正式リリースされたことと私の師匠の勧めもあり、YUIを使ってみました。で、使ってみたら、、、Yahoo! UI Libraryにはまりつつあります＾＾；ほとんどの機能はYahoo! UI Libraryでまかなえます。私はしばらくYahoo! UI Libraryを使ってみようと思います。まあ、浮気性なのでいつ別のフレームワークに移るか分かりませんが。
以前に、Yahoo! UIを使って非同期通信の紹介をさせて頂いたのですが今回はイベントリスナーを紹介します。
リスナーとは、予約機能みたいなものです。「マウスを動かした」「クリックした」「ウィンドウサイズを変更した」「キーボードのキーを押した」などの操作に対してHTMLの中にJavaScriptを埋め込むのが一般的かと思いますが、リスナーを使うとそれらの操作を事前に予約することができます。
続きを読む "Yahoo! UIのイベントリスナー（addListener）を使ってみよう" »
| 固定リンク | コメント (0) | トラックバック (0)
今までにAjaxのフレームワークで「Prototype.js」「jQuery」「Yahoo！ UIライブラリ」を紹介してきました。
今回は、PEARのHTML_AJAXの基本的な機能を紹介します。名前の通りPHPでAjaxを使う機能です。
2007年1月6日現在でのヴァージョンは0.5.0(beta版)を使っています。
| 固定リンク | コメント (0) | トラックバック (1)
javascriptの3大フレームワーク（私が勝手に思ってるだけ）といえば、「prototype.js」「jQuery」「Yahoo! UIライブラリ」です。
今までにprototype.jsやjQueryを紹介してきましたので、今日はYahoo! UIライブラリを紹介します。
続きを読む "Yahoo! UIライブラリを使ってみよう" »
| 固定リンク | コメント (0) | トラックバック (0)
prototype.jsを筆頭に沢山のAjaxフレームワークが開発されてきました。
これらのフレームワークは開発コストが大幅に削減されますので非常に助かります。
今日、紹介するjQueryはデザイナーさんに人気があるようなので、プログラマーの私は全く手を付けてませんでした。しかし、あるきっかけ（仕事です、、、）で使うことになり勉強してみたのですが、あまりの便利さにどっぷりハマっちゃいました＾＾；
「なるほど、デザイナーさんに支持されるわけだ、、、」
ということで、今日はjQueryの基本を紹介します。
| 固定リンク | コメント (0) | トラックバック (1)
かなり久しぶりの投稿になります＾＾；
全く更新せずにほっときました。。。やっとやる気が出てきましたので、これからまったりと更新して行こうと思います。
今回は、prototype.jsのAjaxの機能を紹介します。
prototype.jsとはjavascriptのフレームワークのことで、フレームワークを使うメリットは
・ブラウザに依存することなく、記述することができる
・複雑な記述を簡潔にしてある
他にもあると思いますが、ざっと思いつく限りこんな感じです。
デメリットはprototype.js特有の記述をする為、人によっては見難くなると思います。
更にブラウザの依存がなくなると言っても、全てを吸収しきれるわけではないので注意して下さい。
以下のサイトからダウンロードして下さい。
prototype.js本家
参考までに、以下の「prototype.js の開発者向けメモ」で詳細まで使い方を紹介してくれています。
prototype.js の開発者向けメモ
| 固定リンク | コメント (0) | トラックバック (0)
今回は前回に引き続きGoogle Maps APIの使い方を説明します。
前回では単に指定した場所の地図を表示するだけでしたが、今回は指定した位置にマークを入れたり、指定した2つの場所の間に線を引いたりしてみます。
Google ローカル
Google Maps API（英語）
Google Mapドキュメント（英語）
| 固定リンク | コメント (0) | トラックバック (0)
今回は、Google Maps APIを使って地図を作ってみます。
作ってみた感想ですが、基本的にHTMLとJavaScriptの知識があれば簡単に作れるので結構便利です。
ただ、結構精密に出来てて、ちょっと位置を間違えただけでブラウザが固まったりします。
また、表示にも結構時間かかります＾＾；
多少の問題はありそうですが、その分を差し引いてもこれだけの機能を無料で使えるので凄いです。
Google ローカル
Google Maps API（英語）
Google Mapドキュメント（英語）
| 固定リンク | コメント (0) | トラックバック (0)
