Submit Search
Upload
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
•
7 likes
•
2,144 views
P
pandeiro245
Follow
ここでお話しました…! http://atnd.org/events/50606
Read less
Read more
Technology
Report
Share
Report
Share
1 of 33
Download now
Download to read offline
Recommended
PHPでWebSocketを実装してみてわかったこと
PHPでWebSocketを実装してみてわかったこと
ksimoji
最近のフロントエンドツールの紹介
最近のフロントエンドツールの紹介
Ryo Iinuma
Rustで DDD を実践しながら API サーバーを実装・構築した(つもり)
Rustで DDD を実践しながら API サーバーを実装・構築した(つもり)
ShogoOkazaki
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
CoronaSDKのご紹介
CoronaSDKのご紹介
Takuro Fukamizu
さわってみよう Couchbase Lite
さわってみよう Couchbase Lite
ssd kfk
新・ReVIEWパーサについて
新・ReVIEWパーサについて
masayoshi takahashi
お安く、楽にWEBアプリを支える技術
お安く、楽にWEBアプリを支える技術
KeitoTakeda
Recommended
PHPでWebSocketを実装してみてわかったこと
PHPでWebSocketを実装してみてわかったこと
ksimoji
最近のフロントエンドツールの紹介
最近のフロントエンドツールの紹介
Ryo Iinuma
Rustで DDD を実践しながら API サーバーを実装・構築した(つもり)
Rustで DDD を実践しながら API サーバーを実装・構築した(つもり)
ShogoOkazaki
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
Kohei Asai
CoronaSDKのご紹介
CoronaSDKのご紹介
Takuro Fukamizu
さわってみよう Couchbase Lite
さわってみよう Couchbase Lite
ssd kfk
新・ReVIEWパーサについて
新・ReVIEWパーサについて
masayoshi takahashi
お安く、楽にWEBアプリを支える技術
お安く、楽にWEBアプリを支える技術
KeitoTakeda
20200714 cogbot
20200714 cogbot
ひかり 影中
TypeScript x Bot Framework
TypeScript x Bot Framework
Kazumi IWANAGA
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
Yuhei Miyazato
Yapc2012ltthon
Yapc2012ltthon
Junya Murabe
俺とホットキー
俺とホットキー
Masayuki KaToH
Ruby motion
Ruby motion
jewel12
20200809 jcdug lt
20200809 jcdug lt
ひかり 影中
Swift bondでつなげてプログラミング
Swift bondでつなげてプログラミング
貴士 山本
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
leverages_event
Introduction of mruby & Webruby script example
Introduction of mruby & Webruby script example
kishima7
俺と2016コミュニティ活動振り返り
俺と2016コミュニティ活動振り返り
Masayuki KaToH
GR-CITRUSの紹介
GR-CITRUSの紹介
三七男 山本
俺と LightSail 概要と使ってみた
俺と LightSail 概要と使ってみた
Masayuki KaToH
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
俺とシビックテックとDiy
俺とシビックテックとDiy
Masayuki KaToH
Cocoa勉強会201302
Cocoa勉強会201302
Satoshi Oomori
Hello, Node.js
Hello, Node.js
Shin Sekaryo
Swift bondさわってみた
Swift bondさわってみた
Motoki Narita
Cocolumberjackの使い方 Ios lt 20140327
Cocolumberjackの使い方 Ios lt 20140327
Ken Haneda
Rubymotion
Rubymotion
jewel12
かすたむ!
かすたむ!
鈴木 安美
JSと仲良くなるための心得
JSと仲良くなるための心得
鈴木 安美
More Related Content
What's hot
20200714 cogbot
20200714 cogbot
ひかり 影中
TypeScript x Bot Framework
TypeScript x Bot Framework
Kazumi IWANAGA
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
Yuhei Miyazato
Yapc2012ltthon
Yapc2012ltthon
Junya Murabe
俺とホットキー
俺とホットキー
Masayuki KaToH
Ruby motion
Ruby motion
jewel12
20200809 jcdug lt
20200809 jcdug lt
ひかり 影中
Swift bondでつなげてプログラミング
Swift bondでつなげてプログラミング
貴士 山本
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
leverages_event
Introduction of mruby & Webruby script example
Introduction of mruby & Webruby script example
kishima7
俺と2016コミュニティ活動振り返り
俺と2016コミュニティ活動振り返り
Masayuki KaToH
GR-CITRUSの紹介
GR-CITRUSの紹介
三七男 山本
俺と LightSail 概要と使ってみた
俺と LightSail 概要と使ってみた
Masayuki KaToH
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
Shunsuke Watanabe
俺とシビックテックとDiy
俺とシビックテックとDiy
Masayuki KaToH
Cocoa勉強会201302
Cocoa勉強会201302
Satoshi Oomori
Hello, Node.js
Hello, Node.js
Shin Sekaryo
Swift bondさわってみた
Swift bondさわってみた
Motoki Narita
Cocolumberjackの使い方 Ios lt 20140327
Cocolumberjackの使い方 Ios lt 20140327
Ken Haneda
Rubymotion
Rubymotion
jewel12
What's hot
(20)
20200714 cogbot
20200714 cogbot
TypeScript x Bot Framework
TypeScript x Bot Framework
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
webSocket通信を知らないiOSエンジニアが知っておいて損はしない(経験談的な)軽い話
Yapc2012ltthon
Yapc2012ltthon
俺とホットキー
俺とホットキー
Ruby motion
Ruby motion
20200809 jcdug lt
20200809 jcdug lt
Swift bondでつなげてプログラミング
Swift bondでつなげてプログラミング
Node.js×mongo dbで3年間サービス運用してみた話
Node.js×mongo dbで3年間サービス運用してみた話
Introduction of mruby & Webruby script example
Introduction of mruby & Webruby script example
俺と2016コミュニティ活動振り返り
俺と2016コミュニティ活動振り返り
GR-CITRUSの紹介
GR-CITRUSの紹介
俺と LightSail 概要と使ってみた
俺と LightSail 概要と使ってみた
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
大阪Node学園 七時限目 「ゼロからはじめるnode.js」
俺とシビックテックとDiy
俺とシビックテックとDiy
Cocoa勉強会201302
Cocoa勉強会201302
Hello, Node.js
Hello, Node.js
Swift bondさわってみた
Swift bondさわってみた
Cocolumberjackの使い方 Ios lt 20140327
Cocolumberjackの使い方 Ios lt 20140327
Rubymotion
Rubymotion
Viewers also liked
かすたむ!
かすたむ!
鈴木 安美
JSと仲良くなるための心得
JSと仲良くなるための心得
鈴木 安美
Java script関数コールの追跡
Java script関数コールの追跡
Keiichi Kobayashi
JSとKinectさん
JSとKinectさん
鈴木 安美
みんなが調べないJS調べてみた JSオジサン#2
みんなが調べないJS調べてみた JSオジサン#2
Kenichi Kanai
設計は相談だ
設計は相談だ
鈴木 安美
君よ知るや JScript.NET
君よ知るや JScript.NET
彰 村地
テスト用ライブラリ power-assert
テスト用ライブラリ power-assert
Takuto Wada
20140529 JS Ojisan #2 LT あの「note」はAngular.js
20140529 JS Ojisan #2 LT あの「note」はAngular.js
Shoei Takamaru
クックパッド開発コンテスト24
クックパッド開発コンテスト24
pandeiro245
クラウドソーシング@Coedo
クラウドソーシング@Coedo
pandeiro245
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
minoru nakanou
Viewers also liked
(12)
かすたむ!
かすたむ!
JSと仲良くなるための心得
JSと仲良くなるための心得
Java script関数コールの追跡
Java script関数コールの追跡
JSとKinectさん
JSとKinectさん
みんなが調べないJS調べてみた JSオジサン#2
みんなが調べないJS調べてみた JSオジサン#2
設計は相談だ
設計は相談だ
君よ知るや JScript.NET
君よ知るや JScript.NET
テスト用ライブラリ power-assert
テスト用ライブラリ power-assert
20140529 JS Ojisan #2 LT あの「note」はAngular.js
20140529 JS Ojisan #2 LT あの「note」はAngular.js
クックパッド開発コンテスト24
クックパッド開発コンテスト24
クラウドソーシング@Coedo
クラウドソーシング@Coedo
JSオジサン openframeworks emscripten
JSオジサン openframeworks emscripten
Similar to JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
Katsuaki Sato
[RubyMotion LT] nitronに見るiosアプリ開発の未来
[RubyMotion LT] nitronに見るiosアプリ開発の未来
Masahiro Nishimi
Jsf アプリ作ったった
Jsf アプリ作ったった
Oda Shinsuke
Effective SQLite For Android
Effective SQLite For Android
Shinobu Okano
テスト
テスト
Masashi Sato
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
yoshikawa_t
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
GoAzure
Introduction of Rhodes
Introduction of Rhodes
Hitoshi Kuroyanagi
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃
Teruo Adachi
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Ryunosuke SATO
Tokyo ruby kaigi 10 (sogabe)
Tokyo ruby kaigi 10 (sogabe)
Takashi Sogabe
ちょっとGoogle Analyticsの話しようぜ
ちょっとGoogle Analyticsの話しようぜ
Shinobu Okano
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
Koichi Uchimura
クラウド移住で地方に住むということ
クラウド移住で地方に住むということ
Takehito Tanabe
AndroidでGeoFenceを使って見る
AndroidでGeoFenceを使って見る
Katsuki Nakatani
(続) Effective SQLite for Android
(続) Effective SQLite for Android
Shinobu Okano
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
貴寛 益子
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
Satoshi Kubo
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
Similar to JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
(20)
Mochrom - スマートフォンビジネスサミット
Mochrom - スマートフォンビジネスサミット
[RubyMotion LT] nitronに見るiosアプリ開発の未来
[RubyMotion LT] nitronに見るiosアプリ開発の未来
Jsf アプリ作ったった
Jsf アプリ作ったった
Effective SQLite For Android
Effective SQLite For Android
テスト
テスト
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
B 2-1 はじめての Windows Azure
B 2-1 はじめての Windows Azure
Introduction of Rhodes
Introduction of Rhodes
DevOpsが引き金となるインフラエンジニアの進撃
DevOpsが引き金となるインフラエンジニアの進撃
Node.js を選ぶとき 選ばないとき
Node.js を選ぶとき 選ばないとき
Tokyo ruby kaigi 10 (sogabe)
Tokyo ruby kaigi 10 (sogabe)
ちょっとGoogle Analyticsの話しようぜ
ちょっとGoogle Analyticsの話しようぜ
第7回鹿児島Node.jsの会勉強会資料
第7回鹿児島Node.jsの会勉強会資料
クラウド移住で地方に住むということ
クラウド移住で地方に住むということ
AndroidでGeoFenceを使って見る
AndroidでGeoFenceを使って見る
(続) Effective SQLite for Android
(続) Effective SQLite for Android
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Glass fishで作ったアプリをweblogicに移植してみた
Glass fishで作ったアプリをweblogicに移植してみた
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Recently uploaded
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
Hiroshi Tomioka
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
Recently uploaded
(9)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
JSRelでlocalStorageを使って 完全オフラインなブラウザアプリ@JSおじさん #2
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で 「ラフノート」 で検索!
Download now