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コンポーネントを複数リポ で共通化するためにやったこと
Search
RyotaKodaira
January 24, 2018
Programming
0
5.1k
Vueコンポーネントを複数リポ で共通化するためにやったこと
RyotaKodaira
January 24, 2018
Tweet
Share
More Decks by RyotaKodaira
See All by RyotaKodaira
Nuxtでオウンドメディア開発-NuxtMeetup#3
ryotakodaira
0
3k
VueでJSXを使うのはありなのか
ryotakodaira
1
4.4k
Other Decks in Programming
See All in Programming
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
350
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
620
Devvox Belgium - Agentic AI Patterns
kdubois
1
130
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
250
All About Angular's New Signal Forms
manfredsteyer
PRO
0
200
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6.5k
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
870
One Enishi After Another
snoozer05
PRO
0
130
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
770
iOSでSVG画像を扱う
kishikawakatsumi
0
140
Devoxx BE - Local Development in the AI Era
kdubois
0
130
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
6
3.2k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Thoughts on Productivity
jonyablonski
70
4.9k
A Tale of Four Properties
chriscoyier
161
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
920
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
115
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fireside Chat
paigeccino
40
3.7k
Gamification - CAS2011
davidbonilla
81
5.5k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Transcript
7VFίϯϙʔωϯτΛෳϦϙ Ͱڞ௨Խ͢ΔͨΊʹͬͨ͜ͱ 4$065&3 *OD !SZPUBLPEBJSB
ࣗݾհ גࣜձࣾ4$065&3 XFCΤϯδχΞ ਓͷΤϯδχΞ μʔπ͕͖
ਓͰʑͱ࿅शͯ͠·͢ !SZPUBLPEBJSB
4$065&3ΛͬͯΔਓ
$UP#ਓࡐհαʔϏε స৬رͷਓ༑ਓΛ اۀʹհ͠ใुΛಘΒΕΔ
༗ྉ৬ۀհ ਓࡐհձࣾ ϔουϋϯλʔ ࠾༻اۀ ٻ৬ऀ հͯ͠ใुΛಘΔʹ໔ڐ͕ඞཁ ʹ
εΧλʔ ొऀ ࠾༻اۀ ٻ৬ऀ ݸਓ͕հͯ͠ใुΛड͚औΕΔ ʹ
αʔϏεߏ εΧλʔ స৬ऀ ӡӦ ࠾༻اۀ
αʔϏεߏ εΧλʔ స৬ऀ ӡӦ ࠾༻اۀ ༻ٕज़౷Ұ͞Ε͍ͯΔ -BSBWFM? ? 7VFY
αʔϏεߏ ӡӦ ࠾༻اۀ εΧλʔ స৬ऀ
αʔϏεߏ εΧλʔ స৬ऀ ӡӦ ࠾༻اۀ
αʔϏεߏ εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ
ࠓճαʔϏεͰ༻ ͞ΕΔʮٻਓථʯʹ͍ͭͯ
ػೳஔ εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථͷ࡞ɾฤू ٻਓථͷӾཡ
ٻਓථͷݕࡧ ٻਓථͷӾཡ ٻਓථͷ࡞ɾฤू ٻਓථͷݕࡧ ٻਓථͷӾཡ
ػೳஔ εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථͷ࡞ɾฤू ٻਓථͷӾཡ
ٻਓථͷݕࡧ ٻਓථͷӾཡ ٻਓථͷ࡞ɾฤू ٻਓථͷݕࡧ ٻਓථͷӾཡ ઌʹݴ͓ͬͯ͘ͱɺɺɺ ػೳಉ͕ͩ͡ίʔυผʑ
ɹʮٻਓථͷ߲ΛՃ͍ͨ͠ʂʯ ɹʮ0,ʂͰͪΐͬͱ࣌ؒΛ͏Ͷʯ
ɹʮٻਓථͷ߲ΛՃ͍ͨ͠ʂʯ ɹʮ0,ʂͰͪΐͬͱ࣌ؒΛ͏Ͷʯ ιʔε͕ڞ௨Խ͞Ε͍ͯͳͷͰؔ ͢ΔશͯͷαʔϏεΛมߋ͠ͳ͍ͱ ͍͚ͳ͍ ຊ൪%#ʹରͯ͠ϚΠάϨʔγϣϯ ࣮ߦ͠ͳ͖Ό
σʔλߏ KPCTςʔϒϧ JE DSFBUFE@BU UJUMF
DPOUFOU@ DPOUFOU@ DPOUFOU@ σʔλΛԣ࣋ͪͰ อଘ͍ͯ͠ΔͨΊ ΧϥϜΛՃ͢Δ ඞཁ͕͋Δ
σʔλߏ KPCTςʔϒϧ JE DSFBUFE@BU UJUMF
DPOUFOU@ DPOUFOU@ DPOUFOU@ DPOUFOU@ σʔλΛॎ࣋ͪͰ อଘ͍ͯ͠ΔͨΊ ΧϥϜΛՃ͢Δ ඞཁ͕͋Δ ϚΠάϨʔγϣϯ
σʔλΛॎ࣋ͪʹͯ͠ཧը໘͔Β߲ ͷՃΛͰ͖ͨ΄͏͕ྑͦ͞͏ʂʂ
σʔλߏ *E KPC@JE LFZ WBMVF DPOUFOU@ ʮDPOUFOU@ʯͷ༰
DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ *E DSFBUFE@BU UJUMF 4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT KPC@EFUBJMT
σʔλߏ *E DSFBUFE@BU UJUMF 4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT *E
KPC@JE LFZ WBMVF DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ KPC@EFUBJMT KPC@EFUBJMTLFZͷछྨΛ૿͢ ٻਓථͷ߲Λ૿͢ %#ߏΛҙࣝ͢Δ͜ͱͳ͘มߋ͕ग़དྷΔΑ͏ʹ
σʔλߏ *E KPC@JE ,FZ 7BMVF DPOUFOU@ ʮDPOUFOU@ʯͷ༰
DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ DPOUFOU@ ʮDPOUFOU@ʯͷ༰ *E DSFBUFE@BU UJUMF 4$065&3Λ։ൃ͢ΔΤϯδχΞͷืू KPCT KPC@EFUBJMT KPCTςʔϒϧͷ߲࠷খݶʹͯ͠ ٻਓථͷίϯςϯπ ผͷςʔϒϧʹอଘ͢Δ
͜ΕͰσʔλߏมߋʹରԠ͘͢͠ ͳͬͨ ࣍ίʔυଆͷ͓ ϑϩϯτΤϯυʹযΛ͓ͯͯ͠·͢
ϑϩϯτߏ εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ ύοέʔδ ελΠϧΨΠυ ίϯϙʔωϯτू
ϑϩϯτߏ εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ ύοέʔδ ελΠϧΨΠυ ίϯϙʔωϯτू
ࣾͰࣗ࡞͍ͯ͠Δ 7VFίϯϙʔωϯτू
Α͘ΘΕΔίϯϙʔωϯτΛ ࣄલʹ༻ҙ͓͖ͯ͠ɺ TUPSZCPPLͰ֬ೝग़དྷΔΑ͏ʹ͍ͯ͠Δ
TUPSZCPPLͱ
TUPSZCPPLͱ ίϯϙʔωϯτ୯ҐͰ࣮ߦ͢Δ͜ͱͷ Ͱ͖ΔαϯυϘοΫεڥ ͲΜͳίϯϙʔωϯτ͕ϓϩδΣΫτʹ ଘࡏ͍ͯ͠Δͷ͔Λ֬ೝ͢Δ͜ͱ͕Ͱ͖Δ
ϑϩϯτߏ ελΠϧΨΠυ ίϯϙʔωϯτू εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ ύοέʔδ
֤ϓϩδΣΫτͰ ZBSOBEE
ٻਓථύοέʔδͷ४උ 7VFϓϩδΣΫτΛ༻ҙ͢Δ AWVFDMJAͰ࡞͍ͯ͠Βͳ͍ͷΛফ͢ͷ͕͓͢͢Ί TUPSZCPPLͷಋೖ TUPSZCPPLͰ։ൃ͢Δ͜ͱʹΑͬͯΞϓϦέʔγϣϯଆͰ
ஞҰڍಈΛ֬ೝ͠ͳͯ͘ྑ͍ͨΊ։ൃޮ61 ޙʑଞͷΤϯδχΞ͕ίϯϙʔωϯτΛར༻͢Δͱ͖ͷͨ Ίʹίϯϙʔωϯτͷ༷Λ͢͜ͱ͕Ͱ͖Δ
QBDLBHFKTPO ࠷ॳʹݺΕΔ εΫϦϓτΛࢦఆ
JOEFYKT ίϯϙʔωϯτΛ ొ͢Δ
ΞϓϦέʔγϣϯଆ ٻਓύοέʔδΛ ZBSOBEE
ΞϓϦέʔγϣϯଆ ٻਓύοέʔδΛ Πϯϙʔτ Πϯϙʔτͨ͠ ίϯϙʔωϯτΛొ
ΞϓϦέʔγϣϯଆ ίϯϙʔωϯτΛ ݺͼग़͢
ϑϩϯτߏ ελΠϧΨΠυ ίϯϙʔωϯτू εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ ύοέʔδ
εΧλʔ స৬ऀ ࠾༻اۀ ӡӦ ٻਓථ ύοέʔδ ϑϩϯτߏ ελΠϧΨΠυ ίϯϙʔωϯτू
ϓϩδΣΫτຖʹҧ͏Λઃఆ͍ͨ͠
ΞϓϦέʔγϣϯଆ ୈҾʹΦϒδΣΫτΛ ೖΕͯઃఆΛྲྀ͢
ύοέʔδJOEFYKT ୈҾʹΞϓϦέʔγϣϯଆͰ ઃఆ͕ͨ͠ೖͬͯ͘Δ
·ͱΊ 7VFϓϩδΣΫτͰTUPSZCPPLΛ͏͜ͱͰίϯϙʔωϯτ ୯ҐͰͷ։ൃ͕͍ͩͿޮతʹͳΔ ઃఆϑΝΠϧͳͲΛ༻ҙͯ͠ΔͱΞϓϦέʔγϣϯಛ༗ͷ ઃఆΛಡΈࠐΉ͜ͱ͕ग़དྷΔ ͜ΕͰมߋ͕͋ͬͯجຊతʹ͜ͷύοέʔδͷΈΛมߋ
͢Εྑ͍
͍͞͝ʹ 7VFKTΛͬͯ։ൃΛ͍ͨ͠ ϑϩϯτΤϯδχΞΛืू͍ͯ͠·͢ʂ