Successfully reported this slideshow.
Your SlideShare is downloading. ×

キミスカのフロントエンドを Monorepo化しない話

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 13 Ad

More Related Content

Recently uploaded (20)

Advertisement

キミスカのフロントエンドを Monorepo化しない話

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

×