オフラインWeb 今どきのデータ永続化事情

1,717 views

Published on

2013/06/11 Webオフライン技術研究会#01のLT資料。2013年春の時点では、IndexedDBではなくWebStorageがデータ永続化での現実解だと思う。

  • Be the first to comment

オフラインWeb 今どきのデータ永続化事情

  1. 1. オフラインWeb最近のデータ永続化事情~2013春~2013/06/11  Webオフライン技術研究会#01 LT小川 充( )@mitsuruog
  2. 2. 自己紹介小川 充(おがわ みつる)独立系SI 株式会社クレスコ勤務。フロントエンジニア。参加コミュニティ         enja-oss   HTML5j えんぷら部
  3. 3. Webをオフライン化する上で考慮しなければならないポイントの1つはクライアント側のデータの永続化
  4. 4. WebStorage VS IndexedDB今ならどちらを使うべきか?
  5. 5. browser supportCan I Use ?
  6. 6. Web StorageIE8以上が熱い!モバイルもOK!http://caniuse.com/ =webstorage#search
  7. 7. IndexedDBIE10以上。モバイル全滅。。。http://caniuse.com/ =index#search
  8. 8. ANSWER多くのブラウザにサポートされているWeb StorageIndexedDBはやく仕様固めてせめてモバイルで使えるようにしてください。ほんと痛いっす。
  9. 9. しかし本当に、webstorageでみんな幸せになれるのか?
  10. 10. WebStorageで大きいファイルを扱うことはNG 。この辺りの議論は超有名「 」でも、ぶちゃけ巨大ファイルじゃなければあまり気にしなくていい(らしい)。There is no simple solution for local storage
  11. 11. WHY?
  12. 12. なぜ 大きいファイル を扱うことがNGなのか?永続化方法に起因データはテキストファイルでHDに格納する。FileI/Oが発生。セキュリティ対策ソフトなどの影響を受ける。アクセス方法に起因アクセスはjavascriptからAPI呼び出し。javascriptはシングルスレッド。アクセスした瞬間にレンダリングプロセスがとまる。
  13. 13. CAUTIONただし、開発中は作業PCのメモリ上にキャッシュされている可能性が高いので、問題が見過ごされるケースがある。
  14. 14. SUMMARY今、データ永続化するなら、幅広いブラウザにサポートされているWebStorageを使うのが良い。あまり実績がないので、まずはあまり業務にクリティカルでない部分からオフライン化していくのが吉。フォームデータの一時保存(お気に入り)検索条件(メールなど)プライベートなテンプレート類
  15. 15. ANY QUESTION?Q.どれくらいのファイルだとNGですか?A.時間切れでエビデンスありません。続きはWebでということで許してください。
  16. 16. REFERENCEhttps://hacks.mozilla.org/2012/03/there-is-no-simple-solution-for-local-storage/http://calendar.perfplanet.com/2012/is-localstorage-performance-a-problem/http://www.webdirections.org/blog/localStorage-perhaps-not-so-harmful/http://www.nczonline.net/blog/2012/03/07/in-defense-of-localstorage/
  17. 17. THANK YOU :)

×