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.jsのない会社にVue.jsを入れていく
Search
Ken Jumbo Haneda
May 27, 2020
Programming
0
480
Vue.jsのない会社にVue.jsを入れていく
Ken Jumbo Haneda
May 27, 2020
Tweet
Share
More Decks by Ken Jumbo Haneda
See All by Ken Jumbo Haneda
20200115_skyway_ug_6
jumbo_ken
0
390
サブスクミートアップ2.pdf
jumbo_ken
0
760
20180614_AppsJapan
jumbo_ken
1
370
WebRTCリリースで辛かったこと
jumbo_ken
2
1.4k
アプリを作ってて気づいた、 教育サービスの難しいところ
jumbo_ken
1
1.4k
WebRTCで実現する次世代英会話と旧世代式開発手法
jumbo_ken
0
1.7k
bonfire android #2
jumbo_ken
1
940
iOSでのSkyWay開発の勘所とTips (リリース後・新SDK編)
jumbo_ken
0
5.6k
両OSやるマンという選択
jumbo_ken
9
5.6k
Other Decks in Programming
See All in Programming
Fast JSX: Don't clone props object #28768
yossydev
1
100
Rethinking UI building strategies @ SFI 2024
letelete
0
270
Git Rebase
bkuhlmann
11
1.6k
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
150
GitHub Copilotのススメ
marcy731
1
200
使ってみよう Azure AI Document Intelligence
kosmosebi
2
310
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
800
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
220
Ruby GitHub Packages
bkuhlmann
0
630
新宿ダンジョンを可視化してみた
satoshi7190
2
260
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
23
15k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
Debugging Ruby Performance
tmm1
70
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Rails Girls Zürich Keynote
gr2m
91
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
How STYLIGHT went responsive
nonsquared
92
4.8k
A designer walks into a library…
pauljervisheath
200
23k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
Bash Introduction
62gerente
604
210k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
How to Ace a Technical Interview
jacobian
272
22k
Transcript
Vue.jsͷͳ͍ձࣾʹVue.jsΛೖΕ͍ͯ͘ ΦϯϥΠϯ։࠵ʂʲγϡʔϚΠʳ 5FDI-FBE&OHJOFFS͔Β࠷৽ٕज़Λֶʂ7VFKTฤ
None
S *OUSPEVDUJPO ຊͷ͓ 1. ձࣾͷ͜ͱ 2. VueΛೖΕͨܦҢɾ՝ɾղܾࡦ 3. ·ͱΊ
*OUSPEVDUJPO ࠓ͢͜ͱ 1. VueΛೖΕΔࡍͷ৫ɾ։ൃ؍Ͱͷ՝ 2. ಋೖͷ݁Ռ
*OUSPEVDUJPO ࠓ͞ͳ͍͜ͱ 1. ࠷৽ͷVueͷใ 2. ࡉ͔͍ίʔυͷհ
Ӌా ݈ଠ 1SPpMF +VNCP!KVNCP0S/PU ٕज़ຊ෦αʔϏε։ൃ෦෦
גࣜձࣾϨΞδϣϒ ΦϯϥΠϯӳձɺΠϯλʔωοτΛͬͨӳձαʔϏεɻ ͍ͭͰͲ͜ͰϦʔζφϒϧʹɺ֎ࠃਓߨࢣͷϨοεϯΛडߨͰ͖·͢ɻ ແྉମݧɾແྉΧϯηϦϯά࣮ࢪதʂ ͥͻࢲͨͪͷϨοεϯΛडߨͯ͠Έ͍ͯͩ͘͞ɻ 3BSF+PCJOD 13
13
13
13 ϑϩϯτΤϯυɾόοΫΤϯυɾωΠςΟϒΞϓϦɾσβΠϯͰ༷ʑͳ ٕज़Λ૯ಈһֶͯ͠शऀͷͨΊͷγεςϜͷ։ൃɾӡ༻Λ͍ͯ͠·͢
VueΛٕज़৫ʹΈࠐΉ
$VSSFOUTJUVBUJPO ϨοεϯϧʔϜ 4."35.FUIPE ͍͔ͭ͘ͷϓϩμΫτͰ7VFΛར༻ • -BSBWFM 7VF .1" •
7VF 41" • /VYU 41" ಋೖ͔Β͠Β͘ɾɾɾ ٕज़ಋೖΛͭͭ͠৫มԽ͍ͯ͠Δɻ
1SFWJPVTTJUVBUJPO ΤϯδχΞόοΫΤϯυϑϩϯτରԠ͢Δ ϑϩϯτͱݺΕΔॴੜKTɺKRVFSZ σβΠφʔͱ࿈ܞͯ͠4BTT$44Λॻ͍ͨΓ͓ئ͍ͨ͠Γɾɾɾ ࣌ͷٕज़৫ Ұݟͯ͠ྲྀಈੑߴ͘ॊೈʹݟ͑ΔҰํͰɺ ΤϯδχΞ͕ࣗઐੑͷߴ͍ྖҬʹूதͨ͠ΓɺϩʔϧʢڧΈʣͷղ͕͠ʹ͍͘ ·ͨ࠾༻ࢢʹဃ͕͋Γɺ࠾༻ཁ݅ཧ͠ʹ͍͘ NFNP
1SFWJPVTTJUVBUJPO 9 લɺ৽نࣄۀͷ։ൃͷࡍʹ7VFΛਖ਼ࣜʹ ೖΕ͍ͯ͘͜ͱΛܾఆɻ Ճ͑ͯʮϑϩϯτΤϯυ৫ʯΛ ࡞͍ͬͯ͘͜ͱܾΊͨɻ ͭ·Γ VueΛೖΕΔ = ϑϩϯτΤϯυ
ɹ৫Λ࡞Δ ʹͳͬͨɻ
1SPCMFNT ϑϩϯτΤϯυΤϯδχΞͷϩʔϧJTԿʁ ϑϩϯτΤϯυͷႈੑ 7VF"QQͷύϑΥʔϚϯεཧJT͍͠ 3ͭͷ ͦ͜Ͱग़͖ͯͨ
1SPCMFN ϑϩϯτΤϯυΤϯδχΞͷϩʔϧJTԿʁ • ٕज़Կ͕Ͱ͖Ε͍͍ͷʁ • "1*·Ͱ৮Δʁ • %PDLFSͲ͏͢Δʁ • "84ɾɾɾͲ͏͔
• $*$%ͷઃఆ୭ʹґཔ͢Δʁ
4PMVUJPO 'SPOUFOE #BDLFOE %FTJHOFS +4 54 XFCQBDL OQN ZBSOʜ
1)1 .Z42- "1* 1)17JFXʜ $44 4BTT 6*69 4UZMF )5.-ʜ ໌֬ʹ͖͢ॴ ͚ͩ͜͜Ͱͳ͘͜͜ ϩʔϧࣗମͷཧͨΓલɺ Ճ͑ͯඞཁͩͬͨͷ Կ͕ڠྗ͖ͯ͠߹͏͖͔ ͱ͍͏ϩʔϧͷ͔ͿΔ෦ɻ FY .1"ͳΞϓϦέʔγϣϯʹ͓͍ͯ ɹ1)1WJFXͰ6*Ή͔7VFͰΔ͔ɺ ɹͦΕΛͲ͕ͬͪ୲ɾϨϏϡʔ͢Δ͔
4PMVUJPO ϩʔϧͷॏෳΛΧόʔ͢ΔͨΊʹ͖ͬͯͨɾ͍Δ͜ͱ • "1*.PDLΛৗʹඋͯ͠#&ϨεͰ։ൃΛਐΊΒΕΔΑ͏ʹ͢Δ • 4XBHHFSBQJTQSPVUOPEFͰγϯϓϧʹKTPOฦ͚ͩ͢ͷαʔό • ϑϩϯτΤϯυϏϧυγεςϜʹΛ࣋ͭ • /1.ىʢZBSOʣͷ։ൃΛඪ४Խ
• "1*ͷ։ൃݪଇ͠ͳ͍ʢڥքͷʣ • ίʔμʔ࡞ۀͷվળͱίϯϙʔωϯτཧࣝͷڞ༗ • 4BTT$TTϕʔεͷίϯϙʔωϯτ"UPNJD$PNQPOFOUTԽ • σβΠφʔ͔ΒίʔσΟϯά࡞ۀͷ
4PMVUJPO 'SPOUFOE #BDLFOE %FTJHOFS +4 54 XFCQBDL OQN ZBSOʜ
1)1 .Z42- "1* 1)17JFXʜ $44 4BTT 6*69 4UZMF )5.-ʜ ·ͨҰճߟ͑Δ͚ͩͰͳ͘ɺ ϝϯόʔͷࢥߟτϨϯυͰ มಈ͍ͤͯ͘͞ඞཁ͕͋Δ ͱ͖ʹӽڥ͢Δ͜ͱ͋Γ ͦΕ͕ϝϯόʔͷεΩϧͷ͕Γ ʹͳΔ
4PMVUJPO .1" 41" "1* 'SPOU ٕज़తͳ݁߹৫తͳ݁߹ʹͳΔͨΊͳΔ͘41"ʜ • σϓϩΠύΠϓϥΠϯͷ • %PDLFSґଘ͔Βͷ
• -BSBWFMNJY͔Βͷ • ϑϩϯτΤϯδχΞͷؔ৺ΛݮΒ͢
1SPCMFN ϑϩϯτΤϯυͷႈੑ ʮޙͰ͍͍ɾɾɾʯ͍ͬͺ͍͋Γ·͢ΑͶ • Ϗϧυ࣌ؒ • σϓϩΠͷࣗಈԽ • ࡶɾ૿Ճ͢Δίϯϙʔωϯτͷཧ •
ϧʔϧͷඪ४Խ
4PMVUJPO 9997VFͷγνϡΤʔγϣϯͰى͖Δ͜ͱͷҰͭʹ ႈੑ୲อɺ࿙Ε͕͕ͪ͋Γ·͢ɻ ॾʑɺ։ൃͷ༏ઌతʹͲ͏͠Αͳ͍͜ͱ͋Γ·͕͢ Εͳ͍Ͱཉ͍͠ͷ͕ ʮ൴ΒʢϏϧυγεςϜɾλεΫϥϯφʔʣͷ͝ػݏΛଛͶͳ͍Α͏ʹͯ͠ɺ ͍ͭͰಉ݁͡ՌΛಘΒΕΔঢ়گΛ࡞Δʯ͜ͱͰ͢ɻ
4PMVUJPO 9997VFͷγνϡΤʔγϣϯͰى͖Δ͜ͱͷҰͭʹ ϑΝΠϧΊͬͪΌ૿͑Δ͕͋Γ·͢ɻ ॾʑɺ։ൃͷ༏ઌతʹͲ͏͠Αͳ͍͜ͱ͋Γ·͕͢ ͚ͩΕͳ͍Ͱཉ͍͠ͷ͕ ʮ൴ΒʢϏϧυγεςϜɾλεΫϥϯφʔʣͷ͝ػݏΛଛͶͳ͍Α͏ʹͯ͠ɺ ͍ͭͰಉ݁͡ՌΛಘΒΕΔঢ়گΛ࡞Δʯ͜ͱͰ͢ɻ ΏΔ͘ΔͳΒʮͱΓ͋͑ͣ$*ͰςετճΔʯঢ়گΛ ࡞͓͚ͬͯͩ͘Ͱɺ͋ͱ͔Β୭͔͕։ൃ͢Δͱ͖ʹ ڥ࠶ݱੑ͕ߴ·Γ·͢˕
1SPCMFN 7VF"QQͷύϑΥʔϚϯεཧJT͍͠ • 4&0ʁ • ϩΪϯάͲ͏͢Δͷʁ • -JHIU)PVTFͷείΞ্͛Δͷʁͦͦࣈ୭࣋ͭʁ • ϦϦʔε͍ͯ͠Δ41"͕ͳ͍͔Ͳ͏͔ΛͲ͏ܭଌ͢Δͷ
FY ฐࣾͷϨοεϯϧʔϜͷ߹ • Ի͕ฉ͑͜ͳ͍ͱ͍͏͍߹Θͤ૿Ճ • ϨοεϯͰ͖ͳ͍ͱԹײߴ͍͘߹ΘͤདྷͪΌ͏ • ஞ࣍ରԠΩϦ͕ͳ͍ʜ • ਖ਼ৗՔಇΛ୲อ͢ΔࢦඪΛ࡞Δඞཁ͕͋ͬͨ
4PMVUJPO ϩΪϯάʹΑΔՄࢹԽͱϞχλϦϯά "QQ4ZOD %ZOBNP%# "VSPSB ϩάσʔλͷूੵ ϓϩμΫτ σʔλͷ4ZOD ॳɺ%ZOBNP%#ΛSFEBTIʹͭͳ͍Ͱ͍͕ͨɺ ूܭ͢Δʹ%2-
%ZOBNP%#2VFSZ-BOHVBHF 42-ϥΠΫͳ͚ͩͰ දݱྗʹ͚ܽΔͨΊɺσʔλΛTZODͯ͠SFEBTIͰՄࢹԽɻ %BTICPSBE"MFSUΛ׆༻ͯ͠։ൃɾ$4Ͱͷӡ༻ʹ׆༻
4PMVUJPO ϩΪϯάʹΑΔՄࢹԽͱϞχλϦϯά 8FC35$ͷෳࡶͳσόοάɾ4UBUTใΛू͢ΔͨΊʹผ్ߏங ॳɺ%ZOBNP%#ΛSFEBTIʹͭͳ͍Ͱ͍͕ͨɺ ूܭ͢Δʹ%2- %ZOBNP%#2VFSZ-BOHVBHF 42-ϥΠΫͳ͚ͩͰ දݱྗʹ͚ܽΔͨΊɺσʔλΛTZODͯ͠SFEBTIͰՄࢹԽɻ %BTICPSBE"MFSUΛ׆༻ͯ͠։ൃɾ$4Ͱͷӡ༻ʹ׆༻
$PODMVTJPO • 7VFΛ৽͘͠৫ʹೖΕ͍ͯ͘͜ͱ ϑϩϯτΤϯυ৫Λ࡞Δͱ͍͏͜ͱ • ϑϩϯτΤϯυ৫Λ࡞Δͱ͖ϩʔϧͷ͔ͿΔͱ͜ΖΛߟ͑ͯΈͯͶ • ϑϩϯτΤϯυҟৗ͕ݟ͑ʹ͍͘ͷͰࢦඪΛ࡞Ζ͏Ͷ IUUQTSBSFKPCUFDIEFQUIBUFOBCMPHDPN ςοΫϒϩάΑΖ͓͘͠ئ͍͠·͢ʂ
7VFࣗମͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ৫มΘ͍͚͍ͬͯͯΔͷ͕˕