Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2

1,678 views

Published on

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

Published in: Technology
  • Be the first to comment

JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2

  1. 1. JSRelでlocalStorageを使って
 完全オフラインなブラウザアプリ (ちょっとだけラフノートの宣伝) J S オ ジ サ ン # 2 2014年5月29日 ラフノート株式会社 代表 西小倉 宏信
  2. 2. 自己紹介
  3. 3. 自己紹介 →IT土方歴7年
  4. 4. いろんなWebサービス作ってきました
  5. 5. 2010年
  6. 6. とある クライアント様からの 要望
  7. 7. 「Webアプリを作って欲しい」 ! !
  8. 8. ただし
  9. 9. オフラインでも 動いて欲しい
  10. 10. 提案@2010年
  11. 11. 提案@2010年
  12. 12. FlashかSilverlight を経由してファイルに データを保存?
  13. 13. やめた
  14. 14. HTML5!?
  15. 15. localStorage!?
  16. 16. localStorageは KVSだけどこの仕様で RDBっぽくなれば使えるかも?
  17. 17. JSRel
  18. 18. shinout / jsrel @ github
  19. 19. JSRelの特徴 1.localStorage、Node、Titaniumで動く 2.同期実行 3.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. 20. AppCache版@2012年
  21. 21. AppCache ここに書くと   キャッシュされる ここに書くと   キャッシュされない
  22. 22. ! ・不安定 ・キャッシュが消えないことがある ・Chromeの自動バージョンアップで
   不具合が出た事例 ・初回はネット必要
  23. 23. 完全オフライン版@2013年
  24. 24. file://
  25. 25. 画像はbase64化
 CSS、JSと一緒に全て 1つのhtmlファイルに埋め込み、 File URI scheme にて動作!
  26. 26. DEMO
  27. 27. ! ・安定(常にfileそのものを参照) ・USBメモリに入れて配布すれば
  終始オフラインで動作! オンラインの時だけデータ送るとかもできる
  28. 28. 結論
  29. 29. JSRel便利。 今後も使っていきたいので 皆様starやforkやPullRequest お願いします https://github.com/shinout/jsrel
  30. 30. 最後にちょっとだけ ラフノート宣伝
  31. 31. GitHubのWIP PR ワークフローいいですよね
  32. 32. GitHubの文書版である「ラフノート」 はシステム的にWIP形式をサポート
  33. 33. ラフノート株式会社
 代表 西小倉宏信 ご清聴ありがとうございました PC or iPhoneで 「ラフノート」 で検索!

×