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
Lighthouseで500点を目指す
Search
Yosuke Onoue
May 05, 2018
Technology
0
520
Lighthouseで500点を目指す
「WordBench大阪 & 京都 & Ionic Japan 5月 フルスイング」の発表資料です。
Yosuke Onoue
May 05, 2018
Tweet
Share
More Decks by Yosuke Onoue
See All by Yosuke Onoue
Think About Front-end Web Development with Rust
likr
2
470
Yewにおけるoff-the-main-thread
likr
1
700
行政事業レビューデータの可視化 / Visualization of Japan's National Budget with JUDGIT!
likr
1
190
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
likr
23
11k
Web-based Data Visualization with Rust and WebAssembly
likr
4
5.5k
Introduction to Graph Drawing
likr
0
450
20190707Ionic_Meetup.pdf
likr
0
370
About the end of the web
likr
2
470
Rust + WebAssemblyで広がるWebの未来
likr
16
6.6k
Other Decks in Technology
See All in Technology
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
130
【若手エンジニア応援LT会】ソフトウェアを学んできた私がインフラエンジニアを目指した理由
kazushi_ohata
0
150
なぜ今 AI Agent なのか _近藤憲児
kenjikondobai
4
1.4k
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
940
Engineer Career Talk
lycorp_recruit_jp
0
150
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
TypeScript、上達の瞬間
sadnessojisan
46
13k
サイバーセキュリティと認知バイアス:対策の隙を埋める心理学的アプローチ
shumei_ito
0
380
10XにおけるData Contractの導入について: Data Contract事例共有会
10xinc
5
610
スクラムチームを立ち上げる〜チーム開発で得られたもの・得られなかったもの〜
ohnoeight
2
350
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
2
590
The Rise of LLMOps
asei
7
1.4k
Featured
See All Featured
Building an army of robots
kneath
302
43k
How STYLIGHT went responsive
nonsquared
95
5.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Designing for humans not robots
tammielis
250
25k
For a Future-Friendly Web
brad_frost
175
9.4k
Site-Speed That Sticks
csswizardry
0
23
Happy Clients
brianwarren
98
6.7k
Code Review Best Practice
trishagee
64
17k
The Cost Of JavaScript in 2023
addyosmani
45
6.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
Why Our Code Smells
bkeepers
PRO
334
57k
Transcript
-JHIUIPVTFͰΛࢦ͢ ͓ͷ͏͑ 8PSE#FODIେࡕژ*POJD+BQBO݄ϑϧεΠϯά ݄
ࣗݾհ w ඌ্༸հ :PTVLF0OPVF w ຊେֶจཧֶ෦ใՊֶՊॿڭ w ՄࢹԽɺ࠷దԽɺΞϧΰϦζϜͷݚڀ w
8PSE1SFTTॳ৺ऀ w ͘͢Δͷ͕͖
ࠓ֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w -JHIUIPVTF
-JHIUIPVTFͬͯ·͔͢ʁ
-JHIUIPVTFʁ w 8FCαΠτͷղੳπʔϧʢ$ISPNF֦ுPSίϚϯυʣ w 1SPHSFTTJWF8FC"QQ w 1FSGPSNBODF w "DDFTTJCJMJUZ w
#FTU1SBDUJDFT w 4&0 w $ISPNF͔Βඪ४ࡌʢ"VEJUTQBOFMʣ w CZ(PPHMF
ࠓ͙ͬͯ͢ʂ
None
None
None
None
1SPHSFTTJWF8FC"QQT
1SPHSFTTJWF8FC"QQT w IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWF XFCBQQT w 8FCαΠτͱωΠςΟϒΞϓϦͷ ͍͍ͱ͜औΓΛͨ͠8FCΞϓϦ w 1SPHSFTTJWF&OIBODFNFOU w
ߴ͍ϢʔβϏϦςΟͷ࣮ݱ w ϏδωεϑϨϯυϦʔ
8FCͷτϨϯυ w ੩త8FCαΠτ w )5.-ɺ8FCαʔόʔ w ಈత8FCαΠτ w 1)1ɺ1ZUIPOɺ3VCZɺʜ w
4JOHMF1BHF"QQMJDBUJPO 41" w +BWB4DSJQUɺ3&45"1* w 1SPHSFTTJWF8FC"QQT 18" w 41" Ћ ΑΓྑ͍69 ύϥμΠϜͷน w ൃͷҧ͍ w ։ൃํ๏ͷҧ͍
18"$IFDLMJTU IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- IUUQTEFWFMPQFSTHPPHMFDPNXFCQSPHSFTTJWFXFCBQQTDIFDLMJTU ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ྑ͍8FCαΠτͷࢦ
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ 41"ઃܭؔ࿈
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ʮϗʔϜը໘Ճʯؔ࿈
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ΦϑϥΠϯؔ࿈
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ύϑΥʔϚϯεؔ࿈
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ 4&0ؔ࿈
18"$IFDLMJTU w )5514 w Ϩεϙϯγϒ w ΦϑϥΠϯ w ϗʔϜը໘Ճ w
ճઢରԠ w ΫϩεϒϥβରԠ w εϜʔζͳϖʔδભҠ w ϖʔδຖͷ63- ϕʔεϥΠϯཁ݅ ൣతͳ18" w ΠϯσοΫεՄೳ w 69 w ύϑΥʔϚϯε w Ωϟογϡ w ௨ w ͦͷଞ ϗεςΟϯάؔ࿈
ଟ͘18"ಛผͷٕज़Ͱͳ͍
͘͠ͳ͍Ͱ͢ΑͶʁ
18"Λ࡞ΔͨΊʹ lྑ͍8FCαΠτzΛ ͨΓલʹ࡞Ζ͏
ྑ͍8FCαΠτʁ w ΩϨΠͳσβΠϯʁ w ใ͕ͨ͘͞Μ٧·ͬͯΔʁ w ศརʁ w ද͕ࣔૣ͍ w
ָ͍͍ͬͯͯ͠ʁ w εϚϗͰݟ͍͢ʁ w ਓ͕ͨ͘͞Μू·Δʁ w ίϯόʔδϣϯ͕ଟ͍ʁ
lྑ͍8FCαΠτzͷج४Λ࣋ͭ
ڝٕ-JHIUIPVTFͷεεϝ w ૉৼΓʢϑϧεΠϯάʣ w ٬؍తɾఆྔతͳࢦඪͰ8FCαΠτΛධՁ͢Δ w ۀͰཱͭͷʁ w ϕϯνϚʔΫͰ͢Β͕औΕͳͯ͘େৎʁ
-JHIUIPVTFͷείΞΛ্͛Δ ·ͱͳ41"Λ࡞Δ w "DDFTTJCJMJUZɺ#FTU1SBDUJDFTɺ4&0 4FSWJDF8PSLFSɺ"QQ.BOJGFTUͷରԠΛ͢Δ w 1SPHSFTTJWF8FC"QQT
ύϑΥʔϚϯεΛٻ͢Δ w 1FSGPSNBODF
18"ϑΝʔετͳઃܭ w ޙ͚Ͱ18"ʹ͢Δͷ͍͠ w ࠷ॳ͔Β18"Λҙࣝͨ͠ઃܭ 18"ϑΝʔετ w 18"ͷ࡞Γํ
41"Λ͔ͬ͠Γ࡞Δ 4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUʹରԠ͢Δ ύϑΥʔϚϯενϡʔχϯάΛؤுΔ
41"Λ͔ͬ͠Γ࡞Δ w "DDFTTJCJMJUZ w จࣈ৭ͱഎܠ৭ͷίϯτϥετɺϦϯΫͷςΩετɺ φϏήʔγϣϯɺλΠτϧཁૉɺ*%ଐੑͷॏෳɺ MBOHଐੑɺWJFXQPSUɺBMUଐੑɺSPMFଐੑɺBSJB ଐੑɺWBMJEͳཁૉ ߏɺʜ w
#FTU1SBDUJDFT w %FQSFDBUFEͳ"1*ͷېࢭɺ)5514ɺ)551ɺ ίϯιʔϧʹΤϥʔ͕ग़ͳ͍ɺը૾ͷΞεϖΫτൺɺʜ w 4&0 w ϞόΠϧͰదͳϑΥϯταΠζɺUJUMFཁૉɺNFUBཁૉɺʜ
4FSWJDF8PSLFSɺ8FC"QQ.BOJGFTUରԠ w 4FSWJDF8PSLFS w QSFDBDIFSVOUJNFDBDIF w XPSLCPY w XFCQBDLXPSLCPYQMVHJO w
8FC"QQ.BOJGFTU w "QQ*OTUBMM#BOOFS
const WorkboxPlugin = require('workbox-webpack-plugin') module.exports = { plugins: [ new
WorkboxPlugin.GenerateSW({ swDest: 'sw.js', globDirectory: './public', globPatterns: [ '*.{html,css,js}' ], globIgnores: [ '_redirects', 'bundle.js', 'sw.js' ], navigateFallback: '/index.html' }) ] }
{ "short_name": "vdslab", "name": "vdslab Website", "icons": [ { "src":
"icon128.png", "sizes": "128x128", "type": "image/png" }, { "src": "icon192.png", "sizes": "192x192", "type": "image/png" }, { "src": "icon512.png", "sizes": "512x512", "type": "image/png" } ], "start_url": "/index.html", "background_color": "#fff", "theme_color": "rgb(47,87,89)", "display": "standalone" }
ύϑΥʔϚϯενϡʔχϯάΛؤுΔ w 8FCϖʔδͷ༰ྔΛখ͘͢͞Δ w 3"*-Ϟσϧͷ-ʢ-PBEʣɿNTҎ w 3FHVMBS(ʢLCQT NT355ʣ w ͦͷϥΠϒϥϦຊʹඞཁͰ͔͢ʁ
w 443WT131- w 443ɿ/PEFKTɺ'BB4ͳͲͰؤுΔ w 131-ɿ)5514FSWFS1VTI
େنϓϩμΫτͰ͜ΕΒΛ ҰਓͰ͜ͳ͢͜ͱ͍͠
গ͠ະདྷͷ w ࠓޙύϑΥʔϚϯεΑΓॏཁͳཁૉʹͳΔʢ͔ʣ w ϞόΠϧϑΝʔετΠϯσοΫε w ݕࡧΤϯδϯ8FCαΠτΛఆྔతʹධՁ͢Δ w ύϑΥʔϚϯεΛߟ͑ΒΕΔ w
ΤϯδχΞʢͨΓલʣ w σβΠφʔɺσΟϨΫλʔɺʜ
ٕज़બΛ͢Δ w ඞཁͳٕज़ΛݟۃΊΑ͏ w ৽͍ٕ͠ज़ʢϥΠϒϥϦɺϑϨʔϜϫʔΫɺ"1*ɺ ༷ʣԿΛղܾ͠·͔͢ʁ w ٕज़ऀʢ͋ͳͨʣ͕ؾ࣋ͪྑ͘ͳΔͨΊʹٕज़ΛબΜ Ͱ͍·ͤΜ͔ʁ
ࠓ֮͑ͯؼͬͯཉ͍͜͠ͱ w 18"$IFDLMJTU w lྑ͍8FCαΠτzΛಥ͖٧Ίͨ݁Ռ͕18" w -JHIUIPVTF w lྑ͍8FCαΠτzΛ٬؍తɾఆྔతʹධՁ͢Δ w
είΞΛ্͛Δʹʁ w lపఈతͳΤϯδχΞϦϯάz