フロントエンドをMonorepo化しない話

マルチレポのリポジトリをモノレポにしようとしたが、やめました。その主な理由は人員不足です。

Transcript

1. ϑϩϯτΤϯυΛ 
 MonorepoԽ͠ͳ͍࿩ Arcana Meetup No.83 Ryota Kashiwagi
2. ࣗݾ঺հ • ໊͋ͩ • ͔ͬ͠ʔ • ࠷ۙ • ່ͱ͓··͝ͱ͍ͯ͠·͢ • ϝϞΞϓϦ • Apple७ਖ਼ϝϞΞϓϦ • ϦϚΠϯμʔ΋࢖͍ͬͯΔ
3. ϑϩϯτΤϯυͷߏ੒ WEB APP jQueryʢLaravelʣ React NativeΞϓϦ ReactʢҰ෦ʣ
4. ϚϧνϨϙϑϩϯτΤϯυͷ՝୊ • WebʢReact෦ʣͰΞϓϦͷػೳ͕ཉ͍࣌͠ʹೋॏͰ࣮૷͢Δඞཁ͕͋Δ • ڞ௨ԽͰ͖͍ͯͳ͍ • ઃఆϑΝΠϧ΋ʢTypeScriptɺPrettierɺESLintͳͲʣ • packageͷߋ৽͕Ͱ͖͍ͯͳ͍ • ख͕ճΒͳ͍ • graphqlͷεΩʔϚͷߋ৽΋Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ૝
5. ͦ͜ͰMonorepo⚡
6. Monorepoͱ͸ • ୯ҰͷϨϙδτϦͰιʔείʔυΛ؅ཧ͢Δํ๏ • npmͰ؅ཧ͍ͯ͠ΔϑϩϯτΤϯυͷϦϙδτϦΛ·ͱΊΔ WEB APP jQueryʢLaravelʣ React NativeΞϓϦ ReactʢҰ෦ʣ Monorepoʂʂ
7. Monorepoͨ͠ࡍ ͷσΟϨΫτϦߏ੒ ϚϧνϨϙʢࠓͷߏ੒ʣ Monorepo • ϑΥʔϚολʔ΍con f igܥΛϧʔτσΟ ϨΫτϦʹ഑ஔ • αϒσΟϨΫτϦʢappsҎԼʣ͸ base.con f igΛಡΈࠐΉܗʹ͢Δ • appsʹappͱwebͷΞϓϦέʔγϣϯΛ ഑ஔ͢Δ • uiͱnavigation/routing͸ΞϓϦέʔ γϣϯ͝ͱʹ؅ཧ͢Δ • shared͸appͱwebͷڞ௨෦෼Λநग़͠ ഑ஔ͢Δ • ओʹϩδοΫ෦෼ • package.json͸ϧʔτσΟϨΫτϦͰڞ ༗
8. Monorepo͍͍͡ΌΜ👍
9. 🍊ʻjQueryͰ͍͍Μ͡ΌͶ
10. React͔ΒjQueryʹҠߦ͢Δ • ReactΤϯδχΞෆ଍ • զʑ͸PHPerͩ • ৽نొ࿥͚ͩReactͰ؅ཧ͢Δํ͕ίετ • ޙͷ֦ுੑΛؚΊReactΛಋೖ͕ͨ͠ɺݱঢ়ͳͦ͞͏ • αʔϏεΛ࣋ଓՄೳʹ͢Δ • ٕज़తʹνϟϨϯδϯάͳ͜ͱΛ͠ͳ͍ํ͕͍͍ • ҆ఆՔಇୈҰ WEB jQuery ReactʢҰ෦ʣ
11. ϚϧνϨϙϑϩϯτΤϯυͷ՝୊ • WebʢReact෦ʣͰΞϓϦͷػೳ͕ཉ͍࣌͠ʹೋॏͰ࣮૷͢Δඞཁ͕͋Δ • ڞ௨ԽͰ͖͍ͯͳ͍ • ઃఆϑΝΠϧ΋ʢTypeScriptɺPrettierɺESLintͳͲʣ • packageͷߋ৽͕Ͱ͖͍ͯͳ͍ • ख͕ճΒͳ͍ • graphqlͷεΩʔϚͷߋ৽΋Ͱ͖͍ͯͳ͍ • ։ൃମݧ͕ѱ͍ • ݸਓͷײ૝
12. ϚϧνϨϙͰӡ༻͕ϕλʔ
13. ͓ΘΓ