第7回 メモリリークが少なくなったGoogle Maps APIのバージョン2が登場
株式会社ピーデー川俣 晶
2006/4/20
ハイライト1・Google Maps API Version 2のリリース |
![]() |
| ダウンロードするJavaScriptプログラムのサイズが小さくなったGoogle Maps API v.2 |
Ajaxの代表的なアプリケーションの1つといえるだけでなく、いま最もWeb上で活用されるAPIを提供するGoogle Mapsですが、そのAPIのバージョン2が2006年4月3日にリリースされています。まさにAjaxの進化は止まらないという感じです。
変更点の一部を見てみましょう。
まず、ダウンロードするJavaScriptプログラムのサイズが小さくなっているといいます。上記文書によれば約半分ということで、これは画期的なことです。このプログラムはかなりのサイズがありましたが、それが減るとすれば、細い回線でパケット代を気にしながら閲覧する場合には大きな価値があるでしょう。
ほかにもさまざまな変更があります。2つのサテライトのズームレベルが追加され、より自由度の高い参照が可能になりました。画面のコーナーに全体像を示す小さな地図を表示させ、現在見ている場所が容易に分かるようにするとともに、大域内での移動もスムーズにできるようになります。メモリリークも少なくなり、使っているうちに思わず大量のメモリを消費しているという事態も減ります。開発者向けには、デバッグ情報を表示するフローティングするウィンドウを表示する機能も提供されます。
今回は、あくまで概要に触れるだけにとどめますが、近い将来、この新しいAPIを活用したさまざまなサービスが出てくることでしょう。それをワクワクしながら待ちたいと思います。
|
ハイライト2・Ajaxアプリをデスクトップで実行するNetJaxer |
![]() |
| ウインドウズアプリライクなAjax UI |
Ajaxアプリケーションと、通常のデスクトップアプリケーションの境界はあいまいになり続けています。機能面でワープロ等の、これまではデスクトップアプリケーションで行うものと思われていたソフトが、Ajaxで実現されていたりします。使い勝手の面でも、Ajaxアプリケーションの進化は続いており、Windowsアプリケーションと見分けがつかない……というレベルのUIライブラリも生まれています。
ここまで来ると、両者を区別して扱いたくない……というニーズが出てくるのも当然の成り行きでしょう。このNetJaxerは、GmailのようなAjaxアプリケーションを、あたかもデスクトップアプリケーションのように実行させることができます。
このようなソフトは、古くからパソコンに慣れ親しんできたが、Webブラウザ文化にはなじみが薄いユーザーにAjaxアプリケーションを使ってもらうには有効でしょう。また、Webブラウザ上で利用していると、そのソフトに関係ない多くの操作がWebブラウザを通じて実行できてしまう……という問題も解決できます。慣れないユーザーに、Webブラウザではなく、あくまで特定のAjaxアプリケーションを使わせたい……という場合にも有効でしょう。
ハイライト3・AjaxAMP v3.0 |
-
AjaxAMP v3.0
WinAMPをブラウザからリモートコントロールできるAjaxアプリケーション
世の中にはすごいソフトがあるものだなと思います。これは、MP3プレーヤーとして有名なWinAMPを、WebブラウザからリモートコントロールするAjaxアプリケーションです。Ajaxというと、当初は地図、最近はワープロなどに注目が集まっていますが、こういう音楽再生の分野で活用されることもある……ということですね。
さて、このAjaxAMPは、ただ単にWebブラウザからWinAMPを操作するだけではありません。例えば、第1のコンピュータ上のAjaxAMPから第2のコンピュータ上のWinAMPを操作し、その結果は第3のコンピュータから音楽として流れる……ということもできるようです。
圧縮された音楽のデータは割と軽いので、ネットワーク経由で好きな場所で再生させることも可能だと思いますが、それを手軽かつ便利に実行する手段として、このようなアプローチはありでしょう。
そのほかのみどころ |
Ajaxとそれに関連する話題を紹介します。
![]() |
| XMLHttpRequestオブジェクトはW3Cに提案 |
W3Cに提案されたXMLHttpRequestオブジェクト
Ajaxの中核として使われるXMLHttpRequestオブジェクトは、マイクロソフトが独自にInternet Explorerのために開発したもので、HTML、ECMAScriptとして標準化されたJavaScript、DOMなどと異なり、一切の公的な標準の裏付けがないものでした。それが、デファクトスタンダードとして複数のWebブラウザに広まり、結果としてAjaxの繁栄をもたらしたわけです。
こうなったら、Webの標準を定めるW3Cも黙ってはいられないということでしょう。XMLHttpRequestオブジェクトの仕様を勧告する文書の作業中の版が公開されました。気になる人は、これを読んで意見をW3Cへ送るとよいでしょう。
とはいえ、これがどれぐらい価値を持つかは分かりません。なぜなら、すでに普及してしまったWebブラウザに含まれるXMLHttpRequestオブジェクトが、この仕様の影響を受けることはないからです。依然として、Ajax開発者はXMLHttpRequestオブジェクトの仕様の違いから解放されることはなさそうです。
RFCに提案されたJSON
![]() |
| JSONはIETFへ |
XMLHttpRequestオブジェクトがW3Cに行ったのとは異なり、JSONはIETFへ行きました。こちらは、インターネットの基礎的な標準を定める組織であり、ここからリリースされる文書はRFCと呼ばれます。
しかし、同じAjax関連の技術であるのに、どうして異なる組織で扱われているのでしょうか? おそらく、XMLHttpRequestオブジェクトはDOM等と強く関連するWebブラウザ上の技術であるのに対して、JSONはネットワークを流れる情報交換形式としての傾向が強いためではないかと思います。
この2つの動きは、扱う組織の差によって先行きに変化があるのか、注目して見守りたいと思います。
ajaxWrite
![]() |
| .docファイルで保存ができるajaxWrite |
前回、AjaxワープロのWritelyをGoogleが買収したという話題を書きましたが、ほかにも名乗りを上げたAjaxワープロがあります。その名もズバリ、ajaxWriteといいます。
このサイトを見に行くと、“Click the icon for the server nearest you to launch ajaxWrite in seconds!”(アイコンをクリックすれば、近くのサーバーからajaxWriteが数秒で起動するよ!)という挑発的な記述が見えます。これはもう、くどくどと説明するよりも、実際にアクセスしてクリックしていただく方が早いでしょう。
ただし、うっかりInternet Explorerでアクセスすると、“OOPS! - Firefox 1.5 (or higher) Required for ajaxWrite”と怒られるので注意!
ajaxSketch
![]() |
| ベクター系の画像編集機能が使えるajaxSketch |
ajaxWriteと同じajax13 Inc.が開発した画像ソフトです。
ベクター系の画像編集機能を持っていますが、これも同様にクリックすればすぐに動かして試してみることができます。
ですから、説明文を読むよりも、ぜひ試してみてください。
Ajaxにおけるメモリリークの注意点
![]() |
| JavaScriptにもメモリリークの問題が |
これは技術者向けの情報です。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台以上! グループ内 サーバの「統合管理」によるメリットは? |













