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

PWAのつかいどころ 社会実装に向けて

PWAのつかいどころ 社会実装に向けて

昨今エンジニアのみならず自発的な社会貢献が盛んです。今回はPWAの価値を再考し、社会実装への適用可能性を探ると共に、手軽にPWAを実装出来るGlideについて紹介致します。

Avatar for 100800

100800

May 26, 2019
Tweet

More Decks by 100800

Other Decks in How-to & DIY

Transcript

  1. Progressive Web Apps | Web | Google Developers https://developers.google.com/web/progressive-web-apps/ Progressive

    Web Apps are user experiences that have the reach of the web, and are: • Reliable - Load instantly and never show the downasaur, even in uncertain network conditions. • Fast - Respond quickly to user interactions with silky smooth animations and no janky scrolling. • Engaging - Feel like a natural app on the device, with an immersive user experience. This new level of quality allows Progressive Web Apps to earn a place on the user's home screen.
  2. PWA ؔ࿈ٕज़ • Manifest • Service workers • WebAssembly •

    Indexed Database • Web Storage • ΄͔ଟ਺ • Ή͠Ζແ਺
  3. PWA ಛ௃ • Progressive • Responsive • Connectivity independent •

    App-like • Fresh • Safe • Discoverable • Re-engageable • Installable • Linkable • etc.
  4. SOTI (The State of the Internet) • Πϯλʔωοτͷ͜ͱ͸ͱΓ͋͑ͣ SOTIΛࢀরͯ͠ΈΔ(͕… •

    2018೥Ҏ߱Ϩϙʔτ͕ແ͍ • ͦΕ΄Ͳؔ৺͕௿͍(ͱ͍͏͜ͱ ͔?) • ଞ(ͷཁૉ)ʹϑΥʔΧε͍ͯ͠Δ ͔Β(͔?)
  5. Ωϟογϡ • ϓϦϑΣον͍ͨ͠? • αΫαΫಈ͘(ؾ͕͢Δ?) • ඞཁੑ͸? • Ωϟογϡ •

    γεςϜશମͷΩϟγϡઓུ • CDN౳ͱͷ݉Ͷ߹͍େৎ෉? • ԿͷͨΊͷΩϟογϡ?
  6. PWAͷ͔͍ͭͲ͜Ζ • ར༻ऀ ͸? • ΞϓϦέʔγϣϯͷ༻్ ͸? • ໨త ͸?

    • ίϯςΩετ ͸? • ֤छ੍໿ ͸? • ݁ہ͸ • ΞϓϦέʔγϣϯʹͱͬ ͯదͨ͠΋ͷ/ඞཁͳ΋ ͷΛબ୒͢΂͖
  7. PWA͔͍ͭͲ͜Ζ (খ͞ͳΞϓϦέʔγϣϯ) • ͳΜ͔ͭ͘Ζ͏ • σʔλͷՄࢹԽ • ؀ڥඇґଘ • ͓खܰʹͭ͘Γ͍ͨ

    • దٕͨ͠ज़ཁૉ • A2HS (Add to Home screen) • ଞ • ༷ʑͳٕज़ɺ੡඼Λదٓ બ୒(ద੾ͳ૊Έ߹Θͤ)
  8. զʑʹग़དྷΔࣾձ΁ͷߩݙͱ͸? • OSS • OSS։ൃɺଞ • ڭҭ • CoderDojo Japan

    - ࢠͲ΋ͷ ͨΊͷϓϩάϥϛϯάಓ৔ • γϏοΫςοΫ • ࢢຽͱͯ͠ITΛ׆༻ࣾ͠ ձΛม͑ͯߦ͜͏ • ଞʹ΋ແ਺ʹ͋Γ·͢ΑͶ
  9. զʑ͸஌͍ͬͯΔ (Ͱ͠ΐ?) • ΋ͷͮ͘Γͷָ͠͞ • ͭͬͨ͘΋ͷ͕໾ʹཱͭ ͜ͱͷخ͠͞ • ศརͳπʔϧ΍ख๏ •

    ଟ͘ͷ༗ޮͳπʔϧ͸େ ମR&D΍ITͷݱ৔͔Βੜ ·Εɺ࣮૷͞ΕɺҰൠԽ ͢Δ
  10. ͭ͘Δָ͠͞ΛΈΜͳʹ ੈ୅ؔ܎ͳ͘ΈΜͳʹ • ୭Ͱ΋ͳΜΒ͔ͷํ๏Ͱ ߩݙग़དྷΔՄೳੑ͕͋Δ • ϓϩάϥϛϯάग़དྷͳ͘ ͯ΋ΞϓϦέʔγϣϯΛ ͭ͘Δ͜ͱ͕ग़དྷΔ •

    ͕͔ͩ͠͠ΞϓϦέʔ γϣϯΛͭͬͯ͘อक͢ Δͷ͸Ҏ֎ͱେม • σʔλͷߋ৽ͳͲͷӡ༻ ໘ͷରԠ΋͋Δ (ॏཁ)
  11. ͦ͜ʹPWAͷग़൪͸? • ࣮ߦ؀ڥґଘੑͷ௿͞ • ߴ͍൚༻ੑ • ෑډ͕௿͍ (΋ͷʹΑΔ) • औΓ૊Έ΍͍͢

    • ΞϓϦϚʔέοτͳͲΛඞཁͱ͠ͳ ͍ෑډͷ௿͞ • ΞϓϦετΞ͔ΒΠϯετʔϧ͢ Δ͜ͱ΁ͷ఍߅ײΛഉআ • A2HS • ΞΠίϯ͋Δ͚ͩͰҹ৅ͱ࢖͍ ΍͕͔͢͞ͳΓ޲্͢Δ(Α͏ͩ)
  12. ͦ͜ʹPWAͷग़൪͸? • PWAʹରԠ͢Δ֤छαʔϏεɺπʔϧͷొ৔ • Data Studio (by Google), Tableau, Elastic

    Stack, … ลΓͰ΋·ͩ·ͩ ෑډ͕ߴ͔ͬͨ • ΍͸ΓεϓϨουγʔτ͕ඞཁͩ (ൈ܈ͷೝ஌౓) • ͦ͜ͰGlideͱ͔Glideͱ͔
  13. ηϯαʔ > IFTT > Google Sheets > Glide > PWA

    GlideͳΒࠇ͍ը໘Λ࢖Θͣʹ͜Μͳ͜ͱ΋ग़དྷ·͢
  14. Civic Tech ؔ࿈Πϕϯτ (Ұ෦Ͱ͢) • CIVIC TECH FORUM 2019 •

    Jun 29 (-30) @ Tokyo • Code for Japan Summit 2019 • Sep 28-29 @ Chiba • GovTechαϛοτ • Feb 10 @ Tokyo (2019)