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
480
Yewにおけるoff-the-main-thread
likr
1
710
行政事業レビューデータの可視化 / 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
380
About the end of the web
likr
2
480
Rust + WebAssemblyで広がるWebの未来
likr
16
6.6k
Other Decks in Technology
See All in Technology
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
260
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
110
多領域インシデントマネジメントへの挑戦:ハードウェアとソフトウェアの融合が生む課題/Challenge to multidisciplinary incident management: Issues created by the fusion of hardware and software
bitkey
PRO
2
110
レンジャーシステムズ | 会社紹介(採用ピッチ)
rssytems
0
200
社外コミュニティで学び社内に活かす共に学ぶプロジェクトの実践/backlogworld2024
nishiuma
0
270
TSKaigi 2024 の登壇から広がったコミュニティ活動について
tsukuha
0
160
KubeCon NA 2024 Recap: How to Move from Ingress to Gateway API with Minimal Hassle
ysakotch
0
210
re:Invent 2024 Innovation Talks(NET201)で語られた大切なこと
shotashiratori
0
320
バクラクのドキュメント解析技術と実データにおける課題 / layerx-ccc-winter-2024
shimacos
2
1.1k
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
2
110
非機能品質を作り込むための実践アーキテクチャ
knih
5
1.5k
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
1
420
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Rails Girls Zürich Keynote
gr2m
94
13k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Faster Mobile Websites
deanohume
305
30k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
What's in a price? How to price your products and services
michaelherold
243
12k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
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