第5回 “どのブラウザでも動くAjax”を共有財産として育てよう
株式会社ピーデー川俣 晶
2006/3/2
そのほかの見どころ |
Ajaxとそれに関連する話題を紹介します。
![]() |
| NASAの衛星写真をGoogle Mapsのシステムに載せている事例 |
世界の夜景が見られる
やはり地図の話題が出てくるのですね。はい、出てきます。
技術的にどのように構成されているのか分かりませんが、NASAの衛星写真をGoogle Mapsのシステムに載せている事例のようです。あまり高い解像度にはできませんが、世界の夜景を見ることができます。こうして見ると、日本、米国東部、西欧が特に明るく見えます。そこでエネルギーが浪費されているということでしょう。日本をアップにすると、特に東京周辺、名古屋周辺、大阪周辺が明るく見えます。この辺りが日本の主要3大都市であることがうなずけます。そして、日本からやや上の方を見ると、韓国と中国の中間領域が極端に暗いことが見て取れます。北朝鮮は、それほどエネルギー事情が厳しいということでしょうか?
![]() |
| 本運用されているリクルートのAjax事例 |
リクルートのAjaxで住まい探し
スマッチはリクルートが運営する住宅探しの検索ポータルサイトといった感じでしょうか。表紙ページは項目をドラッグアンドドロップで入れ替えることができ、まさにAjax的なポータルサイトになっています。また、検索結果をスクロール地図上に表示することができ、地域を絞り込んだ後、どの辺りにどのような物件があるかを見比べる作業が容易にできます。
しかし、ここで注目すべきことは、実はAjax的に面白い技術が投入されていることではありません。そうではなく、それがベータ版であるとか試験運用という名目を付けられることなく、本運用に入っていることです。しかも、無名の会社が技術を誇示するために行っているわけではなく、リクルートという有名な企業が、あくまで住宅探しというれっきとしたサービスを行う手段として提供しているものです。
Ajaxを面白がる時代は終わり、すでに実用技術として使う時代に突入しつつあるのでしょう。
ブラウザの外に飛び出したAjaxアプリ
![]() |
| デスクトップで動作するAjaxのプログラム |
Operaの新バージョンのTechnology Previewが公開されています。未完成のソフトなので、具体的な論評は行いませんが、1つだけ興味深い機能があります。直接デスクトップで実行される小さなWebアプリケーションとなる“Opera Widgets”です。これは、Ajaxの技術で作られたプログラムが、Webブラウザの外で動作する可能性を示すものです。Ajaxに慣れた開発者がデスクトップの便利なツールを作成する際に、新しい言語やツールを覚える必要がないとしたら、これは非常に面白い可能性だと思います。
共有利用できるオフィスソフトライクなデータ入力シート
![]() |
| 表計算アプリのようなGUIを持ったデータ入力シート |
表計算アプリのようなGUIを持ったデータ入力シートです。上記ページから「デモンストレーション」をクリックするとすぐに試すことができます。使い方はそのページのHELPボタンで見ることができます。ただし、SafariかFirefoxを使用しないと動作しません。
これは、本格的なオフィスアプリケーションのような感触を持ったプログラムがAjaxで作成可能であることを示す好例だと思います。それと同時に、入力シートの複数ユーザーによる共有という従来のオフィスソフトにはない機能性を持たせることで、単なる模倣以上のもっと違う別の何かに発展する可能性も感じさせてくれます。最近、特に好感を持って見たAjaxの事例です。
PHP5上でJavascriptを動かしてしまった
![]() |
| PHPプログラムの中でJavaScriptプログラムを実行するサンプルソース |
個人的に、技術的な意味で非常に面白いと思ったのがこれです。PHPとは、サーバ側でWebアプリケーションを記述するためのプログラム言語の1つです。そして、JavaScriptはPHPとはまったく異なるプログラム言語です。それにもかかわらず、PHPプログラムの中でJavaScriptプログラムを実行してしまうJ4P5(Javascript 4(for)Php 5)というソフトがあります。本家サイトはドキュメントもあまり整備されていませんが、上記のリンクはサンプルソースとその実行結果を掲載しています。
これがどのように役立つのかは分かりませんが、とても面白いということだけは自信を持って断言することができます。まだメカニズムの面白さだけで目を輝かせることができる「男の子」の心があれば……ですが。
終わりに |
実は今回は話題の多さに泣く泣く切った話題が複数あります。間違いなくいま、Ajaxは熱いです! ちなみに、Ajax非互換性データベースの話題がなければトップの話題になっていてもおかしくなかった本命のネタは、そのときにまだ旬が過ぎていなければ次回に取り上げましょう。請うご期待!
| 1/2 |
|
INDEX |
||
| みんなの共有財産に育てよう | ||
| Page1<Ajaxをみんなの共有財産に育てよう>Ajax非互換性データベース /Yahoo!の新しいライブラリ/小型デバイス向けAjax対応ブラウザ/Lightstreame/Qooqle | ||
| Page2<そのほかのみどころ> Google Maps Nighttime! /スマッチ!/Opera 9 Technology Preview 2/Spider's Web Application/PHP5上でJavascriptを動かす | ||
Ajax うきうき Watch バックナンバー
- 第1回 Webアプリのユーザビリティを改善しまくるAjax
- 第2回 Ajax、それはWeb 2.0へと続く道
- 第3回 どんなに無茶をやっても「それもありかな」なAjax
- 第4回 自動車業界のAjaxを活用したキャンペーンを目撃せよ
- 第5回 “どのブラウザでも動くAjax”を共有財産として育てよう
- 第6回 プロプライエタリ2.0から考えるAjaxの公開/非公開部
- 第7回 メモリリークが小さくなったGoogle Maps APIの新版
- 第8回 “CGUI” 消費者が作り出すUIの時代突入
- 第9回 巨大化するAjaxライブラリをシンプルにする新たな流れ
- 第10回 地図のように年代を移動できるMITのAjax歴史年表
- 第11回 JSONがRFCになり、どんどんこなれるAjaxサービス
- 第12回 サーバが通信を開始できるComet活用Webチャット
- 第13回 オンラインゲームで検索精度を上げるGoogleの巧みさ
- 第14回 IE7とFirefox 2への利用者の大移動は起こるか?
- 第15回 グーグル検索エンジンを特定ジャンル専用に、Co-op
- 第16回 帯域やデバイス領域をフル活用させる“モバイルAjax”
- 第17回 新しい技術を模索するYahoo!、Google、MS
- 第18回 Ajaxの高度な使用例、Yahoo! pipes
- 第19回 Apollo参戦でウィジェット開発者の争奪戦が激化
- 第20回 Twitter登場で注目されるRTコミュニケーションツール
- 第21回 過熱するTwitterブームとMicrosoftのマッシュアップ
- 第22回 iPhoneのAjax戦略、そして今日もWeb APIは増加する
- 第23回 Ajax開発者がヒーローになるとき、それはいま!
- 第24回 携帯電話への拡張を進めるGoogleとWeb隠しコマンド
- 第25回 Ajaxで加速!? エンタープライズ2.0とWebOSの普及
- 第26回 「言葉」を超えた説得力を持つAjaxの存在感と広がり
- 第27回 ゲームから読み解く、俺スクリプト時代の知的な挑戦
- 第28回 マッシュアップ元年が終わり、2008年はどうなる?
- 第29回 Twitterやクラウドへも分岐するAjax/Web APIの道
- 第30回 Ajaxはじめて物語、そしてサーバでも動くJavaScript
- 第31回 新ブラウザ戦争はon fireだがJavaScriptはoffのナゾ
- 第32回 Google App EngineはAjaxへのハードルを下げるか?
- 最終回 Pure JavaScriptの動画再生やRPGも好きでした
AjaxとPHPでリッチクライアント
Ajaxを扱うためのサーバーサイドのPHPライブラリを紹介する。リリースされたライブラリ、AjaxACを活用して好みの検索窓に改造してみよう
AjaxでつくるインタラクティブWebアプリケーション
AjaxでWebフォトアルバムを、ゼロから開発する。ライブラリを用いて機能を作り上げていくステップを、具体的に解説する
| Ajax解体新書(1) よりAjaxを深く理解するために、ブラウザ上の「見た目」だけに注目するのではなく、実際に目に見えない舞台裏の通信内容をモニタリングしてみよう
Ajax技術の目に見えない通信内容をのぞいてみよう 2006/2/11 |
||
| 古くて新しいAjaxの真実を見極める 「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう 最終更新 2005/8/2
|
||
ホワイトペーパー(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台以上! グループ内 サーバの「統合管理」によるメリットは? |











