10個以上のプロダクトを3人のメンバーでローンチしたdiniiの開発の裏側

Qiita Night フロントエンド 2022/10/21 開催の登壇資料となります。

Transcript

1. 10ݸҎ্ͷϓϩμΫτΛ3ਓͷϝϯόʔͰ ϩʔϯνͨ͠diniiͷ։ൃͷཪଆ גࣜձࣾ dinii CTO େ༑Ұथ Qiita Night 202 2 2022/10/21
2. ࣗݾ঺հ • ࢯ໊ɿେ༑Ұथ (@dinii_k_otomo ) • ॴଐɿגࣜձࣾ dini i ◦ ҿ৯ళͷϞόΠϧΦʔμʔͱPOSͷձࣾͰ͢ɻ ◦ ্ཱ͔ͪ͛Β΍͍ͬͯ·͢ɻ ◦ ෳ਺ճͷϐϘοτΛܦͯɺϞόΠϧΦʔμʔ & POS Λ։ൃɾӡ༻͍ͯ͠·͢ɻ • ڵຯؔ৺ɿ ◦ ໷ͳ໷ͳμΠχʔՃໍళͰϑϥΠυϙςτͱϏʔϧΛҿΜͰ͍·͢ɻ 2
3. ࠓ೔࿩͢͜ͱ 3 • ҿ৯ͷΠϯϑϥͱͯ͠ɺଟ͘ͷϓϩμΫτΛ࠷ॳ͔Βඋ͑Δඞཁ͕͋ͬͨ ◦ ελʔτΞοϓ্ཱͪ͛ͷϦιʔε͕গͳ͍ঢ়ଶ͔ΒɺͲͷΑ͏ʹ͠ ͯͦΕΛ࣮ݱ͔ͨ͠ʁ
4. ελʔτΞοϓͷ্ཱͪ͛ͱٕज़ 4 ϓϩμΫτ͸େମ͏·͍͔͘ͳ͍ Կ౓΋ࣦഊ͢Δɺվળ͢Δɺͦͷࢼߦճ਺͕উෛ → ͱʹ͔͙͘͢ʹಈ͘΋ͷΛ࡞Γɺͱʹ͔͘ϦϦʔε͠ɺֶͼΛಘΔճ਺͕ॏཁ https://blog.winnonapartners.com/what-is-a-pivot-top-10-best-tech-startup-pivots-case-study/
5. ελʔτΞοϓͷ্ཱͪ͛ͱٕज़ 5 • dinii Ͱ΋ɺࣗ෼͕͜Ε·Ͱॻ͍͖ͯͨίʔυɾ࡞͖ͬͯͨϓϩμΫτͷ΄ͲΜͲ͕΋͏ͳ͍ɻ ◦ ࠓ·Ͱ 4,5ճେ͖͘ϐϘοτ͍ͯ͠Δ 2018೥ 2019೥ 2020೥
6. աڈͷϐϘοτ͔Βͷֶͼ 6 • ҿ৯ళͷɺ”All in one SaaS” Λఏڙ͍ͯ͘͜͠ͱ ◦ ͭ·Γɺҿ৯ళͷӡ༻Λࢧ͑ΔશͯͷϓϩμΫτΛ࣮૷ɾӡ༻͢Δ͜ͱ͕Ωʔͩͬͨ طଘͷҿ৯ళΛ ࢧ͑ΔγεςϜ ۈଵ ٤৯৘ใ ձܭ৘ใ ސ٬৘ใ ධՁ ࡏݿ … ͋ΒΏΔҿ৯ͷ σʔλΛ౷߹ ۈଵ ධՁ ࡏݿ … ٤৯৘ใ ձܭ৘ใ ސ٬৘ใ σʔλ͕෼அ
7. dinii ͷٕज़ελοΫ 7 ʮଟ਺ͷϓϩμΫτʯΛʮগਓ਺ʯͰʮߴ଎ʯ͔ͭʮ҆ఆʯʹ։ൃ͢Δઓུͱͯ͠ͷ TypeScript, React, GraphQL (Hasura) ΁ͷҰۃूத Ϩδ ΩΦεΫ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ ϓϦϯλ࿈ܞ ࣗಈ௼મػ࿈ܞ ϓϦϯλ࿈ܞ LINE Mini App όοΫΤϯυ ৄ͘͠͸ͪ͜Β: https://note.com/dinii/n/n9be778bd7da3
8. dinii ͷٕज़ελοΫͷมભͱࣄۀن໛ 8 ࠓ͜ͷล ࠷ॳ͸͜͏ͩͬͨ ͜ͷล͔Β ϓϩμΫτ૿Ճ
9. ࠓͷӡ༻͍ͯ͠ΔϓϩμΫτ਺ 9 19 packages
10. dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 10 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ΠϯλʔϑΣʔε/αʔϏεΛ ར༻͢ΔϢʔβ͸ଟ͍ ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ΦϖϨʔγϣϯ͸େମҰॹ ίΞͳσʔλ͸΄΅Ұॹ ձܭ৘ใ Ϣʔβ ϓϩμΫτ ΦϖϨʔγϣϯ σʔλ
11. dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 11 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ΠϯλʔϑΣʔε/αʔϏεΛ ར༻͢ΔϢʔβ͸ଟ͍ ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ΦϖϨʔγϣϯ͸େମҰॹ ίΞͳσʔλ͸΄΅Ұॹ ձܭ৘ใ Ϣʔβ ϓϩμΫτ ΦϖϨʔγϣϯ σʔλ ಉ͡Α͏ͳσʔλ΍ϏδωεϩδοΫΛɺ ৭ʑͳΠϯλʔϑΣʔεͰޮ཰తʹ࣮૷͍ͨ͠ 
 (ͨ͘͠ͳΔͩΖ͏)
12. • ༷ʑͳΠϯλʔϑΣʔεͰϩδοΫɾ஌ݟͷ࠶ར༻ੑΛߴΊΔͨΊʹɺ਺͕ଟ͍ϑϩϯτΤϯυʹ༗ རͳશମͷٕज़બఆ dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 12 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ձܭ৘ใ Hasura / GraphQL όοΫΤϯυ PostgreSQL
13. Α͔ͬͨ͜ͱ / ͏·͍ͬͨ͘͜ͱ 13 • ։ൃऀͷٕज़తͳίϯςΩετεΠον͕࠷খʹ཈͑ΒΕΔ ◦ গਓ਺Ͱ΋࠷େޮ཰Ͱ։ൃʂʂ্ཱͪ͛࣌͸3ਓͰ12 packages Λ։ൃɾӡ༻ɻ 2020/10- 2021/04- 2021/10- 2022/04- 6ϲ݄σϓϩΠճ਺ 477 932 1076 992 giniʢ։ൃ҆ఆ౓ʣ 0.50 0.51 0.57 0.40 ϓϩμΫτ਺(#packages) 12 15 15 19 ܭଌͷࢀߟ: https://qiita.com/hirokidaichi/items/ceece347f808cc9d14dd#%E6%B4%BB%E7%94%A8%E3%81%B8%E3%81%AE%E6%9C%9F%E5%BE%85 • αʔϏεॳظ͔Βଟ͘ͷϓϩμΫτͷ։ൃӡ༻Λଓ͚͍ͯΔ͕ɺ҆ఆతͳ։ൃΛҡ࣋ • ౷Ұ͞Εٕͨज़ελοΫͷͨΊɺڞ௨ϩδοΫ͸಺੡ͷ JS ϥΠϒϥϦԽ
14. େมͩͬͨ͜ͱ 14 • TS ϑϧελοΫਓࡐͷ࠾༻ ◦ ಛʹόοΫΤϯυʹ΋ਫ਼௨ͨ͠ํ͸ݱࡏ΋ෆ଍த...ʂʂ • Node.js / NestJS ͰͷϓϩμΫγϣϯόοΫΤϯυͷӡ༻஌ݟ ◦ ಛʹ ORM ͷऔΓѻ͍΍όοΫΤϯυΞʔΩςΫνϟͳͲ͸ɺख୳Γͳ෦෼΋େ͖͔ͬͨɻ • Hasura ʹΑͬͯϑϩϯτΤϯυͷ։ൃޮ཰͕ඇৗʹ্͕ͬͨҰํͰɺ
 Hasura ࣗମͷӡ༻΍Πϯϑϥͷ࠷దԽʹۤઓ ◦ ͪ͜Β΋͝ࢀর͍ͩ͘͞: https://speakerdeck.com/dinii_otomo/diniidefalsehasurahuo-yong- li?slide=10

15. ·ͱΊ 15 • ϓϩμΫτ͕ଟ͍/ϩδοΫ͕͍ۙ͠ͱ͍͏Ϗδωεཁٻʹରͯ͠ɺٯࢉٕͨ͠ज़બఆͰ৐Γ੾ͬͨ ◦ dinii ͷ৔߹ɺ௕͘ҿ৯υϝΠϯͰ 0→1 Λ΍͍ͬͯͨͷͰɺଟϓϩμΫτͷߏ૝ͱॏཁੑΛεέʔϧલʹ ࡯஌Ͱ͖ͨ͜ͱ͕޾ӡͩͬͨɻ ◦ ʮ͜͜࡞Βͳͯ͘ྑ͘ͳ͍ʁʯ͸ɺେ఍ׂͱ͙͢ʹ࡞Β͟ΔΛಘͳ͔ͬͨɻɻɻ • શϓϩμΫτͰڞ௨ͷٕज़બఆ/ΞʔΩςΫνϟͷͨΊɺνʔϜ಺ͷφϨοδγΣΞ͕ଅਐ ◦ શһϑϧελοΫԽ͠΍͍ٕ͢ज़؀ڥͰ։ൃΛଓ͚ΒΕ͍ͯΔ → αʔϏεͷॳظ͔Βଟ਺ͷϓϩμΫτΛܧଓతʹఏڙ͠ଓ͚ΒΕ͍ͯΔ