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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
moriyaman
June 25, 2015
Technology
1.2k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
JSおじさん.pdf
moriyaman
June 25, 2015
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時代の「OAuth認証」にどう物申すか?(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
370
Does an AI Watermark Survive Translation?
machinetranslation
0
500
VPCでもFloatingIPを使いたいんだ
y_kotani
1
130
The Django UUID Story - DjangoCon US 2026
pauloxnet
0
330
Microsoft MVP プログラムを紹介するから目指す人増えてくれ
tsubakimoto_s
0
150
OpenID for Verifiable Credentials 実装から見えた相互運用性確保までの道のり(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
380
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.3k
Oracle AI Databaseデータベース・サービス: BaseDB/ExaDB-Dの可用性
oracle4engineer
PRO
1
980
Digital Credentials API × OpenID4VP ブラウザ完結型本人確認の実装知見(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
360
Digitization部 紹介資料
sansan33
PRO
2
7.8k
Guerilla InnerSource in enterprises, during the AI hype
onenashev
PRO
0
120
:syncing_time:
sksat
3
860
Featured
See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
480
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
123
22k
Become a Pro
speakerdeck
PRO
31
6.2k
Designing for Performance
lara
611
70k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.6k
RailsConf 2023
tenderlove
30
1.5k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
290
Leo the Paperboy
mayatellez
8
2.2k
Ruling the World: When Life Gets Gamed
codingconduct
0
310
Site-Speed That Sticks
csswizardry
13
1.5k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
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㱻ΞϓϦͷڥΛͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏεͲΜͲΜग़͖ͯͦ͏ ɾࠓޙͦͷลαʔϏεͷධՁ߲ʹೖͬͯ͘Δ͔ ͓͡͞Μ༧ใ