
いまさら聞けないリッチクライアント技術(14)
いまさら聞けない「オフラインWeb」入門──オフラインでも使えます
江原顕雄
2008/7/17
Webアプリケーションだって、オフラインで使いたい!という声に応えるスタンドアロン型「オフラインWebアプリ」。Google Gears、Adobe AIR、Prismの3つを紹介(編集部)
今回取り上げる用語は「オフラインWeb」です。皆さんも一度は聞いたことがあるのではないでしょうか。では、オフラインWebとは実際どんなものなのかを、早速、紹介していきましょう。
オフラインWebってなに?
- - PR -
ネットワークにつながっていないオフライン状態で、Webアプリケーションが使いたいケースってありませんか? 今回紹介するのは、そういった要求に応える、デスクトップ上のスタンドアロン型Webアプリケーションです。
一般的に、「オフラインWeb」もしくは「オフラインWebアプリケーション」(以下「オフラインWeb」)と呼ばれています。グーグルやアドビシステムズ、Firefoxを開発しているモジラ財団など、名だたる組織がこのオフラインWebのアプリケーションやツールを開発・リリースしています。
今回はオフラインWebがどんなものなのか、実際リリースされているサービスを通じて見てみましょう。
インターネットにつながなくても……
「オフラインWeb」は、とても分かりやすいネーミングです。「SQLインジェクション」や「バッファーオーバーフロー」などと違って、聞いただけでどんなサービス・技術なのか分かります。
オフラインWebはまさに、「ネットにつながっていなくてもWebサービスやその技術を利用するもの」です。このオフラインWebは、大きく分けて次の3つに分類できます。
- インターネット上のサービスを、ネットがつながらない場所で利用する
- Web上の技術を使ってアプリケーションを作り、ローカルPCで使う
- 既存のWebサービスをローカルPCのアプリケーションのように使用する
それでは、それぞれ具体的にどんなことをしているのでしょうか。
ネットがつながらないとパソコンはただの箱!?
まずは1.のオフラインでの利用からチェックしてみましょう。
インターネットにはいろいろと便利なサービスが無料で提供されています。例えば、グーグルが提供している「Googleドキュメント」は、文章や表計算データをネット上で編集・保存することができます。これをうまく利用すれば、ワープロや表計算ソフトを購入する必要がありません。
![]() |
会社でGoogleドキュメントを使って、報告書を作成し保存しておけば、出張先のPCで変更点を反映させて、帰ってきて自宅でプリントアウトしてチェックすることができます。ネット上にデータを置いているので、いつでも・どこでもデータの編集作業ができるのです。
![]() |
| 図1 Googleドキュメントの仕組み インターネットさえつながっていれば、どんな場所からでもデータの作成・編集ができる。逆にいえば、オフラインでは利用できない |
こんなに便利なGoogleドキュメントですが、インターネットにつながらないと、まったく利用できません。特にモバイル時はとても困ります。
そんなときこそ「オフラインWeb」の出番です。
Googleドキュメントに関しては、「Google Gears」というツールがあります。事前にGoogle Gearsをインストールしておけば、ローカルPC内にGoogleドキュメントのデータを保存してくれます。なので、Webがオフラインの状態でも、Googleドキュメントにアップしたデータにアクセスできます。また、オフライン状態で変更したデータは、オンラインになったときにWebのデータを更新してくれます。
![]() |
| 図2 Google Gearsの仕組み Google Gearsを導入していれば、ネットが繋がらない環境でも、Googleドキュメントにアップされているデータを扱うことができる |
快適なオンラインWebサービスをネットがつながらないときでも利用できるようにしてくれるのが、「オフラインWeb」なのです。
Gearsを使ってみよう
![]() |
Gearsのダウンロードページにアクセスし、Google Gearsをインストールしましょう。
![]() |
無事にインストールができたら、このような画面が出現します。しかしこのままでは利用できません。
![]() |
実はGoogle Gearsは日本語表示では利用できません。ですから、Googleドキュメントの表示を英語に変更しましょう(原稿執筆時)。
![]() |
無事に設定が終わると、右上に「Offline」の文字が出現します。
![]() |
その後、このようにオフラインで、Googleドキュメントを利用するかを聞いてくるので、有効(Enable offline access)のボタンを押しましょう。
| 1-2-3 |
| INDEX | ||
| いまさら聞けないリッチクライアント技術(14) いまさら聞けない「オフラインWeb」入門 |
||
| Page1 オフラインWebってなに? インターネットにつながなくても…… ネットがつながらないとパソコンはただの箱!? Gearsを使ってみよう |
||
| Page2 Webの技術でアプリケーションを作っちゃおう! Adobe AIRですてきなアプリを作成 Adobe AIRをインストールしてみよう |
||
| Page3 既存のWebアプリをローカルPCのアプリするPrism Adobe AIRのインストールしてみよう 今後の展開も熱い |
||
いまさら聞けないリッチクライアント技術 バックナンバー
- 第1回 いまさら聞けないWeb2.0時代のXML入門
- 第2回 いまさら聞けないJavaScript入門
- 第3回 いまさら聞けない、“Ajax”とは何なのか?
- 第4回 いまさら聞けない“Web標準”、そしてXHTML+CSS
- 第5回 いまさら聞けない! FlashとActionScriptについて
- 第6回 “リッチクライアント”に至るまでの軌跡と現在(いま)
- 第7回 いまさら聞けないウィジェット/ガジェットで気分転換
- 第8回 いまさら聞けないActiveX&デジタル証明書入門
- 第9回 いまさら聞けないSVG、なぜ知られていないのか?
- 第10回 いまさら聞けない「マッシュアップ」超入門
- 第11回 いまさら聞けない「Webブラウザ」超入門
- 第12回 いまさら聞けない「Webブラウザ」超入門 後編
- 第13回 いまさら聞けない「SEO」で検索結果の最適化を学ぶ
- 第14回 いまさら聞けないオフラインWeb、スタンドアロン型とは
- 第15回 いまさら聞けない「Curl」入門(お菓子じゃない方)
- 第16回 開発現場のUIトラブルを解決!? 画面プロトタイプ入門
| リッチクライアント&帳票 全記事一覧へ |
ホワイトペーパー(TechTargetジャパン)
- いまさら聞けないTwitter超入門−@IT記事も対応なう (2010/2/4)
Twitterは最近話題のつぶやきツール。基本的な使い方から、iPhoneアプリの使い方、RTの解説、4人のご意見番の活用例や感想まで - HTML5は開発者側の都合。ユーザーには関係ない (2010/2/2)
3つのレンダリングエンジンを載せている“国産”ブラウザベンダは、HTML5やWeb/ブラウザの進化について何を語るのか - テキスト・フォント周りをキレイに見せるCSS、13選! (2010/1/29)
無数にあるCSSのプロパティを大まかに分類し、1つずつ紹介していく本連載。初回は、テキスト・フォント周りについて - OpenGL ESが大変な3Dアプリ開発を楽にするUnity (2010/1/27)
iPhoneゲーム開発に必須のOpenGL ES。そのコーディングに手こずっている方に有用なツールを紹介し簡単なサンプルを作成します
|
|
スキルアップ/キャリアアップ(JOB@IT)
スポンサーからのお知らせ
お勧め求人情報

**先週の人気講座ランキング**
〜CCNA編〜
| ◆ | 企業の仮想化に足りない“発想”とは? 仮想化運用管理のキモは意外なところに! New! |
| ◆ | 操作もマニュアルも分かりやすい! ユーザー視点で開発されたPC管理ツール New! |
| ◆ | 仮想化すればコストは削減できるか? 仮想化に必要な「3つの視点」を解説する |

| ◆ | セキュリティを知り尽くす上野氏が登壇! @ITメールソリューションLive! in Tokyo |
| ◆ | 運用管理の課題を“2つの観点”から分析 ユーザー満足度の高い「仮想環境」とは? |
| ◆ | 世界に通用するストレージの作り方とは? 製品に込めた思いを富士通の開発者に聞く |

| ◆ | OSSで手間も時間も、障害も減った―― 「マピオンの事例」オープンソース活用法 |
| ◆ | 「ノートPCの持ち出し禁止」で大丈夫? 情報漏えいを防ぐ管理手法とインフラは? |
| ◆ | 1日の処理を1秒に――MySQLの達人が語る 「コスト削減」できるチューニング |

| ◆ | ドキュメント作成を自動化して、SEの作業 効率を大幅アップ! Visio 2007の魅力 |
| ◆ | 急速に広がるHyper-Vでのサーバ仮想化 そのベストプラクティスをデルが解説 |
| ◆ | @IT主催セミナーで語られた、「担当者に 求められるセキュリティ対策」をレポート |

| ◆ | @IT「Windows 7」 特設サイトオープン! 最新情報・移行ノウハウを公開しています |














