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
関数型まつり2025登壇資料「関数プログラミングと再帰」
taisontsukada
1
230
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
170
「兵法」から見る質とスピード
ickx
0
240
バリデーションライブラリ徹底比較
nayuta999999
1
580
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
バランスを見極めよう!実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
whatasoda
2
810
"使いづらい" をリバースエンジニアリングする UI の読み解き方
rebase_engineering
0
130
TypeScriptのmoduleオプションを改めて整理する
bicstone
4
460
TypeScript製IaCツールのAWS CDKが様々な言語で実装できる理由 ~他言語変換の仕組み~ / cdk-language-transformation
gotok365
7
400
AIエージェントによるテストフレームワーク Arbigent
takahirom
0
350
REST API設計の実践 – ベストプラクティスとその落とし穴
kentaroutakeda
2
350
RubyKaigiで得られる10の価値 〜Ruby話を聞くことだけが RubyKaigiじゃない〜
tomohiko9090
0
130
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Adopting Sorbet at Scale
ufuk
77
9.4k
Rails Girls Zürich Keynote
gr2m
94
13k
Embracing the Ebb and Flow
colly
85
4.7k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
42
2.4k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Optimizing for Happiness
mojombo
378
70k
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