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
rubygem開発で鍛える設計力
joker1007
2
190
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
140
OpenHands🤲にContributeしてみた
kotauchisunsun
1
420
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
200
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
d120145
0
280
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
100
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
160
Claude Code Actionを使ったコード品質改善の取り組み
potix2
PRO
6
2.2k
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
170
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
520
Prox Industries株式会社 会社紹介資料
proxindustries
0
270
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
180
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
We Have a Design System, Now What?
morganepeng
53
7.7k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Navigating Team Friction
lara
187
15k
Visualization
eitanlees
146
16k
Become a Pro
speakerdeck
PRO
28
5.4k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
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ʱ