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
Reading Rails 1.0 Source Code
okuramasafumi
0
240
🔨 小さなビルドシステムを作る
momeemt
4
680
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
170
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
2
250
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
Deep Dive into Kotlin Flow
jmatsu
1
350
より安全で効率的な Go コードへ: Protocol Buffers Opaque API の導入
shwatanap
1
190
testingを眺める
matumoto
1
140
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
1.9k
概念モデル→論理モデルで気をつけていること
sunnyone
2
280
そのAPI、誰のため? Androidライブラリ設計における利用者目線の実践テクニック
mkeeda
2
1.3k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Building an army of robots
kneath
306
46k
Context Engineering - Making Every Token Count
addyosmani
3
51
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Visualization
eitanlees
148
16k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
What's in a price? How to price your products and services
michaelherold
246
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Cult of Friendly URLs
andyhume
79
6.6k
Balancing Empowerment & Direction
lara
3
620
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Λͬͯ։ൃΛ͍ͨ͠ ϑϩϯτΤϯδχΞΛืू͍ͯ͠·͢ʂ