モバイルファーストの次はオフラインファーストってことで、前から作ってみたいと思っていたアプリを作ってみました。
アプリ自体は「メモ」アプリで特に目新しいものではありません。機能も単純です。
ですが、BMEANスタックで作ったことが新しいかと思っています。 BMEANとは、
を利用するソフトウエアスタックです。
今回、「Railsより簡単にTwitterクローンを作るためのnode.jsのライブラリ」を目指したsocial-cms-backendを改良してBreezeをサポートする機能を追加しました。そのため、サーバ側のコードはほとんど書かずにアプリを作ることができます。また、HTML5のキャッシュマニフェストを使うために、connect-cache-manifestも利用しています。
アプリは、OpenShiftを使って配置しました。ぜひ、一度お試しください。
http://notesappsample-nodeangularapp.rhcloud.com/
左上にLoginがありますが、Loginしなくても使用できます。 その場合、localStorageにデータが保存されます。 LoginするとSyncが使えるようになり、サーバ側にデータを保存することができるため、複数のデバイスでデータの同期ができます。
iPhoneのWebアプリにもなります。「ホーム画面に追加」してください。スプラッシュイメージがうまく表示されないのですが、これは深追いしていません。
ソースコードはこちらです。よろしければ見てみてください。細かいところは、Breezeとsocial-cms-backendがやってくれるので、だいぶシンプルになっていると思います。
コメント