2013年07月06日

【Packaged Apps】IndexedDBの超簡単なCRUDサンプル【Chrome】

ChromeやFirefoxでも実装されている Indexed Database API は非常に強力で有望なAPIだが、現時点ではネット上の情報が極めて少ない。
今回はその少ない情報をかき集め、超簡単なCRUDサンプルアプリを作り上げた。
IndexedDBの動きをざっくりと知る上では、 html5rocksさんの「今となっては動かないサンプル」よりは、学習しやすいサンプルアプリになったのではないかと自負している。

ただし今後はGoogleさんやMozillaさんの努力で仕様がガラリと変わる可能性もありそうなので常にアンテナを貼っておく必要がある。

では早速いってみよう。
続きを読む
posted by 寄り道退屈男 at 16:12 | Comment(0) | TrackBack(0) | Packaged Apps

2013年07月05日

【Packaged Apps】SyncFileSystemを使ってローカルファイルとリモートファイルを別け隔てなく扱う【Chrome】

Chrome SyncFileSystem APIはとても便利なAPIである。
これを使えば開発者はローカル/リモートのファイルストレージを一つのコードで利用することができるのだ。
これを利用すれば、アプリをオフラインで使っているときはアプリが扱うデータはローカルに保存され、オンラインになると自動的にリモート(Google Drive)と同期させることができるようになる。アプリの利便性が向上すること間違いなし。なんと素晴らしいAPIだろうか。

では早速サンプルコードを見てみよう。
続きを読む
posted by 寄り道退屈男 at 13:41 | Comment(0) | TrackBack(0) | Packaged Apps

2013年07月02日

AngularJSを使って画面遷移、バリデーションなど。

今回はJS用MVCフレームワークのAngularJSを使ってデータの受け渡しの伴う画面遷移やバリデーション処理をやってみたいと思う。
続きを読む
posted by 寄り道退屈男 at 15:19 | Comment(0) | TrackBack(0) | Packaged Apps

2013年06月29日

Chrome Packaged AppsでXMLHttpRequestを使ったJSON通信

Chrome Packaged Apps や Chrome ExtensionでXMLHttpRequestを使ってWebサーバとJSONな通信をする方法を紹介する。 非常に簡単なので下のサンプルソースを見ればサクッと理解できると思う。
続きを読む
posted by 寄り道退屈男 at 16:35 | Comment(0) | TrackBack(0) | Packaged Apps

2013年06月27日

JS用MVCフレームワーク「AngularJS」を使ってChrome Packaged Apps【基本編】

アプリを作るときに便利なのがMVCフレームワーク。MVCパターン(Model、View、Controller)で開発することで描画処理とビジネスロジックを疎結合化することができ、デザイナーやプログラマ、データベースエンジニアそれぞれの役割を切り離すことができる。これはシステムが大規模になればなるほど求められるものだ。
JavaScript用のMVCフレームワークは数多く存在するが、Chrome Packaged Appsを作るときには AngularJS を使うと色々と楽できそうだ。
続きを読む
posted by 寄り道退屈男 at 15:03 | Comment(0) | TrackBack(0) | Packaged Apps