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
550
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
500
サブスクミートアップ2.pdf
jumbo_ken
0
870
20180614_AppsJapan
jumbo_ken
1
420
WebRTCリリースで辛かったこと
jumbo_ken
2
1.6k
アプリを作ってて気づいた、 教育サービスの難しいところ
jumbo_ken
1
1.5k
WebRTCで実現する次世代英会話と旧世代式開発手法
jumbo_ken
0
2k
bonfire android #2
jumbo_ken
1
1.1k
iOSでのSkyWay開発の勘所とTips (リリース後・新SDK編)
jumbo_ken
0
5.9k
両OSやるマンという選択
jumbo_ken
9
6k
Other Decks in Programming
See All in Programming
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
770
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
1
260
Javaに鉄道指向プログラミング (Railway Oriented Pro gramming) のエッセンスを取り入れる/Bringing the Essence of Railway-Oriented Programming to Java
cocet33000
2
580
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
280
從零到一:搭建你的第一個 Observability 平台
blueswen
1
940
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
120
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
lnit
1
160
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
0
140
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
640
Benchmark
sysong
0
200
業務自動化をJavaとSeleniumとAWS Lambdaで実現した方法
greenflagproject
1
120
技術懸念に立ち向かい 法改正を穏便に乗り切った話
pop_cashew
0
1.4k
Featured
See All Featured
Practical Orchestrator
shlominoach
188
11k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Rails Girls Zürich Keynote
gr2m
94
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
The Language of Interfaces
destraynor
158
25k
Raft: Consensus for Rubyists
vanstee
140
7k
Building a Modern Day E-commerce SEO Strategy
aleyda
41
7.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Music & Morning Musume
bryan
46
6.6k
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ࣗମͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ৫มΘ͍͚͍ͬͯͯΔͷ͕˕