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

これからはじめるPWA / Let's start PWA from now

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for masanarih0ri masanarih0ri
May 26, 2019
Programming
490
0

これからはじめるPWA / Let's start PWA from now

Avatar for masanarih0ri

masanarih0ri

May 26, 2019

More Decks by masanarih0ri

See All by masanarih0ri
Glideでサクッとアプリをリリースしよう！ / Let's release the app with Glide
Avatar for masanarih0ri masanarih0ri
2
1.1k
Glideで彼女を諌めた話 / How to use Glide for my Girlfriend
Avatar for masanarih0ri masanarih0ri
1
2.7k

Other Decks in Programming

See All in Programming
Claspは野良GASの夢をみるか
Avatar for てらうちたかし takter00
0
180
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
320
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
0
170
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
Avatar for Kazuhiko Yamashita pyama86
3
1.9k
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.6k
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
850
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
Avatar for matsukada licux
4
170
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
Avatar for minako-ph minako__ph
4
1.6k
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
3.9k
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
150
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
Avatar for おおいし bicstone
2
1.3k

Featured

See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.5k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Side Projects
Avatar for Sacha Greif sachag
455
43k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
610
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
210k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
360
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.6k

Transcript

  1. ͜Ε͔Β͸͡ΊΔ18" ΦϑϥΠϯରԠΞϓϦͰ"QQ4IFMMͱ4FSWJDF8PSLFSʹ৮ΕΔ ງɹਖ਼੪ !"#$$POGFSFODF

  2. ࣗݾ঺հ ໊લɿງɹਖ਼੪ ೥ྸɿࡀ ৬ۀɿϑϩϯτΤϯυΤϯδχΞʢ࣮຿ܦݧ೥ʣ ݴޠɿ4BTT K2VFSZ 7VFKT ษڧத 3BJMT 5XJUUFS!NBTBOBSJIPSJ

  3. 18"GPS#FHJOOFSTʹ͍ͭͯ ɾ18"ॳ৺ऀͷਓ΋׻ܴͷษڧձͰ͢ ɾݱ৔Ͱͷ࣮૷ํ๏΍ɺݸਓ։ൃΞϓϦʹ͍ͭͯͷ-5ͳͲ ɾ೥͸·ͩͰ͖ͯͳ͔ͬͨͷͰ݄೔ʹ։࠵༧ఆʂ ʢޙ΄Ͳฏా͞Μ͔ΒৄࡉΛڞ༗͍͖ͤͯͨͩ͞·͢ʣ ɾऴΘͬͨޙ͸΋͋ΔΑ

  4. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊͳͲ

  5. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊͳͲ

  6. 1SPHSFTTJWF8FC"QQT ɾ18"1SPHSFTTJWF8FC"QQTͷུ ɾ8FCΞϓϦΛωΟςΟϒΞϓϦԽ͢Δ ɾ8FCΞϓϦͷ69Λ্͛ΔͨΊͷͭͷํ๏ ɾٕज़ͦͷ΋ͷ͸ࢦ͍ͯ͠ͳ͍

  7. 1SPHSFTTJWF8FC"QQT 5XJUUFS ɾηογϣϯ͋ͨΓͷϖʔδ਺͕ˋ૿Ճ ɾૹ৴πΠʔτͷˋ૿Ճ ɾ௚ؼ཰͕ˋݮগ

  8. 1SPHSFTTJWF8FC"QQT 1JOUFSFTU ɾ޿ࠂͷ$53਺͕ˋ૿Ճ ɾ޿ࠂऩೖ͕ˋ૿Ճ ɾαΠτ଺ࡏ͕࣌ؒˋ૿Ճ

  9. 1SPHSFTTJWF8FC"QQT 'PSCFT ɾฏۉϢʔβʔηογϣϯͷ௕͕͞ഒʹ ɾฏۉදࣔճ਺͕ˋ૿Ճ ɾ΋ͱ΋ͱʙඵ͔͔͍ͬͯͨϩʔυ͕ඵʹ

  10. 1SPHSFTTJWF8FC"QQT ɾ࣮૷͸طଘͷΞϓϦͰ΋Ͱ͖Δ ɾجຊతʹ͸+BWBTDSJQUͷ஌͕ࣝ͋Ε͹࣮૷Մೳ ɾJ04ͷରԠ͸·ͩ׬શͰ͸ͳ͍ͷͰɺ΋͏গ͠զຫʜ

  11. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  12. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSͱ͸ ɾϒϥ΢βͱαʔόʔͷؒʹೖΔϓϩΩγͷΑ͏ͳ΋ͷ ɾωοτϫʔΫͷϦΫΤετΛԣऔΓͯ͠ผͷॲཧ͕Ͱ͖Δ ɾϓϩάϥϜՄೳͳͷͰɺ༷ʑͳॲཧ͕Մೳ ɾϒϥ΢βʹΠϯετʔϧ͞Εͯ࢖༻͞ΕΔ

  13. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍  ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ

  14. 4FSWJDF8PSLFS"QQ4IFMM 4FSWJDF8PSLFSΛ࢖ͬͯͰ͖Δ͜ͱ ɾΦϑϥΠϯͰಈ࡞͢ΔΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖Δ ɾωΠςΟϒΞϓϦͷΑ͏ͳ69Λ࡞Δ͜ͱ͕Ͱ͖Δ ɾΞϓϦͷ༰ྔΛܰྔԽͰ͖Δ ɾগֹܾࡁͷ࣮૷΋͢Δ͜ͱ͕Ͱ͖Δ ɾϓογϡ௨஌ΛૹΔ͜ͱ͕Ͱ͖Δ J04͸Ͱ͖ͳ͍

  15. 4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ

  16. 4FSWJDF8PSLFS"QQ4IFMM "QQ4IFMMͱ͸ ɾΞϓϦέʔγϣϯʹ࠷௿ݶඞཁͳ੩తίϯςϯπ ɾ)5.-$44+BWBTDSJQUɺҰ෦ͷը૾ͳͲ ɾ41"ͱ૬ੑ͕͍͍

  17. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  18. Լ४උ ͍ͭ΋ͱಉ͡Α͏ʹ)5.-Λ࡞Γ·͢ TFSWJDFXPSLFSIUNM

  19. Լ४උ ࠓճ͸NBUFSJBMJ[FΛ࢖ͬͯɺݟͨ໨ΛͦΕͬΆ͘͠·͢ TFSWJDFXPSLFSIUNM

  20. Լ४උ ݟͨ໨ͷ֬ೝ ɾ͜Ε͕Ωϟογϡ͞ΕͯɺΦϑϥΠϯͰ΋දࣔ͞ΕΔ ɾͦͯ͠Ωϟογϡͷߋ৽΋ߦΘΕΔ ͱ͍͏ͷ͕࠷ऴΰʔϧͰ͢ɻ

  21. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  22. 4FSWJDF8PSLFS"QQ4IFMM ΦϑϥΠϯΞϓϦͰͷ4FSWJDF8PSLFSͷϥΠϑαΠΫϧ SFHJTUFS JOTUBMM BDUJWBUF GFUDI ɾ੩తϑΝΠϧͷΩϟογϡ ɾΩϟογϡͷ؅ཧ ɾωοτϫʔΫ΍Ωϟογϡͱͷ΍ΓͱΓ ɾ4FSWJDF8PSLFSΛར༻Մೳʹ

  23. SFHJTUFS ɾ4FSWJDF8PSLFSΛ࢖͏ͨΊʹSFHJTUFS ɾ͜ͷॲཧ͕શͯ੒ޭ͠ͳ͍ͱɺઌʹ͸ਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TFSWJDFXPSLFSIUNM

  24. JOTUBMM ɾ$BDIF4UPSBHFʹΩϟογϡ͢ΔϑΝΠϧͷ಺༰ΛೖΕΔ ɾXBJU6OUJM ಺ͷॲཧ͕࣮ߦ͞ΕΔ·Ͱ͸4FSWJDF8PSLFS͸࣮ߦ͞Εͳ͍ ɾJOTUBMM͕׬ྃ͠ͳ͍৔߹ɺGFUDI΍BDUJWBUFʹਐ·ͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  25. BDUJWBUF ɾBDUJWBUFͷΠϕϯτͰ͸ݹ͍ΩϟογϡΛ࡟আ͢Δ ɾBDUJWBUF࣌ͷॲཧ͸ɺ৽نΠϯετʔϧ࣌͸Կ΋͞Εͳ͍ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  26. GFUDI ɾGFUDIΠϕϯτʹΑΓωοτϫʔΫϦΫΤετΛԣऔΓ͢Δ ɾSFTQPOE8JUI ʹΑͬͯ4FSWJDF8PSLFS಺ͰϨεϙϯεΛฦ͢͜ͱ͕Ͱ͖Δ ɾGFUDI Ͱαʔόʔʹ)551ϦΫΤετΛ౤͛Δ͜ͱ΋Ͱ͖Δ 4FSWJDF8PSLFSͷ࣮૷ TXKT

  27. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  28. σϞಈը

  29. OPDBDIF )5.-ɿNT $44ɿNT +4ɿNT DBDIF )5.-ɿNT $44ɿNT +4ɿNT %0.$POUFOU-PBEFE΋෼ͷҎԼʹ σϞಈը

  30. ຊ೔ͷϓϩάϥϜ લఏ ஌ࣝ ࣮૷ 1SPHSFTTJWF8FC"QQT 4FSWJDF8PSLFS"QQ4IFMM Լ४උ 4FSWJDF8PSLFSͷ࣮૷ ࠷ޙʹ σϞಈը

    ࢀߟจݙ·ͱΊ

  31. ࢀߟจݙ·ͱΊ ɾ18"͸69Λ޲্ͤ͞ΔͨΊͷͭͷख๏ ɾ4FSWJDF8PSLFSͰ؆୯ʹΦϑϥΠϯͷಈ࡞Λ࣮૷Ͱ͖Δ ɾΩϟογϡ͸ϖʔδԠ౴଎౓ʹ΋ྑ͍ӨڹΛ༩͑Δ ɾ(PPHMF͞Μɺ͋Γ͕ͱ͏͍͟͝·͢

  32. ࢀߟจݙ·ͱΊ ɾ+BWBTDSJQU1SPNJTFͷຊɿIUUQTCJUMZ9+01 ɾ͸͡ΊͯͷϓϩάϨογϒ΢ΣϒΞϓϦɿIUUQTCJUMZ+'X1T ɾ"QQ4IFMMϞσϧɿIUUQTCJUMZ:-NYE ɾ5IF0⒐JOF$PPLCPPLɿIUUQTCJUMZ*SU)O ɾ1SPHSFTTJWF8FC"QQͷΦϑϥΠϯετϨʔδɿIUUQTCJUMZ+'Y"D ɾ.%/$BDIFɿIUUQTN[MMB)6[C" ɾαʔϏεϫʔΧʔͰ18"ΛΦϑϥΠϯͰಈ࡞ͤ͞ΔɿIUUQTN[MMB.J'X60

  33. ΈΜͳ΋18"Λ͸͡ΊΑ͏ʂ