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
560
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
890
20180614_AppsJapan
jumbo_ken
1
430
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
6.1k
Other Decks in Programming
See All in Programming
CSC305 Summer Lecture 05
javiergs
PRO
0
110
TanStack DB ~状態管理の新しい考え方~
bmthd
2
340
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
13
3.2k
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
mackey0225
2
580
Laravel Boost 超入門
fire_arlo
1
130
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
130
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
120
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
1
310
🔨 小さなビルドシステムを作る
momeemt
2
530
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
110
A Gopher's Guide to Vibe Coding
danicat
0
170
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
210
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
What's in a price? How to price your products and services
michaelherold
246
12k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
KATA
mclloyd
32
14k
Code Review Best Practice
trishagee
70
19k
Fireside Chat
paigeccino
39
3.6k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building Adaptive Systems
keathley
43
2.7k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Automating Front-end Workflow
addyosmani
1370
200k
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ࣗମͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ৫มΘ͍͚͍ͬͯͯΔͷ͕˕