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.1k
JSおじさん.pdf
moriyaman
June 25, 2015
Tweet
Share
More Decks by moriyaman
See All by moriyaman
組織勉強会
moriyaman
0
110
Swift勉強会(tuple, enum)
moriyaman
0
610
Other Decks in Technology
See All in Technology
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
3
1.6k
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
970
Agentic RAG with LangGraph
atsushii
0
110
シフトライトなテスト活動を適切に行うことで、無理な開発をせず、過剰にテストせず、顧客をビックリさせないプロダクトを作り上げているお話 #RSGT2025 / Shift Right
nihonbuson
3
820
Fearsome File Formats
ange
0
540
エンジニアリングマネージャー視点での、自律的なスケーリングを実現するFASTという選択肢 / RSGT2025
yoshikiiida
4
2k
信頼されるためにやったこと、 やらなかったこと。/What we did to be trusted, What we did not do.
bitkey
PRO
0
1k
普通のエンジニアがLaravelコアチームメンバーになるまで
avosalmon
0
650
ネットワーク可視化の世界
likr
7
5.6k
スタートアップで取り組んでいるAzureとMicrosoft 365のセキュリティ対策/How to Improve Azure and Microsoft 365 Security at Startup
yuj1osm
0
280
ZOZOTOWN の推薦における KPI モニタリング/KPI monitoring for ZOZOTOWN recommendations
rayuron
1
670
サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team
cybozuinsideout
PRO
5
39k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Visualization
eitanlees
146
15k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
940
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
A designer walks into a library…
pauljervisheath
205
24k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Docker and Python
trallard
43
3.2k
Being A Developer After 40
akosma
89
590k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
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㱻ΞϓϦͷڥΛͳ͘͢ಈ͖͕׆ൃʹ ɾΦϑϥΠϯ㱻ΦϯϥΠϯΛ݁ͿαʔϏεͲΜͲΜग़͖ͯͦ͏ ɾࠓޙͦͷลαʔϏεͷධՁ߲ʹೖͬͯ͘Δ͔ ͓͡͞Μ༧ใ