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

サイゼリヤガチャで PWA開発に入門した話

サイゼリヤガチャで PWA開発に入門した話

PWA Night Conference 2021 LT Session

サイゼリヤガチャで PWA開発に入門した話
https://saizeriya-1000yen.marusho.io/

marusho
https://twitter.com/marusho_summers

Bd7bd8f154dbbbdc40af37d59baec53b?s=128

marusho

June 26, 2021
Tweet

Transcript

  1. αΠθϦϠΨνϟͰ PWA։ൃʹೖ໳ͨ͠࿩ PWA Night Conference 2021 LT Session @marusho_summers

  2. ࣗݾ঺հ • marusho 🦊 (@marusho_summers) • ௨৴ձࣾ → ෆಈ࢈ܥελʔτΞοϓ →

    ϑϦʔ&Webษڧத • Ұൠٕज़৬ → σʔλΤϯδχΞ → WebΤϯδχΞ(ʹͳΓ͍ͨ) • Python, AWS • झຯ: ݸਓ։ൃɺ⛰ొࢁɺα΢φ🧖
  3. αΠθϦϠΨνϟͬͯԿʁ

  4. αΠθϦϠ1000ԁΨνϟ 1000ԁҎ಺Ͱ஫จͰ͖Δ αΠθϦϠϝχϡʔΛϥϯμϜදࣔ Ҏ্ɻ

  5. 2019/05/09

  6. ಥવ όζΔ ΊͬͪΌϏϏΔɻ ↓ TwitterτϨϯυ 1Ґ ↓ωοτχϡʔεʹͳΔ ↓ ৭Μͳ1000ԁΨνϟ͏·ΕΔ ↓

    ಈతܭը๏Ͱ࠷ߴΧϩϦʔΛܭࢉ͢Δਓʑ ↓ ࣾ௕ʹೝ஌͞Εͯͨ
  7. خ͍͠ 🤗

  8. ͱ͋Δίϝϯτ

  9. 🤔 PWA?

  10. ͚ͨͯ͢ʂΠϯλʔωοτʂ

  11. ౰࣌ͷPWAͷೝࣝ • WebαΠτΛωΠςΟϒΞϓϦͬΆ͘Ͱ͖Δ • ϒϥ΢βͷΞυϨεόʔফͤΔΒ͍͠ ͔͚ͬ͐ʂ

  12. 😊 PWA΍Δͧ

  13. ߏ੒Λมߋ ΦϑϥΠϯಈ࡞Λ࣮ݱ͢ΔͨΊ ϑϩϯτΤϯυͰ׬݁

  14. PWAԽ͸3εςοϓͰ͓खܰʂ 1. HTTPSରԠ 2. ϚχϑΣετϑΝΠϧͷ࡞੒ 3. Service Workerͷ࡞੒ 😅 Ұ൪ۤ࿑ͨ͠ͷ͸ϑϩϯτͷ஌ࣝෆ଍

    (ϑϨʔϜϫʔΫΛ࢖͑͹΋ͬͱ؆୯)
  15. ·ͱΊ • PWAͰ͓खܰΞϓϦԽ͕Ͱ͖ͨʂ • PWA͖͔͚ͬͰϑϩϯτΤϯυֶशΛ࢝ΊΒΕͨ • ݸਓ։ൃͩͱɺ(޷͖উखʹ)खΛಈ͔ͯ͠ཧղͰ͖Δ

  16. ·ͱΊ • ֶशͷաఔͱͯ͠ɺϞϊΛ࢒͢͜ͱ • ͱΓ͋͑ͣɺ࡞ͬͯΈΔʂ • ͱΓ͋͑ͣɺެ։ͯ͠ΈΔʂ • ͢Δͱɺੈք͕มΘΔ͔΋ʂʂ

  17. 🔥 ݸਓ։ൃ͸͍͍ͧ

  18. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ૉఢͳPWA&ݸਓ։ൃϥΠϑΛ🎉