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
140
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
92
New_Sass_Module_System.pdf
toshifumiimanishi
2
740
JAMstack_kotohajime.pdf
toshifumiimanishi
0
59
mercurial_nyuumon.pdf
toshifumiimanishi
0
45
Web制作者のためのSassの参考書.pdf
toshifumiimanishi
3
2.6k
ゆく技術_くる技術.pdf
toshifumiimanishi
0
230
裏CSS.pdf
toshifumiimanishi
0
73
Other Decks in Technology
See All in Technology
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
250
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
280
Janus
bkuhlmann
1
490
HEXA OSINT CTF V3 作戦会議
meow_noisy
0
130
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
190
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
370
Algyan イベント振り返り
linyixian
0
200
検証を通して見えてきたTiDBの性能特性
lycorptech_jp
PRO
6
3.7k
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
160
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
現代CSSフレームワークの内部実装とその仕組み
poteboy
8
3.4k
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
200
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
72
5.1k
Designing with Data
zakiwarfel
95
4.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Building Adaptive Systems
keathley
30
1.9k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
In The Pink: A Labor of Love
frogandcode
138
21k
RailsConf 2023
tenderlove
2
530
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
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ʱ