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
490
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
420
サブスクミートアップ2.pdf
jumbo_ken
0
800
20180614_AppsJapan
jumbo_ken
1
380
WebRTCリリースで辛かったこと
jumbo_ken
2
1.4k
アプリを作ってて気づいた、 教育サービスの難しいところ
jumbo_ken
1
1.4k
WebRTCで実現する次世代英会話と旧世代式開発手法
jumbo_ken
0
1.8k
bonfire android #2
jumbo_ken
1
970
iOSでのSkyWay開発の勘所とTips (リリース後・新SDK編)
jumbo_ken
0
5.6k
両OSやるマンという選択
jumbo_ken
9
5.7k
Other Decks in Programming
See All in Programming
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
ぼっちを避けて楽しむためのアノテコノテ / Various Tips and Tricks to Avoid Loneliness and Have Fun
nrslib
3
1.7k
生成AIをkintoneに連携してみた
hideg
0
230
日付と正規化
megmogmog1965
0
140
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
DDDを志して3年経ったら「DDDの皮を被ったクリーンアーキテクチャ」になった話【デブサミ2024夏】
texmeijin
1
620
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
770
APIのない大学ログインWebサービスをWKWebViewとJavaScriptでアプリ化した話
akidon0000
1
330
継続的な活動で築く地方エンジニアの道
myamashii
2
350
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
Featured
See All Featured
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
4 Signs Your Business is Dying
shpigford
178
21k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Speed Design
sergeychernyshev
9
270
The Invisible Side of Design
smashingmag
294
50k
GraphQLとの向き合い方2022年版
quramy
36
13k
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ࣗମͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ৫มΘ͍͚͍ͬͯͯΔͷ͕˕