Your SlideShare is downloading. ×
0
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,058

Published on

ここでお話しました…! …

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

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,058
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
5
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JSRelでlocalStorageを使って
 完全オフラインなブラウザアプリ (ちょっとだけラフノートの宣伝) J S オ ジ サ ン # 2 2014年5月29日 ラフノート株式会社 代表 西小倉 宏信
  • 2. 自己紹介
  • 3. 自己紹介 →IT土方歴7年
  • 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の特徴 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. AppCache版@2012年
  • 21. AppCache ここに書くと   キャッシュされる ここに書くと   キャッシュされない
  • 22. ! ・不安定 ・キャッシュが消えないことがある ・Chromeの自動バージョンアップで
   不具合が出た事例 ・初回はネット必要
  • 23. 完全オフライン版@2013年
  • 24. file://
  • 25. 画像はbase64化
 CSS、JSと一緒に全て 1つの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で 「ラフノート」 で検索!

×