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
4.8k
Vueコンポーネントを複数リポ で共通化するためにやったこと
RyotaKodaira
January 24, 2018
Tweet
Share
More Decks by RyotaKodaira
See All by RyotaKodaira
Nuxtでオウンドメディア開発-NuxtMeetup#3
ryotakodaira
0
2.8k
VueでJSXを使うのはありなのか
ryotakodaira
1
4k
Other Decks in Programming
See All in Programming
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
8
2.2k
BuefyのMaintainerを引き継いだ件
kikuomax
0
510
自作ソフト(VMagicMirror)がVRMA対応してる話+実装のTips
bakudreameater
0
110
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
1.1k
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
myzkyy
9
6.4k
Enhancing Applications with Accessibility API
kishikawakatsumi
3
880
DDDはなぜ難しいのか / 良いコードの定義と設計能力の壁
pospome
24
7.3k
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
14
3.2k
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
Open Source Swift Workshop - Foundation and first party libraries
ikesyo
0
180
IntelliJ IDEA を知らなかった 自分に教えたい小ネタ集 / IntelliJ IDEA Hints for My Past Self
mackey0225
3
160
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Web Components: a chance to create the future
zenorocha
304
41k
GitHub's CSS Performance
jonrohan
1023
450k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
Automating Front-end Workflow
addyosmani
1353
200k
The Cult of Friendly URLs
andyhume
72
5.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
Faster Mobile Websites
deanohume
296
30k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
124
32k
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Λͬͯ։ൃΛ͍ͨ͠ ϑϩϯτΤϯδχΞΛืू͍ͯ͠·͢ʂ