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.6k
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.4k
Progressive Release by using Fastly
konojunya
1
440
新卒研修を終えて
konojunya
0
540
大規模なWebの開発手法
konojunya
1
2.4k
初めてのReact
konojunya
1
370
Other Decks in Business
See All in Business
plex-recruiting-pitch
plex
1
280k
FAST COMPANY DECK
fastinc
0
340
K.S.ロジャース会社紹介資料
ksr_hiring
1
1.9k
BALLAS 事業紹介資料
ballas_inc
0
400
ties|クラウド顧客・案件管理システム - サービスのご紹介
so_kotani
1
240
プロパティデータバンク 採用案内
pdbkoho
0
620
mfs_product_development_recruit_july_2024
mortgagefss
0
280
(1枚)KPIマネジメントとPDCAサイクルの全体像
nyattx
PRO
1
150
やめるという決断がもたらした変化
izumii19
2
610
インキュデータ会社紹介資料
okitsu
1
25k
株式会社STANDARD_会社紹介資料
std2017
0
130
株式会社ソマリ-会社紹介資料(2024)
oyataka
0
130
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Scaling GitHub
holman
458
140k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
What's in a price? How to price your products and services
michaelherold
239
11k
KATA
mclloyd
20
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
The Pragmatic Product Professional
lauravandoore
29
6.1k
Agile that works and the tools we love
rasmusluckow
325
20k
Infographics Made Easy
chrislema
238
18k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
36
9.1k
Speed Design
sergeychernyshev
9
270
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠