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
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes ...
Search
INOUE Takuya
April 25, 2018
Programming
4
2.9k
Vue Fes Japan 2018 ティザーサイトの裏側 / Inside Vue Fes Japan 2018
eureka Meetup #9 Pairs フロントエンドの裏側の発表資料です
https://eure.connpass.com/event/83314/
INOUE Takuya
April 25, 2018
Tweet
Share
More Decks by INOUE Takuya
See All by INOUE Takuya
create-nuxt-app で選べる現代の UI フレームワーク / Modern UI Frameworks
inouetakuya
7
2.6k
カンファレンス主催 Casual Talks #1 オープニング / Conference Casual Talks 1 Opening
inouetakuya
0
800
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
740
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
470
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.6k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5.2k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
360
いま Vue.js に現場の事例が求められている / stage of vuejs jp
inouetakuya
0
3.2k
お仕事で Nuxt.js を使うか検討した話 / decision about whether to use nuxtjs
inouetakuya
8
18k
Other Decks in Programming
See All in Programming
Doma で目指す ORM 最適解
nakamura_to
1
160
型付け力を強化するための Hoogle のすゝめ / Boosting Your Type Mastery with Hoogle
guvalif
1
230
衛星の軌道をWeb地図上に表示する
sankichi92
0
250
eBPFを用いたAIネットワーク監視システム論文の実装 / eBPF Japan Meetup #4
yuukit
3
590
"使いづらい" をリバースエンジニアリングする UI の読み解き方
rebase_engineering
0
110
Reactive Thinking with Signals, Resource API, and httpResource @Devm.io Angular 20 Launch Party
manfredsteyer
PRO
0
130
#QiitaBash TDDでAIに設計イメージを伝える
ryosukedtomita
2
1.6k
メモリリークが発生した時にpprofを使用して原因特定した話
zono33lhd
0
100
TSConfigからTypeScriptの世界を覗く
planck16
2
1.3k
Investigating Multithreaded PostgreSQL
macdice
0
150
rbs-traceを使ってWEARで型生成を試してみた After RubyKaigi 2025〜ZOZO、ファインディ、ピクシブ〜 / tried rbs-trace on WEAR
oyamakei
0
1k
『Python → TypeScript』オンボーディング奮闘記
takumi_tatsuno
1
130
Featured
See All Featured
It's Worth the Effort
3n
184
28k
A designer walks into a library…
pauljervisheath
205
24k
Faster Mobile Websites
deanohume
307
31k
Optimizing for Happiness
mojombo
378
70k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Done Done
chrislema
184
16k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
77
Building Applications with DynamoDB
mza
95
6.4k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
The World Runs on Bad Software
bkeepers
PRO
68
11k
A Modern Web Designer's Workflow
chriscoyier
693
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Transcript
7VF'FT+BQBOͷཪଆ ͍ͷ͏͑ͨ͘ʢ͓͍ͪΌΜʣ!JOPVFUBLVZB FVSFLB.FFUVQ
None
స৬υϥϑτʢCZϦϒηϯεʣ ͍ͷ͏͓͍͑ͨͪ͘ΌΜ!JOPVFUBLVZB /VYUKT 7VFY 7VFKTެࣜυΩϡϝϯτͷ༁ऀɺϝϯςφ ൴ঁ͔Βɺ͓͍ͪΌΜͱݺΕ͍ͯ·͢
ٕज़બఆ
ςΟβʔαΠτͷཁ݅
ςΟβʔαΠτͷཁ݅ wΠϕϯτΛߦ͏͜ͱٴͼΠϕϯτͷ༰Λ͑ ΒΕΔ͜ͱ wࢀՃرऀͷϝʔϧΞυϨεΛొͰ͖Δ͜ͱ
ͯ͞ɺԿΛ͓͏͔ʁ
ͯ͞ɺԿΛ͓͏͔ʁ wϓϨʔϯͳ)5.- $44 +BWB4DSJQU w8PSE1SFTT w੩తαΠτδΣωϨʔλʔ
੩తαΠτδΣωϨʔλʔ w+FLZMM 3VCZ .JEEMFNBO 3VCZ w)VHP (P w)FYP
/PEFKT w4UBUJD(FOʹݸҎ্ฒΜͰ͍Δʜ
ཁ݅Λ͏গ͠ཧ wͪΖΜ࠷ॳαΫοͱ࡞Γ͍ͨʢ։ൃॳʣ wࠓޙ͍Ζ͍Ζͳίϯςϯπ͕Ճ͞ΕΔ wίϯϙʔωϯτΛ࠶ར༻Ͱ͖ΔΑ͏ʹ͍ͨ͠ wίϯϙʔωϯτ୯ҐͰʢ$44ͳͲΛʣดͯ͡ɺ ϝϯςφϯε͍ͨ͘͢͠͠
ͦΕͬͯ7VFKTͷಘ ҙͳͷͰʁ
ͦΕͬͯ7VFKTͷಘҙͳͷͰʁ wίϯϙʔωϯτࢦ w4DPQFE$44 w3FBDUΑΓγϯϓϧͳهड़ w/VYUKTͷग़൪
None
/VYUKTͱ w7VFKTͷΤίγεςϜΛΠΠײ͡ʹΈ߹Θͤͯ͘ ΕΔϑϨʔϜϫʔΫ w7VFKT WVFSPVUFS 7VFY WVFNFUB 8FCQBDLͳ ͲͷΈ߹ΘͤΛͬͯ͘ΕΔ w443
w੩తϑΝΠϧδΣωϨʔτػೳಛͷͻͱͭ
ٕज़બఆ·ͱΊ
ٕज़બఆ·ͱΊ w੩తαΠτ wͪΐͬͱϑΥʔϜ͕͋Δ wͪΐͬͱ"1*ͱ௨৴͕͋Δ wαΫοͱͭ͘Γ͍͚ͨͲɺϝϯςφϒϧʹ͍ͨ͠ wͦ͏͍͏ཁ݅ͷͱ͖ʹ/VYUKTͷ੩తϑΝΠϧδΣωϨʔ τػೳɺͪΐ͏Ͳ͍͍
7VF1SFTT
7VF1SFTT w੩తαΠτδΣωϨʔλʔ w&WBO:PV͕ͭͬͨ͘ʢ͍ͭͬͯ͘Δʣ w/VYUKTͱڝ߹͢ΔͷͰͳ͍ wٕज़υΩϡϝϯτ࡞ʹϑΥʔΧε w.BSLEPXOʹதʹ7VFΛຒΊࠐΉͳͲ
࣮
σΟϨΫτϦߏ
σΟϨΫτϦߏ wIUUQTKBOVYUKTPSHHVJEFEJSFDUPSZTUSVDUVSF wBTTFUT wDPNQPOFOUT wMBZPVUT wQBHFT wTUBUJD wTUPSF w͢Β͍͠ɻ͜Ε͕7VFKTΞϓϦέʔγϣϯͷඪ४ʹͳͬͯ΄͍͠
TSDσΟϨΫτϦ
TSDσΟϨΫτϦ wOVYUDPNNVOJUZTUBSUFSUFNQMBUFͰϧʔ τσΟϨΫτϦʹDPNQPOFOUTͳͲΛฒ Δ wUFTUEJTU͋Δ͍DPOpHͳͲͱࠞͬ͟ ͔ͯΓʹ͘͘ͳΔҹ
TSDσΟϨΫτϦ wWVFKTUFNQMBUFT wGBDFCPPLDSFBUFSFBDUBQQ wBOHVMBSBOHVMBSDMJ w3VCZPO3BJMT
TSDσΟϨΫτϦ
$44
$44 wίϯϙʔωϯτͰด͍ͨ͡ͷ wΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ
ίϯϙʔωϯτͰด͍ͨ͡ͷ
ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ wάϩʔόϧʹద༻͍ͨ͠$44 wλΠϙάϥϑΟͳͲ w֤ίϯϙʔωϯτʹಡΈࠐ·ͤΔ w4$44ͷมͳͲ
ΞϓϦέʔγϣϯશମͰڞ௨͍ͤͨ͞ͷ
7VFίϯϙʔωϯτ
7VFίϯϙʔωϯτ wಠཱͯ͠ػೳΛఏڙ͢Δͷ wجఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧϧʔϧΛ ద༻͢Δͷ
ಠཱͯ͠ػೳΛఏڙ͢Δͷ
ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτͷྫ
ಠཱͯ͠ػೳΛఏڙ͢Δίϯϙʔωϯτྫ
Ϣʔεέʔε
࣮
جఈίϯϙʔωϯτ
جఈίϯϙʔωϯτ wΞϓϦέʔγϣϯݻ༗ͷελΠϧϧʔϧΛద ༻͢Δͷ wϨΠΞτ w$BSE
جఈίϯϙʔωϯτͷྫ IUUQFMFNFOUFMFNFJP
جఈίϯϙʔωϯτͷྫ
Ϣʔεέʔε w֤ཁૉΛͦΕͧΕίϯϙʔωϯτͱͯ͠͏ w֤ཁૉΛ໊લ͖TMPUͰ͏
֤ཁૉΛίϯϙʔωϯτͱͯ͠͏
֤ཁૉΛ໊લ͖TMPUͰ͏
֤ཁૉΛ໊લ͖TMPUͰ͏
࣮
༨നͷઃܭ
୭͕༨നʹΛ͖͔࣋ͭ
IUUQCSBEGSPTUDPNCMPHQPTUBUPNJDXFCEFTJHO
*OTFUύλʔϯ ʢͷਤʣIUUQTXXXTMJEFTIBSFOFUNBOBCVZBTVEBTT
ςετ
WVFUFTUVUJMT
ϗεςΟϯά
None
ࢀߟʹͨ͠ͷ
"XFTPNF/VYU w0⒏DJBM&YBNQMFT w)BDLFSOFXTͳͲ w1SPKFDUT6TJOH/VYUKT
6*ϑϨʔϜϫʔΫ w&MFNFOU w7VFUJGZ wJ7JFX wWVFNBUFSJBM wCPPUTUSBQWVF
8FC$PNQPOFOUT
ελΠϧΨΠυ wελΠϧΨΠυ wIUUQTKQWVFKTPSHWTUZMFHVJEFJOEFYIUNM w7VFKTίϯϙʔωϯτελΠϧΨΠυ wIUUQTHJUIVCDPNQBCMPIQTJMWBWVFKT DPNQPOFOUTUZMFHVJEFCMPCNBTUFS 3&"%.&+1NE
None