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 3 超入門 ー ゆく Vue くる Vue
Search
IMANISHI TOSHIFUMI
January 22, 2021
Technology
0
170
Vue 3 超入門 ー ゆく Vue くる Vue
社内勉強会「ENGINE vol.37」の発表資料
IMANISHI TOSHIFUMI
January 22, 2021
Tweet
Share
More Decks by IMANISHI TOSHIFUMI
See All by IMANISHI TOSHIFUMI
Form_design_from_Netflix.pdf
toshifumiimanishi
0
130
New_Sass_Module_System.pdf
toshifumiimanishi
2
850
JAMstack_kotohajime.pdf
toshifumiimanishi
0
87
mercurial_nyuumon.pdf
toshifumiimanishi
0
66
Web制作者のためのSassの参考書.pdf
toshifumiimanishi
3
2.8k
ゆく技術_くる技術.pdf
toshifumiimanishi
0
260
裏CSS.pdf
toshifumiimanishi
0
110
Other Decks in Technology
See All in Technology
データプラットフォーム技術におけるメダリオンアーキテクチャという考え方/DataPlatformWithMedallionArchitecture
smdmts
5
660
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.1k
本が全く読めなかった過去の自分へ
genshun9
0
660
Connect 100+を支える技術
kanyamaguc
0
100
モバイル界のMCPを考える
naoto33
0
190
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
490
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
680
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
910
Wasm元年
askua
0
160
AI導入の理想と現実~コストと浸透〜
oprstchn
0
130
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
4
3k
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
140
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
RailsConf 2023
tenderlove
30
1.1k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Side Projects
sachag
455
42k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Transcript
&/(*/&WPMɹ+BO ɹ7VFೖ ࠓढ़จ Ώ͘7VF͘Δ7VF
ࠓढ़จ ͍·ʹ͠ ͱ͠;Έ ੜ·Εʢࡀʣ ಸྑݝग़ˠେࡕˠ౦ژ ໋ཱؗେֶཧֶ෦ଔ झຯɿϥδΦΛௌ͘͜ͱʢ'.ˠ+8"7&ʣ ϑϩϯτΤϯυΤϯδχΞ IUUQTUXJUUFSDPNUPTIJNBSOJF 5JQTΛͭͿ͘
!UPTIJNBSOJF
ຊ͢͜ͱ w 7VFͷ͓͞Β͍ w 7JUFͷ͜ͱ͡Ί w ࠷৽7VFղઆ w 7VFͷվળ w
7VFͷ৽ػೳ w 7VFͷഁյతมߋ
7VFͱʁ ɾWJFXʹಛԽͨ͠ϑϨʔϜϫʔΫ ɾϓϩάϨογϒϑϨʔϜϫʔΫ 7VFKTݩ(PPHMFࣾһͷ&WBO:PVࢯʹΑΓ࡞ΒΕͨ +BWB4DSJQUͷϑϨʔϜϫʔΫͰ͢ɻ ΞϓϦέʔγϣϯͷஈ֊ʹԠͨ͡πʔϧͷಋೖͰ ༷ʑͳنͷ։ൃʹରԠͰ͖Δઃܭࢥ
7VFKTͷϦϦʔε ɾ7VFͷྺ࢙ͷதͰաڈ࠷େͷϦϦʔε ɾ$PNQPTJUJPO"1*Λ͡Ίͱͨ͠৽ػೳՃվળɹͳͲͳͲʜ ݄ʹҎ্ͷ݄Λ͔͚ͯ։ൃ͞Εͨ όʔδϣϯ͕ϦϦʔε͞Ε·ͨ͠ʂ
7JUFͷੜ ܰྔ͔ͭߴɺ࣍ੈͷ7VF։ൃڥ 7JUF7VFͷ։ൃޙظʹొͨ͠ϊʔόϯυϧͳϏϧυπʔϧɻ 7VFϓϩδΣΫτͷ࣮ߦɺϏϧυʹՃ͑ɺ).3ͳͲɺ։ൃΛॿ͚ΔػೳΛଟ༗͠ ·͢ɻ ϰ Ο ʔ τ ࡞ऀ&WBO:PVࢯ
7VFͷվળ w ܰྔԽ w ॲཧͷ্ w 5ZQF4DSJQUͷڧԽ ˠWͷ,#͔Β,#ʹܰྔԽ ˠ7VFʹ͓͚Δ$16࣌ؒͷͷະຬ ˠܕਪͷαϙʔτڧԽɺ549ͷରԠ
7VFͷ৽ػೳ w $PNQPTJUJPO"1* w 5FMFQPSU w 'SBHNFOUT w &NJUT$PNQPOFOU0QUJPO ˠ·ͬͨ͘৽͍͠ίϯϙʔωϯτͷهड़༷ࣜ
ˠςϯϓϨʔτͷΛ͑ͨࣗ༝ࣗࡏͳߏ ˠෳϧʔτཁૉͷαϙʔτ ˠίϯϙʔωϯτ͕ൃߦ͢ΔΧελϜΠϕϯτͷจॻԽ
$PNQPTJUJPO"1* ·ͬͨ͘৽͍͠ίϯϙʔωϯτͷهड़༷ࣜ $PNQPTJUJPO"1*ϩδοΫΛ߹ؔʢDPNQPTJUJPOGVODUJPOʣͱͯ͠Χϓηϧ ԽͰ͖Δ"1*Ͱ͢ɻैདྷͷهड़༷ࣜΛ0QUJPOT"1*ͱݺͿΑ͏ʹͳΓ·ͨ͠ɻ 0QUJPOT"1* $PNQPTJUJPO"1* /&8 TFUVQؔ߹͕ؔݺͼग़͞ΕΔΤϯτϦϙΠϯτͱͯ͠ػೳ
$PNQPTJUJPO"1* ·ͬͨ͘৽͍͠ίϯϙʔωϯτͷهड़༷ࣜ $PNQPTJUJPO"1*ͰίϯϙʔωϯτΛఆٛ͢Δʹ3FBDUJWJUZ"1*Λ༻͠·͢ɻ 7VFͰɺϦΞΫςΟϒγεςϜͰ༻͞ΕΔɺϦΞΫςΟϒΛཧ͢ΔͨΊͷ ϓϩάϥϛϯά͕ݸผͷ"1*ͱͯ͠Γग़͞Ε·ͨ͠ɻ SFGΦϒδΣΫτWBMVFͰΛࢀর͠·͢ 7VFͷ7VFPCTFSWBCMFͱಉ
$PNQPTJUJPO"1*ͷϝϦοτ w UIJTґଘͷղফ w ϩδοΫΛ࠶ར༻͍͢͠ w 5ZQF4DSJQUͷܕਪ͕ಇ͖͍͢ w Մಡੑͷ্ ˠ߹ؔҾͱάϩʔόϧ7VF"1*ͷΈʹґଘ
ˠϛοΫεΠϯɺߴ֊ίϯϙʔωϯτΑΓσϝϦοτ͕গͳ͍ ˠ֤3FBDUJWJUZ"1*୯७ͳؔͰ͋ΔͨΊܕ୯७ ˠؔ৺ͷ͕ಇ͖͍͢
5FMFQPSU ςϯϓϨʔτͷΛ͑ͨࣗ༝ࣗࡏͳߏ UFMFQPSU7VFͷΈࠐΈίϯϙʔωϯτͰ͢ɻςϯϓϨʔτʹهड़ͨ͠ίϯ ςϯπΛϖʔδͷҙͷՕॴʹҠಈͤ͞Δ͜ͱ͕Ͱ͖·͢ɻϞʔμϧͷ[JOEFY ͷճආʹ༗ޮͰ͢ɻ UPଐੑʹηϨΫλΛࢦఆ͢Δ͜ͱͰҙͷཁૉʹҠಈͰ͖·͢ ։ൃॳQPSUBMͱ͍͏໊લͰͨ͠
'SBHNFOUT ෳϧʔτཁૉͷαϙʔτ 7VFͰɺίϯϙʔωϯτʹෳͷϧʔτཁૉΛ࡞͢Δ͜ͱ͕ՄೳʹͳΓ·ͨ͠ɻ8FCඪ४ͷ %PDVNFOU'SBHNFOUΛ7VFͰදݱ͍ͯ͠·͢ɻ 7VFߏจ 7VFߏจ /&8 ෳͷϧʔτཁૉʹ໌ࣔతͳଐੑͷܧঝ͕ඞཁͰ͢ ຊདྷෆཁͳEJWཁૉ
&NJUT$PNQPOFOU0QUJPO ίϯϙʔωϯτ͕ൃߦ͢ΔΧελϜΠϕϯτͷจॻԽ FNJUTΦϓγϣϯɺίϯϙʔωϯτ͕ൃߦ͢ΔΧελϜΠϕϯτͷจॻԽΛతͱͨ͠৽͍͠ΦϓγϣϯͰ ͢ɻͯ͢ͷΧελϜΠϕϯτFNJUTΦϓγϣϯʹఆٛ͢Δ͜ͱ͕ਪ͞Ε͍ͯ·͢ɻ ΧελϜΠϕϯτͱҰॹʹૹ৴͢Δσʔλͷ༗ޮੑΛνΣοΫ
7VFͷഁյతมߋ w άϩʔόϧ7VF"1* w WNPEFM w 'JMUFST w POɺPGGɺPODF w
UFNQMBUFGVODUJPOBM ˠΞϓϦέʔγϣϯΠϯελϯεͷੜOFX7VF ͔ΒDSFBUF"QQ มߋ ˠํσʔλόΠϯσΟϯά"1*ͷඪ४Խ ˠϑΟϧλߏจͷআ ˠطଘͷΠϕϯτόεʹҙ ˠ7VFͰɺେ෯ͳվળɺϝϞϦ༻ྔͷվળ͋Γෆཁ
·ͱΊ 7VFҎ্ͷ։ൃظؒΛܦͯϦϦʔε͞Ε͓ͯΓɺ 7VF্࢙࠷େͷϦϦʔεʹͳΓ·͢ɻ $PNQPTJUJPO"1*Λ͡Ίͱ͖ͨ͢͠৽ػೳɺഁյతมߋ͕͋Γ·͢ɻ 7VFͷઃܭࢥͰ͋ΔʮϓϩάϨογϒϑϨʔϜϫʔΫʯɺ ࣗͷशख़ʹ߹Θͤͨ։ൃ͕Ͱ͖·͢ɻ ·ͣ7JUFͰखܰʹ7VFͷ։ൃڥΛߏங͠·͠ΐ͏ʂ
ࢀߟจݙ w 7VFKT w 8&# %#13&447PM w 7VF͔Β࢝ΊΔɺ7VFKTc$PEF(SJE w 6*5*/4*%&-*/&6*5ࣨͷ։ൃऀʹΑΔʮ࠷৽ͷϑϩϯτΤϯυʯΛΩϟονΞο
ϓͰ͖Δ1PEDBTU w $PNQPTJUJPO"1*3'$c7VF$PNQPTJUJPO"1* IUUQTWWVFKTPSH IUUQTHJIZPKQNBHB[JOFXEQSFTTBSDIJWFWPM IUUQTXXXDPEFHSJEOFUTFSJFTWVF IUUQTVJUJOTJEFMJOFDPSQDPN IUUQTDPNQPTJUJPOBQJWVFKTPSH
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 7VFͷίʔυωʔϜʰ0OF1JFDFʱ