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
510
サブスクミートアップ2.pdf
jumbo_ken
0
880
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
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
140
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
120
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
110
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
120
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
700
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
160
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Goで作る、開発・CI環境
sin392
0
230
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
9
5k
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
870
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Unsuck your backbone
ammeep
671
58k
Side Projects
sachag
455
42k
Bash Introduction
62gerente
613
210k
Statistics for Hackers
jakevdp
799
220k
Facilitating Awesome Meetings
lara
54
6.4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Making Projects Easy
brettharned
116
6.3k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Product Roadmaps are Hard
iamctodd
PRO
54
11k
RailsConf 2023
tenderlove
30
1.1k
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ࣗମͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ৫มΘ͍͚͍ͬͯͯΔͷ͕˕