PWA Night Conference 2021 LT Session
サイゼリヤガチャで PWA開発に入門した話 https://saizeriya-1000yen.marusho.io/
marusho https://twitter.com/marusho_summers
αΠθϦϠΨνϟͰPWA։ൃʹೖͨ͠PWA Night Conference 2021 LT Session@marusho_summers
View Slide
ࣗݾհ• marusho 🦊 (@marusho_summers)• ௨৴ձࣾ → ෆಈ࢈ܥελʔτΞοϓ → ϑϦʔ&Webษڧத• Ұൠٕज़৬ → σʔλΤϯδχΞ → WebΤϯδχΞ(ʹͳΓ͍ͨ)• Python, AWS• झຯ: ݸਓ։ൃɺ⛰ొࢁɺαφ🧖
αΠθϦϠΨνϟͬͯԿʁ
αΠθϦϠ1000ԁΨνϟ1000ԁҎͰจͰ͖ΔαΠθϦϠϝχϡʔΛϥϯμϜදࣔҎ্ɻ
2019/05/09
ಥવ όζΔΊͬͪΌϏϏΔɻ↓ TwitterτϨϯυ 1Ґ↓ωοτχϡʔεʹͳΔ↓ ৭Μͳ1000ԁΨνϟ͏·ΕΔ↓ ಈతܭը๏Ͱ࠷ߴΧϩϦʔΛܭࢉ͢Δਓʑ↓ ࣾʹೝ͞Εͯͨ
خ͍͠ 🤗
ͱ͋Δίϝϯτ
🤔 PWA?
͚ͨͯ͢ʂΠϯλʔωοτʂ
࣌ͷPWAͷೝࣝ• WebαΠτΛωΠςΟϒΞϓϦͬΆ͘Ͱ͖Δ• ϒϥβͷΞυϨεόʔফͤΔΒ͍͔͚ͬ͐͠ʂ
😊 PWAΔͧ
ߏΛมߋΦϑϥΠϯಈ࡞Λ࣮ݱ͢ΔͨΊϑϩϯτΤϯυͰ݁
PWAԽ3εςοϓͰ͓खܰʂ1. HTTPSରԠ2. ϚχϑΣετϑΝΠϧͷ࡞3. Service Workerͷ࡞😅 Ұ൪ۤ࿑ͨ͠ͷϑϩϯτͷࣝෆ(ϑϨʔϜϫʔΫΛ͑ͬͱ؆୯)
·ͱΊ• PWAͰ͓खܰΞϓϦԽ͕Ͱ͖ͨʂ• PWA͖͔͚ͬͰϑϩϯτΤϯυֶशΛ࢝ΊΒΕͨ• ݸਓ։ൃͩͱɺ(͖উखʹ)खΛಈ͔ͯ͠ཧղͰ͖Δ
·ͱΊ• ֶशͷաఔͱͯ͠ɺϞϊΛ͢͜ͱ• ͱΓ͋͑ͣɺ࡞ͬͯΈΔʂ• ͱΓ͋͑ͣɺެ։ͯ͠ΈΔʂ• ͢Δͱɺੈք͕มΘΔ͔ʂʂ
🔥 ݸਓ։ൃ͍͍ͧ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ૉఢͳPWA&ݸਓ։ൃϥΠϑΛ🎉