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.8k
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.6k
Progressive Release by using Fastly
konojunya
1
500
新卒研修を終えて
konojunya
0
560
大規模なWebの開発手法
konojunya
1
2.6k
初めてのReact
konojunya
1
420
Other Decks in Business
See All in Business
株式会社ステラセキュリティ会社紹介資料/sterrasec-introduction
tkmru
0
280
株式会社トリビュー|エンジニア向け会社説明資料
tribeau
0
7k
T2 Company Deck
t2pr
0
440
【Omiai】リアーキ LT_202510
enito
PRO
1
900
2025年 コミュニティ×ビジネスのリアル_Mitz
comucal
PRO
0
160
株式会社LANY / Company Deck
lany
2
84k
【27新卒フィールドセールス職採用】BuySell Technologies会社紹介資料
buyselltechnologies
0
250k
minto 10万ダウンロードまでにやったこと・やらなかったこと / minto 100k DL
hirothings
4
1.5k
エンジニア用 Photosynth 会社説明資料
photosynth_career
PRO
0
180
パーソルイノベーション_会社案内
pinotalentbranding
1
34k
採用案内2025年ver2
hdn_tocci
0
250
製造業界の人とアジャイルをやってみたよ
toshiaki0315
1
560
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
526
40k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Docker and Python
trallard
46
3.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.9k
Making Projects Easy
brettharned
120
6.4k
How GitHub (no longer) Works
holman
315
140k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠