Upgrade to Pro — share decks privately, control downloads, hide ads and more …

workboxで簡単にオフライン対応しよう_JS祭ver

E63c0cf4a77b1799e02f97689db83d91?s=47 kaidouji85
November 30, 2019
Programming
0
360

 workboxで簡単にオフライン対応しよう_JS祭ver

E63c0cf4a77b1799e02f97689db83d91?s=128

kaidouji85

November 30, 2019
Tweet

More Decks by kaidouji85

See All by kaidouji85
JSだけでバックエンド環境構築、IaC、自動デプロイまでやってみた話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
58
サーバレスでネット対戦を作った話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
250
TWAでGoogle Playにアプリをリリースしてみた
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
14
サーバレスでブルーグリーンデプロイしてみた
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
34
three.jsにスプライトアニメーションが無いから自作した話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
45
iOS15にアップデートしたら、WebGLのゲームが動かなくなったので根性で何とかしてみた
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
160
サードパーティクッキーが使えないとAuth0で毎回ログインしなきゃダメと思ってたけど誤解だった件
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
1
390
PWAにIDaaS導入しようと思って検証したら、auth0が最強だと思った件
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
150
AWS AppRunnerで対戦サーバを作って開発は捗ったけど本番運用は厳しいかもしれない件
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
110

Other Decks in Programming

See All in Programming
Pythonによる開発をアップデートするライブラリの紹介
4b46b5f1acab7f5a64c0036c1fc39f31?s=48 daikikatsuragawa
1
810
アジャイルで始める データ分析基盤構築
384e4d8bab8ac2a5e6f64dab1300c491?s=48 nagano
1
920
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
190
SRE NEXT 2022に学ぶこれからのSREキャリア
71929a476c581dd754e4e1f355ac07d0?s=48 fukubaka0825
2
400
Babylon.jsで作ったsceneをレイトレーシングで映えさせる
C54e383f9597a63832fcc1c2547c7540?s=48 turamy
1
210
Untangling Coroutine Testing (Droidcon Berlin 2022)
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
2
490
モデルの定義に基づくバリデーションを実現するためのpydantic入門
4b46b5f1acab7f5a64c0036c1fc39f31?s=48 daikikatsuragawa
0
120
WindowsコンテナDojo：第6回 Red Hat OpenShift入門
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
180
リーダブルテストコード / #vstat
48a913a2e3bb5e68aae6f73079648e84?s=48 jnchito
48
36k
ふんわり理解するcontext
438799c739f93d00abc30fa2da33c543?s=48 rukiadia
1
180
SGGとは
3cfad86677c5966ecfe9b81955fa3489?s=48 inoue2002
0
440
OSS貢献を気軽にしたい Let's Go Talk #1
Aa0368c69701536321af9db1ae552b45?s=48 yuyaabo
2
240

Featured

See All Featured
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
95
4.7k
The Illustrated Children's Guide to Kubernetes
0438ae60cde4c7add6f9da48f28c15cc?s=48 chrisshort
18
40k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.6k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
44
2.4k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
6
2.5k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
10 Git Anti Patterns You Should be Aware of
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
638
52k
Build The Right Thing And Hit Your Dates
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
19
1.2k
Typedesign – Prime Four
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
34
1.4k
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.3k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
87
12k

Transcript

  1. XPSLCPYͰ؆୯ʹ ΦϑϥΠϯରԠ͠Α͏  ౙͷ+BWB4DSJQUࡇJOϝϯόʔζΩϟϦΞ גࣜձࣾΦʔϓϯετϦʔϜ ஛಺ɹ༎հ

  2. ࣗݾ঺հ ஛಺ɹ༎հ ϓϩάϥϚʔ झຯͰήʔϜ࡞ͬͯ·͢ +4େ޷͖

  3. 8&#ΞϓϦ

  4. 8&#ͩͱ ΦϑϥΠϯͰԿ΋ Ͱ͖ͳ͍

  5. ͦͷ໰୊ 8PSLCPYͳΒ ղܾͰ͖Δ

  6. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  7. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  8. ΦϑϥΠϯΩϟογϡ Ұ౓ಡΈࠐΜͩαΠτΛΦϑϥΠϯঢ়ଶ Ͱ΋ݟΔ͜ͱ͕Ͱ͖Δ࢓૊Έ *&Ҏ֎͸Ͳͷϒϥ΢βͰ΋ରԠࡁΈ

  9. αϯϓϧ IUUQTHCSBWFSCVSTUDPN

  10. ղઆ ࣗ࡞ήʔϜͰ͢ Ұ౓ಡΈࠐΊ͹ɺΦϑϥΠϯͰ΋ϓϨΠՄೳ ෭࣍ޮՌͱͯ͠ɺճ໨Ҏ߱ϩʔυ͕ര଎ ίʔυ͸HJUIVCʹެ։͍ͯ͠·͢ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFFKT

  11. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  12. ඪ४"1*αϯϓϧ XPSLCPYΛ࢖Θͳͯ͘΋ɺ ΦϑϥΠϯΩϟογϡ͸࣮ݱՄೳ αϯϓϧίʔτ͸ҎԼ IUUQTHJUIVCDPNLBJEPVKJDBDIF FYBNQMFCMPCNBTUFSQVCMJDTXKT

  13. None
  14. None

  15. Α͘෼͔Βͳ͍Ͱ͢Ͷ

  16. 4FSWJDF8PSLFSͱ͸ ϒϥ΢βͱ͸ಠཱͯ͠ଘࡏ͢ΔϓϩάϥϜ ϒϥ΢βλϒΛดͯ͡΋ɺ4FSWJDF8PSLFS ͸ಈ͖ଓ͚Δ

  17. 4FSWJF8PSLFSͰग़དྷΔ͜ͱ ΦϑϥΠϯΩϟογϡ 1VTI௨஌ όοΫάϥϯυಉظ

  18. ϒϥ΢β Πϯλʔωοτ

  19. ϒϥ΢β Πϯλʔωοτ 4FSWJDF 8PSLFS $BDIF 4UPSBHF

  20. ඪ४"1*ͷ໰୊ ΩϟογϡɺωοτϫʔΫͷ༏ઌॱҐ͕ ෼͔ΓͮΒ͍ ෆཁͳ΋ͷΛΩϟογϡͯ͠ɺ ༧ظͤ͵ಈ͖Λ͢ΔՄೳੑ͕͋Δ

  21. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  22. 8PSLCPYͱ͸ ΦϑϥΠϯΩϟογϡൺֱత༻ҙʹ ࣮ݱͰ͖ΔϥΠϒϥϦ ΦϑϥΠϯΩϟογϡͷ σϑΝΫτελϯμʔυ ࢦఆͨ͠ϦΫΤετΛΩϟογϡ͢Δ

  23. ίʔυྫ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFF KTCMPCNBTUFSTSDKTTXKT ઌ΄Ͳৄࡉͨࣗ͠࡞ήʔϜͷҰ෦

  24. None

  25. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  26. 4FSWJDF8PSLFSϥΠϑαΠΫϧ */45"-- 8"*5*/( "$5*7"5&

  27. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  28. 1SF$BDIF */45"--࣌ʹɺҰ౓͚ͩΩϟογϡ͢Δ Ҏ߱͸ৗʹΩϟογϡ͔ΒऔΓଓ͚Δ Ωϟογϡର৅͸ϑϧύεͰࢦఆ͢Δ ඞཁ࠷௿ݶͷIUNMɺKTɺDTTΛ Ωϟογϡ͢ΔͨΊʹ͋Δ

  29. ϒϥ΢β Πϯλʔωοτ 4FSWJDF 8PSLFS $BDIF 4UPSBHF ͣͬͱ͜͜ʂ $BDIFʹηοτ

  30. None

  31. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  32. 3VOUJNF$BDIF ϒϥ΢βͷϦΫΤετʹԠͯ͡ɺ ಈతͰΩϟογϡ͢Δ Ωϟογϡର৅͸ਖ਼نදݱͰࢦఆ͢Δ ωοτϫʔΫɺΩϟογϡͷ༏ઌ౓͸ɺ ΩϟογϡઓུʹΑͬͯมΘΔ

  33. None

  34. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  35. /FUXPSL'JSTU جຊతʹωοτϫʔΫ͔Β৘ใΛऔಘ͢Δ ωοτϫʔΫͷϨεϙϯε͕੒ޭͨ͠Βɺ ͦΕΛΩϟογϡʹͭΊΔ ωοτʹͭͳ͕Βͳ͍͚࣌ͩΩϟογϡΛ࢖͏

  36. ϒϥ΢β Πϯλʔωοτ 4FSWJDF 8PSLFS $BDIF 4UPSBHF ୈҰ༏ઌ ͩΊͳΒͬͪ͜ 614&35

  37. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  38. $BDIF'JSTU ݪଇͱͯ͠ɺΩϟογϡ͔Β৘ใΛऔಘ͢Δ Ωϟογϡ͕ͳ͍৔߹ɺωοτϫʔΫ͔Β ৘ใΛऔಘ͢Δ ωοτϫʔΫͷϨεϙϯε͕੒ޭͨ͠৔߹ɺ ͦΕΛΩϟογϡʹͭΊΔ Ҏ߱͸ɺωοτϫʔΫͷ৘ใ͕৽͘͠ͳΖ͏͕ɺ ΩϟογϡΛ࢖͍ଓ͚Δ

  39. ϒϥ΢β Πϯλʔωοτ 4FSWJDF 8PSLFS $BDIF 4UPSBHF ͳ͚Ε͹ίον ୈҰ༏ઌ */4&35

  40. 1SF$BDIF 3VOUJNF$BDIF /FUXPSL'JSTU $BDIF'JSTU 4UBMF8IJMF3FWBMJEBUF 8PSL#PYΩϟογϡ ͦͷଞॾʑʜ

  41. 4UBMF8IJMF3FWBMJEBUF ݪଇͱͯ͠ɺΩϟογϡ͔Β৘ใΛฦ͢ ಉ࣌ʹωοτϫʔΫΞΫηεΛͯ͠ɺ ৘ใ͕ߋ৽͞Ε͍ͯͨΒΩϟογϡ΋ߋ৽͢Δ /FUXPSL'JSTUɺ$BDIF'JSTUͷ͍͍ͱ͜औΓͷ Πϝʔδ

  42. ϒϥ΢β Πϯλʔωοτ 4FSWJDF 8PSLFS $BDIF 4UPSBHF ୈҰ༏ઌ 614&35 ͳ͚Ε͹ίον

  43. 8PSLCPYͰղܾͰ͖ͳ͍໰୊ ෆཁͳΩϟογϡΛ͢Δ໰୊͸ղܾͰ͖ͳ͍ "1*ͷ63-Λࢦఆͨ͠Βɺ໰౴ແ༻Ͱ Ωϟογϡ͞ΕΔ ࡞ΓࠐΈόά͸େ෯ʹݮΔ͕ɺ ઃܭόά͸ফ͑ͳ͍

  44. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  45. 48ߋ৽໰୊ͱ͸ 4FSWJDF8PSLFSߋ৽ͨ͠ࡍʹɺ ॳճ͸ੲͷ4FSWJDF8PSLFS͕Քಇ͢Δ໰୊ 4FSWJDF8PSLFSશൠͷ໰୊

  46. 48ߋ৽໰୊ͷৄࡉ લఏ 4FSWJDF8PSLFSΛొ࿥͍ͯͨ͠ͱ͢Δ 4FSWJDF8PSLFSΛߋ৽ͨ͠ ࣄ৅ ॳճʹҎԼ໰୊͕ൃੜ͢Δ ݹ͍4FSWJDF8PSLFS͕ಈ࡞͢Δ ߋ৽લͷ1SF$BDIF͕දࣔ͞ΕΔ

  47. ओͳղܾํ਑ ڧ੍తʹ"DUJWBUFͤ͞Δ ͳΔ΂͘$BDIFΛ࢖Θͳ͍ 4FSWJDF8PSLFS͕ߋ৽͞ΕͨΒɺ ܯࠂը໘ʹڧ੍తʹભҠͤ͞Δ

  48. ओͳղܾํ਑ ڧ੍తʹ"DUJWBUFͤ͞Δ ͳΔ΂͘$BDIFΛ࢖Θͳ͍ 4FSWJDF8PSLFS͕ߋ৽͞ΕͨΒɺ ܯࠂը໘ʹڧ੍తʹભҠͤ͞Δ

  49. ڧ੍తʹ"DUJWBUF ݹ͍4FSWJDF8PSLFS͕Քಇ͍ͯͯ͠΋ɺ ແཧ΍Γ৽͍͠΋ͷʹ੾Γସ͑Δํ๏͸͋Δ ੔߹ੑΛอͭͨΊʹɺϥΠϑαΠΫϧʹ 8"*5*/(͕͋Δ ͦΕΛແࢹ͢Δ৔߹ɺͪΌΜͱઃܭ͠ͳ͍ͱ ഁ୼͢Δ

  50. ओͳղܾํ਑ ڧ੍తʹ"DUJWBUFͤ͞Δ ͳΔ΂͘$BDIFΛ࢖Θͳ͍ 4FSWJDF8PSLFS͕ߋ৽͞ΕͨΒɺ ܯࠂը໘ʹڧ੍తʹભҠͤ͞Δ

  51. ͳΔ΂͘$BDIFΛ࢖Θͳ͍ /FUXPSL'JSUΛͳΔ΂͘༻͍Δ $BDIFʹΑΔߴ଎Խ͸ݟࠐΊͳ͍ ݹ͍4FSWJDF8PSLFS͕Քಇ͢Δ໰୊ ͸ղܾͰ͖ͳ͍

  52. ओͳղܾํ਑ ڧ੍తʹ"DUJWBUFͤ͞Δ ͳΔ΂͘$BDIFΛ࢖Θͳ͍ 4FSWJDF8PSLFS͕ߋ৽͞ΕͨΒɺ ܯࠂը໘ʹڧ੍తʹભҠͤ͞Δ

  53. POVQEBUFGPVOE ͦΕͬΆ͍ίʔϧόοΫؔ਺͕༻ҙ͞Ε͍ͯΔ 4FSWJDF8PSLFS3FHJTUSBUJPOPOVQEBUFGPVOE ݁࿦͔Βݴ͏ͱ࢖͑ͳ͍ ཧ༝͸ɺ4FSWJDF8PSLFSະొ࿥Ͱ΋ ݺ͹ΕΔ͔Β

  54. 4FSWJDF8PSLFSϥΠϑαΠΫϧ */45"-- 8"*5*/( "$5*7"5& ݺ͹ΕΔ ͜͜Ͱ΋ݺ͹ΕΔ

  55. */45"-- 8"*5*/( "$5*7"5& 0/61%"5&'06/%ൃՐ  "$5*7"5&ͳ48͋Γ ϒϥ΢βىಈ࣌  8"*5*/(ͳ48͋Γ 4FSWJDF8PSLFSߋ৽൑ఆ

  56. "$5*7"5&ͳ48ଘࡏ൑ఆ 4FSWJDF8PSLFS3FHJTUSBUJPOBDUJWF OVMM "$5*7"5&ͳ48͕ͳ͍ OVMMҎ֎ "$5*7"5&ͳ48͕͋Δ

  57. ىಈ࣌൑ఆ͕ඞཁͳཧ༝ ͍͖ͳΓ8"*5*/(͔Β࢝·Δέʔε͕͋Δ͔Β */45"--׬ྃޙʹɺλϒΛด͡ͳ͍ͰҎԼΛ ࣮ߦ͢Δ ৽͍͠λϒΛ։͘ ϒϥ΢βϦϩʔυ͢Δ

  58. */45"-- 8"*5*/( "$5*7"5& λϒด͡ͳ͍ ৽نλϒ 03 ϒϥ΢βϦϩʔυ

  59. 8"*5*/(ͳ48ଘࡏ൑ఆ 4FSWJDF8PSLFS3FHJTUSBUJPOXBJUJOH OVMM 8"*5*/(ͳ48͕ͳ͍ OVMMҎ֎ 8"*5*/(ͳ48͕͋Δ

  60. 48ߋ৽൑ఆίʔυྫ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFF KTCMPCNBTUFSTSDKTBDUJPOTFSWJDF XPSLFSDSFBUFMJTUFOFSKT ྫͷ͝ͱࣗ͘࡞ήʔϜͷҰ෦Ͱ͢ ΞϓϦͷॳظԽ෦෼Ͱݺ͹Ε͍ͯ·͢

  61. None

  62. ΞδΣϯμ ΦϑϥΠϯΩϟογϡͱ͸ ඪ४ػೳͰΦϑϥΠϯରԠ XPSLCPYͰΦϑϥΠϯΩϟογϡ͢Δ 4FSWJDF8PSLFSߋ৽໰୊ ·ͱΊ

  63. ·ͱΊ 8PSLCPYͳΒൺֱత༰қʹ ΦϑϥΠϯΩϟογϡΛ࣮૷Ͱ͖Δ ༻్ʹԠͨ͡ΩϟογϡઓུΛબ΅͏ 4FSWJDF8PSLFSߋ৽໰୊ʹ͍ͭͯ΋ ߟ͓͑ͯ͜͏

  64. ͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠