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
500
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
450
Yewにおけるoff-the-main-thread
likr
1
670
行政事業レビューデータの可視化 / Visualization of Japan's National Budget with JUDGIT!
likr
1
180
モダンJavaScript再入門 / Re-introduction to Modern JavaScript
likr
23
11k
Web-based Data Visualization with Rust and WebAssembly
likr
4
5.4k
Introduction to Graph Drawing
likr
0
430
20190707Ionic_Meetup.pdf
likr
0
370
About the end of the web
likr
2
460
Rust + WebAssemblyで広がるWebの未来
likr
16
6.6k
Other Decks in Technology
See All in Technology
Road to Single Activity
yurihondo
1
230
eBPFのこれまでとこれから
yutarohayakawa
9
3.1k
やってやろうじゃないかメカアジャイル! / Let's do it, mechanical agile!
psj59129
1
600
サプライチェーン攻撃に備える
ryunen344
0
270
ついに出た!OpenAIの最新モデル「o1」って何がすごいの?
minorun365
PRO
3
730
LINEヤフーのフロントエンド組織・体制の紹介
lycorp_recruit_jp
1
1.2k
Creative UIs with Compose: DroidKaigi 2024
chrishorner
1
480
o1のAPIで実験してみたが 制限きつすぎて辛かった話
pharma_x_tech
0
120
開発生産性を始める前に開発チームができること / optim-improve-development-productivity.pdf
optim
0
100
疎通2024
sadnessojisan
5
1k
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
260
フロントエンド・オブザーバビリティを支える要素技術を学ぼう
sadnessojisan
2
180
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
Faster Mobile Websites
deanohume
304
30k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Documentation Writing (for coders)
carmenintech
65
4.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
The Invisible Customer
myddelton
119
13k
Code Reviewing Like a Champion
maltzj
517
39k
Become a Pro
speakerdeck
PRO
22
4.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
322
23k
Designing Experiences People Love
moore
138
23k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
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