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

by marusho

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

ࣗݾ঺հ • marusho 🦊 (@marusho_summers) • ௨৴ձࣾ → ෆಈ࢈ܥελʔτΞοϓ → ϑϦʔ&Webษڧத • Ұൠٕज़৬ → σʔλΤϯδχΞ → WebΤϯδχΞ(ʹͳΓ͍ͨ) • Python, AWS • झຯ: ݸਓ։ൃɺ⛰ొࢁɺα΢φ🧖

Slide 3

Slide 3 text

αΠθϦϠΨνϟͬͯԿʁ

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

2019/05/09

Slide 6

Slide 6 text

ಥવ όζΔ ΊͬͪΌϏϏΔɻ ↓ TwitterτϨϯυ 1Ґ ↓ωοτχϡʔεʹͳΔ ↓ ৭Μͳ1000ԁΨνϟ͏·ΕΔ ↓ ಈతܭը๏Ͱ࠷ߴΧϩϦʔΛܭࢉ͢Δਓʑ ↓ ࣾ௕ʹೝ஌͞Εͯͨ

Slide 7

Slide 7 text

خ͍͠ 🤗

Slide 8

Slide 8 text

ͱ͋Δίϝϯτ

Slide 9

Slide 9 text

🤔 PWA?

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

😊 PWA΍Δͧ

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

PWAԽ͸3εςοϓͰ͓खܰʂ 1. HTTPSରԠ 2. ϚχϑΣετϑΝΠϧͷ࡞੒ 3. Service Workerͷ࡞੒ 😅 Ұ൪ۤ࿑ͨ͠ͷ͸ϑϩϯτͷ஌ࣝෆ଍ (ϑϨʔϜϫʔΫΛ࢖͑͹΋ͬͱ؆୯)

Slide 15

Slide 15 text

·ͱΊ • PWAͰ͓खܰΞϓϦԽ͕Ͱ͖ͨʂ • PWA͖͔͚ͬͰϑϩϯτΤϯυֶशΛ࢝ΊΒΕͨ • ݸਓ։ൃͩͱɺ(޷͖উखʹ)खΛಈ͔ͯ͠ཧղͰ͖Δ

Slide 16

Slide 16 text

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