
連載:AjaxとPHPでリッチクライアント(1)
Ajaxを使ったamazon検索をPHPで作ろう
上鍵 忠志
日本PHPユーザ会
2005/10/4
|
Ajaxは今年非常にホットな話題の技術である。 |
| 注目のAjax |
- - PR -
この辺りの詳しい内容はAjax推進委員会による「古くて新しいAjaxの真実を見極める」を参考にするといいだろう。
| PHPとAjaxの関係 |
PHPはサーバサイド技術、前述のとおりAjaxで用いられるJavaScriptはクライアントサイド技術である。通常の処理ではJavaScriptに処理が推移するとサーバ側では次のページに推移するまで何もできなかった。
例外的に「0ピクセルフレーム」と呼ばれる、いわば「見えないフレーム」を用いて隠しフレームを使ってサーバ間通信をし、実際に使用するフレームの表示に反映するという「なんちゃってサーバ/クライアント間同期」などの手法も古くからあったが、フレーム故の問題(URLの問題など)も少なくなかった。
![]() |
| 図1 0ピクセルフレームの概要 |
AjaxはXMLHttpRequestというものを用いてサーバと非同期通信を行う。そのため、無駄なフレームも必要なくリロードレスなコンテンツを作成することができる。
ただしAjaxに問題点がないわけではない。Ajaxの問題は以下のような点が挙げられるだろう。
| ・XMLHttpRequestはブラウザ依存である(Internet ExplorerとMozillaしか対応していない場合が多い) ・DHTMLを使わなければ画面内容を変更できないので若干テクニカル ・XMLでのデータ渡しになるので処理が比較的重い |
しかし上記の問題はXMLHttpRequestやDHTML描画をラッピングするライブラリやフレームワーク、などの登場で徐々に解決しつつある問題でもある。
| Ajaxを使ったウェブアプリケーションの例 |
Ajaxを使用したウェブアプリケーションはすでにいくつかあり、@ITでも紹介されているが、もう1度、下記に挙げておこう。
|
●gmail おそらくAjaxのはしりになるウェブアプリケーションで、Googleが開発したものだ。いままではクリックするたびに画面の切り替えがあったウェブメールがほぼそのままの状態でどんどん内容が切り替わっていく斬新なものだった。 |
|
●Google マップ これもAjaxの可能性を示したウェブアプリケーションの1つであろう。gmailと同じくGoogleが開発したものだ。 |
|
●フォト蔵 いわゆる誤解を恐れずにいうと「日本のFlickr」である。このウェブアプリケーションでは通常画像のアップロードにはファイル選択を行うが、ファイル選択をするだけでプレビューが表示されるようになっている。この技術にはAjaxも併用されている。 |
|
●ajax ssh http://ajaxssh.bz2.jp/ 若干強引だがAjaxを用いてssh環境を構築する。HTTPは通常1リクエストごとに処理を終了するが、sshはsshとしてセッションを切断するまで永続的に接続しているため、その問題解決などにテクニックが使われている。 |
| Ajaxを用いたアプリケーションの可能性 |
|
●グループウェア |
|
●ウェブメール |
|
●ウェブチャット・掲示板 |
|
●ゲーム |
そのほかアイデア次第でいろいろ使い道はあるだろう。
| Ajaxを扱うためのPHPライブラリたち |
現在、インターネット上で公開されているPHPで用いることができるAjaxライブラリを紹介したい。筆者自身、このライブラリの便利さには驚かされたので、まだ触っていなかったという場合、この機会に確認されてはいかがだろうか。
|
●SAJAX http://www.modernmethod.com/sajax/ |
|
●AjaxAC http://ajax.zervaas.com.au/ |
|
●PEAR::HTML_Ajax http://pear.php.net/package/HTML_AJAX/ |
|
●php-jsons http://www.aurore.net/projects/php-json/ |
|
●NAJAX http://najax.sourceforge.net/dev/ |
|
●Echo2 http://www.nextapp.com/products/echo2/ |
| 1/3 |
|
INDEX |
||
| Ajaxを使ったamazon検索をPHPで作ろう | ||
| Page1<AjaxとPHPの関係> PHPとAjaxの関係/Ajaxを使ったウェブアプリケーションの例/Ajaxを用いたアプリケーションの可能性/Ajaxを扱うためのPHPライブラリたち |
||
| Page2<AjaxACを使う>
サンプルを使用し、改造してみる/CountryRegionCityJax/GoogleSuggestCloneJax |
||
| Page3<Amazon商品検索フォームにGoogleSuggestCloneJaxを改造する>
AmazonSuggestCloneJax |
||
ホワイトペーパー(TechTargetジャパン)
- 画像を美しく魅せる効果を加えるjQueryプラグイン3選 (2010/3/17)
2つ重ねて比較するBefore/After、部分ごとに切り替えるpanelGallery、ズーム/カーテンなどができるcycle - 現場の無駄な流血を止めるための「プロトタイプ」とは (2010/3/12)
サイトやWebアプリ/RIAの設計やデザインを効率良く進めるには、プロジェクト関係者の想定を一致させていくことが大事だが… - Flashを閃光のごとく高速化するための基礎知識 (2010/3/9)
Flash高速化のための基礎知識や実践的テクニックを紹介する連載。初回は“処理負荷”を調べる具体的な方法を解説します - Windows 7でどんだけ“おばか”なアプリが作れるの? (2010/3/4)
おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
| 「いつかは壊れるサーバ」そんな故障に 迅速で安価に手軽に対応する方法とは? New! |
| 「特権ユーザー」の事件を防げ! 万能権限を持つユーザーの管理方法とは? New! |
| 仮想環境の構築とデータ保護の特効薬?! 実績と信頼性の高いパッケージで安心運用 |
| 仮想環境のバックアップもこれまでどおり 「まるごと取ってまるごと戻す」簡単運用 |
| おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |
| その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |
| 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |
| 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | TomcatやJBossなどAPサーバ環境に関する 情報を集約! “業務”用APサーバ大百科 New! |
| ◆ | 一気に解説! 最新のクラスタストレージ 「RAIDを超えたストレージ基準」……など New! |
| ◆ | クラウド的ユーザー体験の変化は脅威か? 仮想化技術を使いこなす運用管理術を紹介 New! |

| ◆ | 上司や部下、部署内メンバーとの情報共有 を“ガラッ”と変えるコラボツールとは? New! |
| ◆ | おばかアプリ選手権、第4弾開催中!! ムダにカッコよくてくだらない作品求ム! |
| ◆ | 社内ファイルサーバを“クラウド”に統合 VPN直結「クラウド型ストレージ」を紹介 |

| ◆ | Twitterのアカウントはなぜ突破された? メールによる新手の攻撃手法とその対策 |
| ◆ | もう仮想化のお試しフェイズは終わりだ! Hyper-V 2.0が基幹システムも仮想化 |
| ◆ | 美人!? まあまあ? 気になる いやし系!! PV急増で「美人時計」がとった手段とは? |

| ◆ | クライアント企業から求められる人材 ⇒IT技術と経営戦略を併せ持つ「戦略家」 |
| ◆ | .NET編集長が実践する「技術情報検索術」 サンプル・コードを簡単に探す“技”は? |
| ◆ | 業務効率と情報セキュリティ対策を両立! 手間なく確実に機密情報を守る方法とは? |

| ◆ | 進化を続ける富士通ストレージETERNUS DX 製品開発者の自信を裏付けるものとは何か |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |

| ◆ | 【CTC事例】約30の基幹システムを統合! 膨大なバッジジョブを制御した方法は? |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |
| ◆ | その数、なんと400台以上! グループ内 サーバの「統合管理」によるメリットは? |







