ここでお話しました…！ http://atnd.org/events/50606

1. JSRelでlocalStorageを使って
完全オフラインなブラウザアプリ
（ちょっとだけラフノートの宣伝）
J S オ ジ サ ン # 2
2014年5月29日
ラフノート株式会社
代表 西小倉 宏信

2. 自己紹介

3. 自己紹介
→IT土方歴７年

4. いろんなWebサービス作ってきました

5. 2010年

6. とある
クライアント様からの
要望

7. 「Webアプリを作って欲しい」
!
!

8. ただし

9. オフラインでも
動いて欲しい

10. 提案@2010年

11. 提案＠2010年

12. FlashかSilverlight
を経由してファイルに
データを保存？

13. やめた

14. HTML5！？

15. localStorage！？

16. localStorageは
KVSだけどこの仕様で
RDBっぽくなれば使えるかも？

17. JSRel

18. shinout / jsrel @ github

19. JSRelの特徴
１．localStorage、Node、Titaniumで動く
２．同期実行
３．RDB
var result = db.find('table1');
var result2 = db.find(‘table2');
// do something
db.find('table1', function (e, result) {
db.find('table2', function (e, result2) {
// do something
});
});

20. AppCache版@2012年

21. AppCache
ここに書くと
キャッシュされる
ここに書くと
キャッシュされない

22. !
・不安定
・キャッシュが消えないことがある
・Chromeの自動バージョンアップで
不具合が出た事例
・初回はネット必要

23. 完全オフライン版@2013年

24. file://

25. 画像はbase64化
CSS、JSと一緒に全て
１つのhtmlファイルに埋め込み、
File URI scheme
にて動作！

26. DEMO

27. !
・安定（常にfileそのものを参照）
・USBメモリに入れて配布すれば
終始オフラインで動作！
オンラインの時だけデータ送るとかもできる

28. 結論

29. JSRel便利。
今後も使っていきたいので
皆様starやforkやPullRequest
お願いします
https://github.com/shinout/jsrel

30. 最後にちょっとだけ
ラフノート宣伝

31. GitHubのWIP PR
ワークフローいいですよね

32. GitHubの文書版である「ラフノート」
はシステム的にWIP形式をサポート

33. ラフノート株式会社
代表 西小倉宏信
ご清聴ありがとうございました
PC or iPhoneで
「ラフノート」
で検索！