Ionicアプリのデータ管理
- 2. わたしは誰ですか？ 本田 克己（ほんだ かつみ） @kponda おんせん県おおいた県 株式会社クオックス GDG九州 コ・オーガナイザ（買い出し係） 日本Androidの会 大分支部（休眠中）
- 3. Ionicとの出会い 以前はネイティブアプリ開発メインでHTTPとの付き合いはAPIや管理画面 2013年にMeteorに触れて衝撃を受ける -> はじめてのリアクティブ開発 -> Cordova使ったモバイルアプリ対応 Meteor-Angularでのモバイルアプリチュートリアル -> Ionicと出会う （Meteorからの影響でGraphQLにも興味をしめす） https://pixabay.com/ja/%E6%B5%81%E6%98%9F-%E7%81%AB%E7%81%BD-%E5%BD%97%E6%98%9F-%E5%9C%B0%E7%90%83- %E3%82%AE%E3%83%A3%E3%83%A9%E3%82%AF%E3%82%B7%E3%82%A2-1420503/
- 6. アプリで管理したいデータ例 ローカルデータ オフラインサポート オンラインデータ アプリの設定 SNSとか 他のユーザと共有する 複数の端末で共有する とか色々 オンラインデータの キャッシュ 未反映の書込みデータ ユーザデータ 辞書データ マスターデータ
- 7. Ionicで使えそうな保存先 ローカルデータ オフラインサポート オンラインデータ SQLite Firebase Cloud Firestore localStorage IndexedDB PouchDB Firebase Realtime Databaseとか クラウドDB色々 各種APIとか色々 CouchDB
- 8. Ionicで使えそな保存先 名称 特徴 容量 Native SQLite モバイルアプリ開発でよく使われる RDB。SQLが使え る。TypeORM等のORマッパーも使える。 ○ ✔ LocalStorage お手軽、簡単、KVS。文字列しか保存できないので、 JSON.stringifyとかする。大きいデータは保存できな い。 5MB IndexedDB 大体のブラウザで使えるようになっているデータベー ス。操作の仕方がちょっと独特。 ○ PouchDB CouchDB互換のJSで動くDB。データの保存は IndexedDBを使っている。リモートの DBと同期が取れ たりする。 ○ Cloud Firestore みんなだいすきFirebase オフラインサポート機能もあってステキ ○ Realtime Database iOS/Android用SDKにはオフラインサポート機能がある けど、JS SDKにはないのが残念
- 9. Realm JavaScriptは使うことができない ネイティブ開発でのDBにRealmもよく使っていました Realm JavaScriptという製品がでてIonicからも使えるかも♡と期待しましたが 残念ながらReact NativeとNode.jsからだけしか使えません https://realm.io/docs/javascript/2.2.0/api/index.html
- 10. ローカルデータの保存先
- 12. 事が足りない場合にどうするか
- 14. Offline First
- 15. オフラインサポート ローカルデータ オフラインサポート オンラインデータ Firebase Cloud Firestore PouchDB CouchDB 独自に作る 基本オンラインでオフラインサポートを行う -> Firestoreがお気軽でよさそう 完全にオフラインでも使いたい -> PouchDBか独自に作るしか
- 20. 思ってたのと全然違う結果
- 21. 実験前の雰囲気予想 時間が短い順に 1. localStorage 2. SQLite 3. IndexedDB 4. PouchDB 5. Firebase RealtimeDatabase 6. Firebase Cloud Firestore
- 22. 計測端末 Xperia XZ (2年以上前のポンコツ) 1件づつの書き込みが完了するのを待つようにしている （バルク処理していない） 1回目 2回目 3回目 平均 最小 localStorage 1.03 0.815 1.062 0.97 0.82 SQLite 101.906 110.103 106.832 106.28 101.91 IndexedDB 6.831 5.575 6.181 6.20 5.58 PouchDB 160.171 152.194 113.276 141.88 113.28 RealtimeDB 30.042 28.808 30.735 29.86 28.81 Firestore 30分以上まっても終わらず
- 25. 計測結果 時間が短い順に 1. localStorage 2. IndexedDB 3. Firebase RealtimeDatabase 4. PouchDB 5. SQLite 6. Firebase Firestore? とはいえバルクインサートで計測しただけなので色々なパターンを試して判断しようと思います。
- 27. ご清聴ありがとうございました