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
790
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
730
ウェブサイトの速度改善 / High Performance Website
inouetakuya
0
450
Vue Fes Japan 2018 サイトの速度改善 / High Performance Vue Fes Japan Site
inouetakuya
9
7.5k
Nuxt.js でつくるアプリケーションの設計 / Architecture of nuxt application
inouetakuya
8
5.1k
Vue Fes Japan 2018 ティザーサイトの技術選定 / Vue Fes Japan 2018 site architecture
inouetakuya
1
350
いま 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
DROBEの生成AI活用事例 with AWS
ippey
0
130
GoとPHPのインターフェイスの違い
shimabox
2
190
2024年のWebフロントエンドのふりかえりと2025年
sakito
2
250
Pulsar2 を雰囲気で使ってみよう
anoken
0
240
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
Honoとフロントエンドの 型安全性について
yodaka
7
1.2k
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
740
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
2
450
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
900
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
750
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
320
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
780
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Six Lessons from altMBA
skipperchong
27
3.6k
It's Worth the Effort
3n
184
28k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Designing for humans not robots
tammielis
250
25k
Automating Front-end Workflow
addyosmani
1368
200k
Navigating Team Friction
lara
183
15k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
A Philosophy of Restraint
colly
203
16k
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