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
810
カンファレンス主催 Casual Talks #1 パネルディスカッション / Conference Casual Talks 1 Panel Discussion
inouetakuya
0
750
ウェブサイトの速度改善 / 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
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
140
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
130
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
160
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
220
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
700
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
760
Porting a visionOS App to Android XR
akkeylab
0
460
PipeCDのプラグイン化で目指すところ
warashi
1
270
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Site-Speed That Sticks
csswizardry
10
690
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Making Projects Easy
brettharned
116
6.3k
Speed Design
sergeychernyshev
32
1k
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