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
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
a2ush
0
170
The Rise of Browser Automation: AI-Powered Web Interaction in 2026
marcthompson_seo
0
310
【AWS】CloudTrail LakeとCloudWatch Logs Insightsの使い分け方針
tsurunosd
0
120
Change Calendarで今はOK?を仕組みにする
tommy0124
1
130
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
1
210
PostgreSQL 18のNOT ENFORCEDな制約とDEFERRABLEの関係
yahonda
0
150
AIエージェント勉強会第3回 エージェンティックAIの時代がやってきた
ymiya55
0
160
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
620
Network Firewall Proxyで 自前プロキシを消し去ることができるのか
gusandayo
0
100
JEDAI認定プログラム JEDAI Order 2026 受賞者一覧 / JEDAI Order 2026 Winners
databricksjapan
0
400
互換性のある(らしい)DBへの移行など考えるにあたってたいへんざっくり
sejima
PRO
0
320
AWS Systems Managerのハイブリッドアクティベーションを使用したガバメントクラウド環境の統合管理
toru_kubota
1
190
Featured
See All Featured
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
360
Optimizing for Happiness
mojombo
378
71k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
340
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
160
Marketing to machines
jonoalderson
1
5.1k
Technical Leadership for Architectural Decision Making
baasie
3
300
Writing Fast Ruby
sferik
630
63k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.3k
Automating Front-end Workflow
addyosmani
1370
200k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
43k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
140
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
320
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㱻ΞϓϦͷڥΛͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏεͲΜͲΜग़͖ͯͦ͏ ɾࠓޙͦͷลαʔϏεͷධՁ߲ʹೖͬͯ͘Δ͔ ͓͡͞Μ༧ใ