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

オフライン専用ページ実装のコツ

E63c0cf4a77b1799e02f97689db83d91?s=47 kaidouji85
June 26, 2021
Technology
0
860

 オフライン専用ページ実装のコツ

E63c0cf4a77b1799e02f97689db83d91?s=128

kaidouji85

June 26, 2021
Tweet

More Decks by kaidouji85

See All by kaidouji85
JSだけでバックエンド環境構築、IaC、自動デプロイまでやってみた話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
54
サーバレスでネット対戦を作った話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
240
TWAでGoogle Playにアプリをリリースしてみた
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
13
サーバレスでブルーグリーンデプロイしてみた
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
33
three.jsにスプライトアニメーションが無いから自作した話
E63c0cf4a77b1799e02f97689db83d91?s=48 kaidouji85
0
44
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 Technology

See All in Technology
ソフトバンクaPaaS領域への挑戦
61c616e83bef28a1cd2666439ebf334b?s=48 sbtechnight
0
290
やってみたLT会 Fleet Managerのススメ
3282faa17a370dd254382f4bf2c7ba3a?s=48 yukiiiiikuma
PRO
0
350
Backlog × RPAでいろいろ捗った話
87470304247051028bed32895e4816cd?s=48 z_tetsu
0
360
20220731 如何跟隨開源技術保持你的職涯發展
D907136acebc72f1df878541b26f271a?s=48 pichuang
0
110
DevelopersIO 2022 俺のTerraform Pipeline
08dd0b93e011904f40d60d5a1b54c671?s=48 takakuni
0
420
テクニカルライティングの検定を受けてみた話 / "My Story About Taking the Technical Writing Exam
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
1
170
Red Hat Partner Training Portal のご紹介 / Red Hat Partner Training Portal Introduction
C5599f44875a3b21753361e9416385b9?s=48 rhpej
0
110
GCCP Creator @ COSCUP 2022
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
1.4k
EC／CRMの自社サービス開発をマネジメントするようになって1年でやってきたこととこれから / devio2022-takano-sho-road-to-good-development-team-management
Fee058832252e72722b8b03073ff6324?s=48 masaru_b_cl
0
360
Red Hat Enterprise Linux 9のリリースノートを読む前に知りたい最近のキーワードをまとめて復習
79c2f7db29ee6df3e1ceb85c6a0126d3?s=48 moriwaka
0
330
AlexNet前夜
Be0f86176276318b4b9775d795278f7e?s=48 yushiku
PRO
0
550
ぼくらが選んだ次のMySQL 8.0 / MySQL80 Which We Choose
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
7
2.6k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
13
1.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
29
4.4k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.6k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
63k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
12
940
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
35
6.8k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.4k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
120k
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.5k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k

Transcript

  1. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  ౔  18"/JHIU$POGFSFODF ஛಺ɹ༎հ

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

  3. ΦϑϥΠϯઐ༻ϖʔδͱ͸ ωοτʹܨ͕Βͳ͍ঢ়ଶͰ΋ɺಠࣗϖʔδΛදࣔͤ͞Δ͜ͱ ٕज़తʹ͸4FSWJDF8PSLFSͷΦϑϥΠϯΩϟογϡΛ࢖͏

  4. ௨ৗͷΦϑϥΠϯ࣌ͷڍಈ

  5. None

  6. ΦϑϥΠϯઐ༻ϖʔδͷྫ

  7. None
  8. None

  9. ղઆ ॳΊʹʮ*/*5*"-*;*/(ʯͱॻ͔Εͨը໘Λදࣔ Ұఆ࣌ؒܦաޙɺϒϥ΢β࠶ىಈΛଅ͢ϝοηʔδΛදࣔ ϓϩμΫτίʔυ͕ಡΈࠐ·ΕͨΒɺΦϑϥΠϯઐ༻ϖʔδͷ3PPU 
 Λඇදࣔʹ͍ͯ͠Δ ͳͷͰɺ௨ৗ࣌ʹදࣔ͞ΕΔ͜ͱ͸ͳ͍

  10. αϯϓϧ IUUQTHCSBWFSCVSTUDPN

  11. ιʔείʔυ IUUQTHJUIVCDPNLBJEPVKJTUVEZUISFFKT

  12. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  13. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  14. Ωϟογϡͷछྨ ΦϑϥΠϯΩϟογϡͷσϑΝΫτελϯμʔυͰ͋Δ 
 8PSLCPYʹ͸ҎԼͷΩϟογϡ͕͋Δ 1SF$BDIF 3VOUJNF$BDIF

  15. 1SF$BDIF 4FSWJDF8PSLFSΠϯετʔϧ࣌ʹΩϟογϡΛऔಘ͢Δ ϒϥ΢βଆͰදࣔɺ࠶ੜ͞Ε͍ͯͳ͍ϦιʔεΛΩϟογϡ͢Δ 
 ͜ͱ΋Ͱ͖Δ

  16. 3VOUJNF$BDIF ϒϥ΢β͕ωοτϫʔΫΞΫηεͨ࣌͠ʹɺͦͷϨεϙϯεΛ Ωϟογϡ͢Δ ˢͷੑ্࣭ɺը໘্Ͱදࣔɺ࠶ੜ͞Εͨ΋ͷ͔͠Ωϟογϡ 
 Ͱ͖ͳ͍

  17. ϒϥ΢βͰදࣔɺ࠶ੜ 
 ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻ 
 ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF

    ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍

  18. ΦϑϥΠϯઐ༻ϖʔδͷಛੑ ΦϑϥΠϯઐ༻ϖʔδ͸ɺωοτϫʔΫ઀ଓ͕੾Εͨ࣌ʹɺ 
 ॳΊͯඞཁͱ͞ΕΔ͜ͱ͕ଟ͍ ීஈ͸ΦϑϥΠϯઐ༻ϖʔδΛϢʔβʹݟͤͳͯ͘΋ɺ 
 ༧ΊΩϟογϡ͓ͯ͘͠ඞཁ͕͋Δ

  19. ϒϥ΢βͰදࣔɺ࠶ੜ 
 ͞Ε͍ͯΔϦιʔε ϒϥ΢βͰར༻ 
 ͞Ε͍ͯͳ͍Ϧιʔε 1SF$BDIF ̋ ̋ 3VOUJNF$BDIF

    ̋ 9 ̋ΩϟογϡͰ͖Δ 9ɹΩϟογϡͰ͖ͳ͍

  20. 1SF$BDIFΛ࢖͏ཧ༝ ͙͢ʹ࢖Θͳ͍ϦιʔεΛΩϟογϡͯ͘͠ΕΔ࢓૊Έ͕͋ΔͳΒɺ 
 ૉ௚ʹͦΕΛ࢖͏ํ͕͍͍ 3VOUJNF$BDIFͰ΋ɺࣗ෼ͰGFUDIΛݺͼग़ͤ͹ಉ͜͡ͱ͸ग़དྷΔ ˢͦΕͬͯंྠͷ࠶ൃ໌ͳͷͰ͸

  21. 1SF$BDIFΛ࢖͓͏

  22. ΦϑϥΠϯઐ༻ϖʔδ࣮૷ͷίπ  1SF$BDIFͰ࣮૷͢Δ΂͠  ϓϩμΫτͱόʔδϣϯ͕ζϨͯ΋ಈ͘Α͏ʹ͢Δ΂͠

  23. 1SF$BDIF͸Ωϟογϡ༏ઌ 1SF$BDIF͸Ωϟογϡ༏ઌ ίϯςϯπΛߋ৽ͯ͠΋ɺॳճදࣔ͸چόʔδϣϯΛදࣔ͢Δ IUUQTEFWFMPQFSTHPPHMFDPNXFCUPPMTXPSLCPYNPEVMFT XPSLCPYQSFDBDIJOH

  24. 8FCͷΩϟογϡ 8FCʹ͸༷ʑͳΩϟογϡ͕͋Δ $%/ɺϒϥ΢βΩϟογϡɺΦϑϥΠϯΩϟογϡɺFUDʜʜ

  25. $%/ Ωϟογϡ 3VOUJNF $BDIF 1SF$BDIF ΦϑϥΠϯΩϟογϡ ϒϥ΢β Ωϟογϡ ΦϦδφϧ Ωϟογϡ༏ઌ

  26. ݹ͍ΦϑϥΠϯઐ༻ϖʔδ ͕දࣔ͞ΕΔ͜ͱ͸ଟ͍

  27. ࣗ࡞ήʔϜͷࣦഊྫ ΦϑϥΠϯઐ༻ϖʔδͰήʔϜͷϦιʔεಡΈࠐΈΛ΍ͬͯͨ ͨͩɺΦϑϥΠϯઐ༻ϖʔδ͕ݹ͍··ͩͬͨͷͰɺ 
 ݹ͍Ϧιʔε͕Ωϟογϡ͞Εͯ஍ࠈΛݟͨ ͳͷͰɺΦϑϥΠϯઐ༻ϖʔδͰ͸ϝοηʔδද͚ࣔͩʹͱͲΊͨ

  28. ·ͱΊ

  29. ࠓ೔ͷ·ͱΊ ΦϑϥΠϯઐ༻ϖʔδͱ͸ɺωοτ઀ଓͰ͖ͳ͍࣌ʹදࣔ͢Δ 
 ϖʔδͰ͋Δ ΦϑϥΠϯઐ༻ϖʔδ͸1SF$BIDFͰ༧ΊΩϟογϡ͓ͯ͘͠ ΦϑϥΠϯઐ༻ϖʔδ͕ݹ͍΋ͷ͕දࣔ͞Εͯ΋ɺ 
 ຊମʹӨڹ͕ͳ͍࡞Γʹ͓ͯ͘͠

  30. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠