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

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

Kono Junya
October 16, 2019

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

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

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

Kono Junya

October 16, 2019
Tweet

More Decks by Kono Junya

Other Decks in Business

Transcript

  1. 8JO5JDLFUʹ͓͚Δ18"

    View full-size slide

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

    View full-size slide

  3. αʔϏε֓ཁ

    View full-size slide

  4. https://www.winticket.jp

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  8. Fastlyͷ׆༻

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. Visual Regression Testing
    w4UPSZCPPL[JTVJSFHTVJUΛ

    ༻͍ͯ735Λ࣮ࢪ
    w֤13ຖʹࠩ෼ൺֱΛߦ͏

    View full-size slide

  14. WinTicket × PWA

    View full-size slide

  15. PWAԽͷഎܠ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    1141BHF7JFX1FS4FTTJPO

    View full-size slide

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

    1141BHF7JFX1FS4FTTJPO

    View full-size slide

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

    1141BHF7JFX1FS4FTTJPO

    View full-size slide

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


    ໿ഒ
    ໿ഒ
    4164FTTJPO1FS6TFS

    1141BHF7JFX1FS4FTTJPO

    View full-size slide

  26. Ͳ͏PWAΛΠϯετʔϧͯ͠΋Β͏͔

    View full-size slide

  27. a2hs(Add to home screen)

    View full-size slide

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

    View full-size slide

  29. a2hs(Add to home screen)
    IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTBQQJOTUBMMCBOOFST

    View full-size slide

  30. a2hs(Add to home screen)

    View full-size slide

  31. ͜Ε͔ΒͷWinTicket

    View full-size slide

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

    View full-size slide

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

    View full-size slide