-
- いいね！15
Yoshiko Miwa
@miwa_chan
例：Angry Birds。オフラインWebアプリ。最初に表示した時にインストールのようなインジケータ。終わるとオフラインで遊べる。Financial Times. #GTUGgirls #gmoyours
2012-05-28 19:41:39
Fumi
@Fumi
#gtuggirls なごみタイム終了！ @yoshikawa_t さんによる講義開始です :Dオフラインwebアプリケーションとは何か、作り方、関連仕様の解説という流れです。Angry BirdsやFinancial Timesなどのようなオフラインwebアプリの事例も紹介
2012-05-28 19:42:51
Yoshiko Miwa
@miwa_chan
iPadとiPhoneだけがオフライン表示に対応。（ブラウザの開発者モード？ でオフラインアプリとして動作させるデモ） #GTUGgirls #gmoyours
2012-05-28 19:43:11
にしいお
@nishiio
chromeのdev toolでのuser agent変更の仕方知らなかった……あとでリクナビ対策の記事直そう。 #GTUGgirls
2012-05-28 19:44:54
Yoshiko Miwa
@miwa_chan
そのオフラインWebアプリをどうやって作るか。1.必要なファイルをキャッシュ。2.ユーザデータ、設定をローカルに保存。3.アプリデータをローカルに保存。4.必要があれば適時、データ同期。5.ファイルをローカルに保存。 #GTUGgirls #gmoyours
2012-05-28 19:46:03
Yoshiko Miwa
@miwa_chan
4.について。サーバにアクセスできるときにアクセスするとか。5.イメージ画像を作ってローカルに保存するとか。ダウンロードではなくてブラウザに保存。 #GTUGgirls #gmoyours
2012-05-28 19:47:14
Yoshiko Miwa
@miwa_chan
（図：従来のWebアプリのアーキテクチャ。Webサーバ＋DBとブラウザがデータ通信を行う。Webサーバら側からはHTML/CSS/JavaScript. #GTUGgirls #gmoyours
2012-05-28 19:48:05
Yoshiko Miwa
@miwa_chan
オフラインWebアプリの場合その1・シンプルな場合。WEｂサーバからキャッシュをブラウザに。ブラウザ内にDBがあり、ブラウザとDBがアプリケーションデータをやりとりする。 #GTUGgirls #gmoyours
2012-05-28 19:49:05
Yoshiko Miwa
@miwa_chan
その２．データ同期が有る場合。ブラウザ側にバックグラウンドプロセスがあり、ブラウザのDBとサーバのDBが通信をおこなう。 #GTUGgirls #gmoyours
2012-05-28 19:49:39
@togetter_new
Fumi さんが「「HTML5で作るオフラインWebアプリケーション」 #gtuggirls」を作成なう♪ http://t.co/J1FA30Gd
2012-05-28 19:50:53
Yoshiko Miwa
@miwa_chan
細かい中身に入っていく。1.Application Cache。書きながらやっていく。ファイルをキャッシュ（性的）. #GTUGgirls #gmoyours
2012-05-28 19:53:38
Yoshiko Miwa
@miwa_chan
あ、静的。html/css/javascript/画像などをキャッシュ。既存のサイトにほとんど手を加えずにそのまま適用できる。多くのモバイルデバイスにサポートされている。 #GTUGgirls #gmoyours
2012-05-28 19:54:13
Yoshiko Miwa
@miwa_chan
Application Cacheの利用方法。1.マニフェストファイルの作成。2.htmlでマニフェストファイルを記述して読み込む。3.サーバ設定でマニフェストファイルのMIME Typeを設定。 #GTUGgirls #gmoyours
2012-05-28 19:55:25