$30 off During Our Annual Pro Sale. View Details »
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時代の生存戦略〜
staka121
PRO
2
220
大企業でもできる!ボトムアップで拡大させるプラットフォームの作り方
findy_eventslides
1
830
エンジニアリングをやめたくないので問い続ける
estie
2
1.2k
今年のデータ・ML系アップデートと気になるアプデのご紹介
nayuts
1
490
品質のための共通認識
kakehashi
PRO
4
350
まだ間に合う! Agentic AI on AWSの現在地をやさしく一挙おさらい
minorun365
9
380
Microsoft Agent 365 についてゆっくりじっくり理解する!
skmkzyk
0
380
AIエージェント開発と活用を加速するワークフロー自動生成への挑戦
shibuiwilliam
4
260
Lambdaの常識はどう変わる?!re:Invent 2025 before after
iwatatomoya
1
630
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
1
1.5k
Power of Kiro : あなたの㌔はパワステ搭載ですか?
r3_yamauchi
PRO
0
180
JEDAI認定プログラム JEDAI Order 2026 エントリーのご案内 / JEDAI Order 2026 Entry
databricksjapan
0
140
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
46
7.8k
Unsuck your backbone
ammeep
671
58k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
A better future with KSS
kneath
240
18k
Music & Morning Musume
bryan
46
7k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Optimizing for Happiness
mojombo
379
70k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
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㱻ΞϓϦͷڥΛͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏεͲΜͲΜग़͖ͯͦ͏ ɾࠓޙͦͷลαʔϏεͷධՁ߲ʹೖͬͯ͘Δ͔ ͓͡͞Μ༧ใ