WinTicketにおけるPWA at PWA Night vol.9

E654ce93d23159c059fa5cf1b1347bfa?s=47 Kono Junya
October 16, 2019

WinTicketにおけるPWA at PWA Night vol.9

PWA Night vol.9で発表した資料になります。

https://pwanight.connpass.com/event/147857/

E654ce93d23159c059fa5cf1b1347bfa?s=128

Kono Junya

October 16, 2019
Tweet

Transcript

  1. 8JO5JDLFUʹ͓͚Δ18"

  2. ࣗݾ঺հ

  3. Junya Kono Twitter: konojunya GitHub: konojunya CyberAgent Advanced Technology Studio

  4. αʔϏε֓ཁ

  5. https://www.winticket.jp

  6. ࠾༻ٕज़

  7. ࢖͍ͬͯΔٕज़ w3FBDU wTUZMFEDPNQPOFOUT w3FEVY w5ZQF4DSJQU w'BTUJGZ wFUDʜ

  8. Fastlyͷ׆༻ $%/ͱͯ͠)5.-΍ΞηοτͳͲͷ഑৴Λߦ͏ɻ Ϩεϙϯε଎౓޲্ ΦϦδϯ΁ͷϦΫΤετ

  9. Fastlyͷ׆༻ Ϣʔβʔݻ༗ͷ৘ใ͸ϓϨʔεϗϧμʔΛදࣔͭͭ͠஗ԆಡΈࠐΈ

  10. Fastlyͷ׆༻

  11. Fastlyͷ׆༻ 7$-Ͱ$PPLJFΛফ͠ͳ͕ΒɺϩάΠϯඇϩάΠϯΛ)FBEFSʹ٧ΊΔ

  12. ͦͷଞFastlyͰߦͳ͍ͬͯΔ͜ͱ w$BDIF)JU཰Λ޲্ͤ͞ΔͨΊʹΫΤϦύϥϝʔλͷ੍ޚ w*&౳ͷඇϞμϯϒϥ΢β޲͚ʹϏϧυͨ͠෺ͷ഑৴෼ذ w6TFS"HFOUΛݩʹJ04 "OESPJE (FOFSJD·ͰߜΔ

  13. Code Splitting & Dynamic Import wશͯͷSPVUFͰDIVOLʹ෼ׂ w࠷ॳͷϖʔδ͸MJOLSFMlQSFMPBEz wαΠζͷେ͖͍΋ͷ͸ඞཁʹͳΔ·ͰಡΈࠐΈΛ஗Ԇ wTFOUSZ pSFCBTFTEL

    FUDʜ
  14. ςετ w5ZQF4DSJQUΛ࠾༻͢Δ͜ͱʹΑΓɺςετίʔυΛ࡟ݮ w6*ͷ6OJU5FTU͸࠷খݶʹ͠7JTVBM3FHSFTTJPO5FTUJOHΛߦ͏ wϩδοΫ͸6OJU5FTUΛϝΠϯʹॻ͘

  15. Visual Regression Testing w4UPSZCPPL [JTVJ SFHTVJUΛ
 ༻͍ͯ735Λ࣮ࢪ w֤13ຖʹࠩ෼ൺֱΛߦ͏

  16. WinTicket × PWA

  17. PWAԽͷഎܠ

  18. WinTicketͷྲྀΕ ձһొ࿥ ϙΠϯτνϟʔδ ʢೖۚʣ ౤ථ ϙΠϯτνϟʔδ ʢೖۚ or ෷໭ۚʣ

  19. WinTicketͷྲྀΕ ձһొ࿥ ϙΠϯτνϟʔδ ʢೖۚʣ ౤ථ ϙΠϯτνϟʔδ ʢೖۚ or ෷໭ۚʣ

  20. iOSͱWebͷ՝ۚస׵཰ਪҠ J04 8FC

  21. WinTicketͷPWA wϓογϡ௨஌ w8FC"QQ.BOJGFTU wϑϧεΫϦʔϯදࣔ w4FSWJDF8PSLFSͰͷΩϟογϡ wFUDʜ

  22. iOSͱPWAͷ՝ۚస׵཰ਪҠ

  23. iOSͱPWAͷ՝ۚస׵཰ਪҠ

  24. iOSͱwebͷൺֱ JPT XFC ౤ථ཰ νϟʔδ཰ 416 114 4164FTTJPO1FS6TFS
 1141BHF7JFX1FS4FTTJPO

  25. iOSͱPWAͷൺֱ JPT 18" ౤ථ཰ νϟʔδ཰ 416 114 4164FTTJPO1FS6TFS
 1141BHF7JFX1FS4FTTJPO

  26. PWAͱඇPWAͷൺֱ ඇ18" 18" ౤ථ཰ νϟʔδ཰ 416 114 4164FTTJPO1FS6TFS
 1141BHF7JFX1FS4FTTJPO

  27. PWAͱඇPWAͷൺֱ ඇ18" 18" ౤ථ཰ νϟʔδ཰ 416 114 ഒ ഒ ໿ഒ

    ໿ഒ 4164FTTJPO1FS6TFS
 1141BHF7JFX1FS4FTTJPO
  28. Ͳ͏PWAΛΠϯετʔϧͯ͠΋Β͏͔

  29. a2hs(Add to home screen)

  30. a2hs(Add to home screen) NJOJJOGPCBS BITEJBMPH PNOJCPY

  31. a2hs(Add to home screen) IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTBQQJOTUBMMCBOOFST

  32. a2hs(Add to home screen)

  33. ͜Ε͔ΒͷWinTicket

  34. SMS Receiver API 7FSJGZQIPOFOVNCFSTPOUIFXFCXJUIUIF4.43FDFJWFS"1* IUUQTXFCEFWTNTSFDFJWFSBQJBOOPVODFNFOU

  35. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠