- 作者: Damon Oehlman,Sebastien Blanc,夜子まま,長尾高弘
- 出版社/メーカー: 日経BP社
- 発売日: 2012/01/19
- メディア: 単行本
- クリック: 51回
- この商品を含むブログ (11件) を見る
5章は、クラウドとの同期です。HTML5のWebアプリケーションはストレージAPIがあって、データを蓄積することが出来るけど、ブラウザを変えたり、モバイル端末を変えたりしたらデータの共有は出来ませんよね。と言う事で、サーバにデータを蓄積するための実装の手順です。ここでは、Google AppEngineを対象としていて、jsonengineを使っています。非常に簡単に同期出来るんですねぇ。ただ、相互同期ではなくて、アプリ側がmasterで、クラウド側はslaveとしています。
6章は、Webアプリをネイティブアプリっぽくするためのいくつかの事を実装しながら解説しています。1つは同期の時にクルクル回るプログレスバーみたいなもの。GIFアニメとかを作るのではなく、CSS3とJavaScriptで実現しています。2つ目は特定部分だけをスクロールさせることを、iScrollを使って実現しています。あと、ネイティブアプリっぽいと言う意味で、見た目ではなく、Geolocation APIで位置情報を使ってTODOの場所とかを登録します。最後に、Offlineでも使えるように、cache.manifestでキャッシュする方法と、今オンラインなのかオフラインなのかを調べる感じでネイティブアプリに近づけていきます。
見た目以外の部分でネイティブアプリっぽいことは、別にPhoneGapとかを使わなくても結構出来るんですね。使いこなせれば結構アイデア勝負出来そうで面白そうです。今回は小ネタ的なことは書いてなかったかな。
目次
- 1章:始めよう
- 2章:モバイルHTMLの入力フォームを作る
- 3章:HTML5のストレージAPI
- 4章:マルチページアプリを作る
- 5章:クラウドとの同期
- 6章:ネイティブアプリに引けを取らないルックアンドフィール
- 7章:対話的に操作できるページ
- 8章:位置情報サービスとモバイルマッピング
- 9章:PhoneGapによるネイティブブリッジ
- 10章:ソーシャルAPIとの統合
- 11章:モバイルUIフレームワークを比較する
- 12章:リリースのための準備とパッケージング
- 13章:モバイルコンピューティングの未来
- 付録:Android Webアプリのデバッグ