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

1. オフラインWeb
最近のデータ永続化事情
～2013春～
2013/06/11 Webオフライン技術研究会#01 LT
小川 充
( )@mitsuruog

2. 自己紹介
小川 充（おがわ みつる）
独立系SI 株式会社クレスコ勤務。
フロントエンジニア。
参加コミュニティ
enja-oss HTML5j えんぷら部

3. Webをオフライン化する上で
考慮しなければならないポイントの1つは
クライアント側のデータの永続化

4. WebStorage VS IndexedDB
今ならどちらを使うべきか？

5. browser support
Can I Use ?

6. Web Storage
IE8以上が熱い！モバイルもOK！
http://caniuse.com/ =webstorage#search

7. IndexedDB
IE10以上。モバイル全滅。。。
http://caniuse.com/ =index#search

8. ANSWER
多くのブラウザにサポートされている
Web Storage
IndexedDBはやく仕様固めて
せめてモバイルで使えるようにしてください。
ほんと痛いっす。

9. しかし本当に、webstorageでみんな幸せになれるのか？

10. WebStorageで大きいファイルを扱うことはNG 。
この辺りの議論は超有名
「 」
でも、ぶちゃけ巨大ファイルじゃなければ
あまり気にしなくていい（らしい）。
There is no simple solution for local storage

11. WHY?

12. なぜ 大きいファイル を扱うことがNGなのか？
永続化方法に起因
データはテキストファイルでHDに格納する。
FileI/Oが発生。
セキュリティ対策ソフトなどの影響を受ける。
アクセス方法に起因
アクセスはjavascriptからAPI呼び出し。
javascriptはシングルスレッド。
アクセスした瞬間にレンダリングプロセスがとまる。

13. CAUTION
ただし、開発中は作業PCのメモリ上に
キャッシュされている可能性が高いので、
問題が見過ごされるケースがある。

14. SUMMARY
今、データ永続化するなら、幅広いブラウザにサポートされてい
るWebStorageを使うのが良い。
あまり実績がないので、まずはあまり業務にクリティカルでない
部分からオフライン化していくのが吉。
フォームデータの一時保存
（お気に入り）検索条件
（メールなど）プライベートなテンプレート類

15. ANY QUESTION?
Q.
どれくらいのファイルだとNGですか？
A.
時間切れでエビデンスありません。
続きはWebでということで許してください。

16. REFERENCE
https://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. THANK YOU :)