
いまさら聞けないリッチクライアント技術(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ジャパン)
- 画像を美しく魅せる効果を加える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台以上! グループ内 サーバの「統合管理」によるメリットは? |














