Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WinTicketにおけるPWA at PWA Night vol.9
Search
Kono Junya
October 16, 2019
Business
4
1.7k
WinTicketにおけるPWA at PWA Night vol.9
PWA Night vol.9で発表した資料になります。
https://pwanight.connpass.com/event/147857/
Kono Junya
October 16, 2019
Tweet
Share
More Decks by Kono Junya
See All by Kono Junya
FUJIMIのFastly活用事例集
konojunya
0
1.5k
Progressive Release by using Fastly
konojunya
1
450
新卒研修を終えて
konojunya
0
550
大規模なWebの開発手法
konojunya
1
2.5k
初めてのReact
konojunya
1
380
Other Decks in Business
See All in Business
Fake “Agile” is the Norm: How to Instill Agility, not Agile Practices
johannarothman
PRO
0
1.3k
コンセンサスゲーム「砂漠からの脱出 オンライン版」
chibanba1982
PRO
0
470
かさね社会保険労務士事務所_事業紹介
kasane_sr
0
130
危機管理コンセンサスゲーム「船長の決断 カード版」
chibanba1982
PRO
0
470
ブロックを用いた情報整理ゲーム「モンスタービルディング」
chibanba1982
PRO
0
1k
IT業界向けグループワーク「THEクリティカルパス カード版」
chibanba1982
PRO
0
110
無料アイスブレイクスライドサンプル
chibanba1982
PRO
0
3.2k
株式会社B4A 会社紹介
b4a
0
6k
リンククロスシステム 会社案内
linkc19
0
570
会社紹介資料 / ProfileBook
gpol
4
27k
ロジカルシンキング研修用スライド
chibanba1982
PRO
0
410
財務会計を楽しく学べるビジネスゲーム「財務の虎」
chibanba1982
PRO
0
420
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Adopting Sorbet at Scale
ufuk
74
9.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
How GitHub (no longer) Works
holman
312
140k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
Transcript
8JO5JDLFUʹ͓͚Δ18"
ࣗݾհ
Junya Kono Twitter: konojunya GitHub: konojunya CyberAgent Advanced Technology Studio
αʔϏε֓ཁ
https://www.winticket.jp
࠾༻ٕज़
͍ͬͯΔٕज़ w3FBDU wTUZMFEDPNQPOFOUT w3FEVY w5ZQF4DSJQU w'BTUJGZ wFUDʜ
Fastlyͷ׆༻ $%/ͱͯ͠)5.-ΞηοτͳͲͷ৴Λߦ͏ɻ Ϩεϙϯε্ ΦϦδϯͷϦΫΤετ
Fastlyͷ׆༻ Ϣʔβʔݻ༗ͷใϓϨʔεϗϧμʔΛදࣔͭͭ͠ԆಡΈࠐΈ
Fastlyͷ׆༻
Fastlyͷ׆༻ 7$-Ͱ$PPLJFΛফ͠ͳ͕ΒɺϩάΠϯඇϩάΠϯΛ)FBEFSʹ٧ΊΔ
ͦͷଞFastlyͰߦͳ͍ͬͯΔ͜ͱ w$BDIF)JUΛ্ͤ͞ΔͨΊʹΫΤϦύϥϝʔλͷ੍ޚ w*&ͷඇϞμϯϒϥβ͚ʹϏϧυͨ͠ͷ৴ذ w6TFS"HFOUΛݩʹJ04 "OESPJE (FOFSJD·ͰߜΔ
Code Splitting & Dynamic Import wશͯͷSPVUFͰDIVOLʹׂ w࠷ॳͷϖʔδMJOLSFMlQSFMPBEz wαΠζͷେ͖͍ͷඞཁʹͳΔ·ͰಡΈࠐΈΛԆ wTFOUSZ pSFCBTFTEL
FUDʜ
ςετ w5ZQF4DSJQUΛ࠾༻͢Δ͜ͱʹΑΓɺςετίʔυΛݮ w6*ͷ6OJU5FTU࠷খݶʹ͠7JTVBM3FHSFTTJPO5FTUJOHΛߦ͏ wϩδοΫ6OJU5FTUΛϝΠϯʹॻ͘
Visual Regression Testing w4UPSZCPPL [JTVJ SFHTVJUΛ ༻͍ͯ735Λ࣮ࢪ w֤13ຖʹࠩൺֱΛߦ͏
WinTicket × PWA
PWAԽͷഎܠ
WinTicketͷྲྀΕ ձһొ ϙΠϯτνϟʔδ ʢೖۚʣ ථ ϙΠϯτνϟʔδ ʢೖۚ or ۚʣ
WinTicketͷྲྀΕ ձһొ ϙΠϯτνϟʔδ ʢೖۚʣ ථ ϙΠϯτνϟʔδ ʢೖۚ or ۚʣ
iOSͱWebͷ՝ۚసਪҠ J04 8FC
WinTicketͷPWA wϓογϡ௨ w8FC"QQ.BOJGFTU wϑϧεΫϦʔϯදࣔ w4FSWJDF8PSLFSͰͷΩϟογϡ wFUDʜ
iOSͱPWAͷ՝ۚసਪҠ
iOSͱPWAͷ՝ۚసਪҠ
iOSͱwebͷൺֱ JPT XFC ථ νϟʔδ 416 114 4164FTTJPO1FS6TFS 1141BHF7JFX1FS4FTTJPO
iOSͱPWAͷൺֱ JPT 18" ථ νϟʔδ 416 114 4164FTTJPO1FS6TFS 1141BHF7JFX1FS4FTTJPO
PWAͱඇPWAͷൺֱ ඇ18" 18" ථ νϟʔδ 416 114 4164FTTJPO1FS6TFS 1141BHF7JFX1FS4FTTJPO
PWAͱඇPWAͷൺֱ ඇ18" 18" ථ νϟʔδ 416 114 ഒ ഒ ഒ
ഒ 4164FTTJPO1FS6TFS 1141BHF7JFX1FS4FTTJPO
Ͳ͏PWAΛΠϯετʔϧͯ͠Β͏͔
a2hs(Add to home screen)
a2hs(Add to home screen) NJOJJOGPCBS BITEJBMPH PNOJCPY
a2hs(Add to home screen) IUUQTEFWFMPQFSTHPPHMFDPNXFCGVOEBNFOUBMTBQQJOTUBMMCBOOFST
a2hs(Add to home screen)
͜Ε͔ΒͷWinTicket
SMS Receiver API 7FSJGZQIPOFOVNCFSTPOUIFXFCXJUIUIF4.43FDFJWFS"1* IUUQTXFCEFWTNTSFDFJWFSBQJBOOPVODFNFOU
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠