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
490
新卒研修を終えて
konojunya
0
560
大規模なWebの開発手法
konojunya
1
2.5k
初めてのReact
konojunya
1
410
Other Decks in Business
See All in Business
【Progmat】Monthly-ST-Market-Report-2025-Aug.
progmat
0
250
透明性レポート(2025年上半期)
mercari_inc
0
530
NewsPicks Expert説明資料 / NewsPicks Expert Introduction
mimir
0
17k
【DearOne】Dear Newest Member
hrm
2
11k
OSAKA WEB SUMMIT #06 企画書
so_kotani
0
110
Sales Marker Culture Book(English)
salesmarker
PRO
2
6.1k
うまく伝わらない「当事者意識」という期待 / Fuzzy ownership
taguchimasahiro
1
110
Sales Marker Culture book
salesmarker
PRO
41
66k
株式会社TSIホールディングス会社案内
tsi_saiyou
1
17k
20250901_UPDATER_companysummary
updater_pr
0
88k
Terra Charge|会社紹介 / Terra Charge Company Profile
contents
0
11k
【ウェビナー資料】プロダクト組織の成長を定量で可視化するには
muture
PRO
0
120
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Building a Scalable Design System with Sketch
lauravandoore
462
33k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
How to Think Like a Performance Engineer
csswizardry
26
1.8k
Facilitating Awesome Meetings
lara
55
6.5k
The Invisible Side of Design
smashingmag
301
51k
The Pragmatic Product Professional
lauravandoore
36
6.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠