Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JSおじさん.pdf
Search
moriyaman
June 25, 2015
Technology
0
1.2k
JSおじさん.pdf
moriyaman
June 25, 2015
Tweet
Share
More Decks by moriyaman
See All by moriyaman
組織勉強会
moriyaman
0
130
Swift勉強会(tuple, enum)
moriyaman
0
630
Other Decks in Technology
See All in Technology
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
daitasu
0
170
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
KotlinConf 2025_イベントレポート
sony
1
140
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
130
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
22
12k
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
nwiizo
7
880
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.5k
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
1.1k
Create Ruby native extension gem with Go
sue445
0
130
データ分析エージェント Socrates の育て方
na0
6
2.2k
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
450
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
5
750
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
431
66k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Site-Speed That Sticks
csswizardry
10
820
Making Projects Easy
brettharned
117
6.4k
A designer walks into a library…
pauljervisheath
207
24k
Code Review Best Practice
trishagee
71
19k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Thoughts on Productivity
jonyablonski
70
4.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Transcript
Always be an organization of which all employees are proud.
JSΦδαϯ #5 service worker & indexeddbͰ࡞Δ Offline web
2012 ΞτϥΤʹೖࣾ ओʹۀͰRuby, JavascriptΛॻ͍ͯ·͢ Moriyama Yuki (@moriyaman)
iOSؔ࿈ͷํ͕ߘଟ͔ͬͨɻɻɻ͢Έ·ͤ͵ orz
ීஈͪΐͬͱมΘͬͨʮస৬αΠτʯΛ࡞ͬͯ·͢w
service workerͬͯԿʁ
- Ҿ༻: Service Worker hackathon 2015 - introduction talk
- Ҿ༻: Service Worker hackathon 2015 - introduction talk
- Ҿ༻: Service Worker hackathon 2015 - introduction talk requestΛॲཧ͢Δ·Ͱʹ
͔ͳΓͷ࣌ؒΛ͍ͬͯΔݱঢ়ɾɾɾ
ͦ͏ͩTFSWJDFXPSLFSΛ͓͏ʂ
ϖʔδͷόοΫάϥϯυͰಈ͘ Πϕϯτۦಈͷ JavaScript ڥ ΈΤΫεςϯγϣϯͱࣅ͍ͯΔɾɾɾ
ɾΩϟογϡػೳ ɾPUSH௨ػೳ
όοΫάϥϯυͰ Ωϟογϡͷߋ৽͔͚ΕΔͬͯΑ NEW
Ҿ༻:Service Worker ͷհ
༻๏༻ྔΛ͓कΓԼ͍͞
None
Activated! responceΛcache! requestclone͍ͯͩ͘͠͞Ͷ
։ൃπʔϧͰ֬ೝՄೳ
OfflineͰӾཡՄೳʹʂ But…ΞΫγϣϯग़དྷͳ͍ΑͶʁ ͜͜ajaxͰॲཧͯ͠Μͧɾɾɾ
PUSH௨Qiitaݟ͍ͯͩ͘͞w http://qiita.com/moriyaman/items/ 2e3a031c713658323815
ͦ͏ͩJOEFYFEECΛ͓͏ʂ
ɾෳͷΦϒδΣΫτετΞΛ࣋ͯΔ ɾඇಉظॲཧͳͷͰɺϨϯμϦϯάΛϒϩοΫ͠ͳ͍ʂ ͓͍ɺ͍ͭ͜࠷ڧઆ͋Δͳ… ※جຊతʹWeb Storageͱಉ͡ key-value ετΞ
֓ͶͲͷڥͰ͑Δͧɾɾɾ
ࠓճ࡞Γ͍ͨͷ actionDB kininaru job_offer_id user_id
ॳظઃఆ 2ճҎ߱…
αʔόʹૹΔ & আ
σʔλͷՃ σʔλͷআ
None
ͳΜ͔ͯΓͷྑ͍αʔϏεͳΜͩʂʂʂ
ɾࠓޙGoogleઌੜΛච಄ʹ Web㱻ΞϓϦͷڥΛͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏεͲΜͲΜग़͖ͯͦ͏ ɾࠓޙͦͷลαʔϏεͷධՁ߲ʹೖͬͯ͘Δ͔ ͓͡͞Μ༧ใ