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
140
New_Sass_Module_System.pdf
toshifumiimanishi
2
870
JAMstack_kotohajime.pdf
toshifumiimanishi
0
98
mercurial_nyuumon.pdf
toshifumiimanishi
0
73
Web制作者のためのSassの参考書.pdf
toshifumiimanishi
3
2.8k
ゆく技術_くる技術.pdf
toshifumiimanishi
0
270
裏CSS.pdf
toshifumiimanishi
0
110
Other Decks in Technology
See All in Technology
AIのグローバルトレンド2025 #scrummikawa / global ai trend
kyonmm
PRO
1
280
テストを軸にした生き残り術
kworkdev
PRO
0
210
AI開発ツールCreateがAnythingになったよ
tendasato
0
130
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
nologyance
1
400
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
190
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
9
73k
要件定義・デザインフェーズでもAIを活用して、コミュニケーションの密度を高める
kazukihayase
0
110
2025年になってもまだMySQLが好き
yoku0825
8
4.8k
2025年夏 コーディングエージェントを統べる者
nwiizo
0
170
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
230
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
460
Rustから学ぶ 非同期処理の仕組み
skanehira
1
140
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
GitHub's CSS Performance
jonrohan
1032
460k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Unsuck your backbone
ammeep
671
58k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Being A Developer After 40
akosma
90
590k
Thoughts on Productivity
jonyablonski
70
4.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
4 Signs Your Business is Dying
shpigford
184
22k
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ʱ