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

by dinii_otomo

Slide 1

Slide 1 text

10ݸҎ্ͷϓϩμΫτΛ3ਓͷϝϯόʔͰ ϩʔϯνͨ͠diniiͷ։ൃͷཪଆ גࣜձࣾ dinii CTO େ༑Ұथ Qiita Night 202 2 2022/10/21

Slide 2

Slide 2 text

ࣗݾ঺հ ● ࢯ໊ɿେ༑Ұथ (@dinii_k_otomo ) ● ॴଐɿגࣜձࣾ dini i ○ ҿ৯ళͷϞόΠϧΦʔμʔͱPOSͷձࣾͰ͢ɻ ○ ্ཱ͔ͪ͛Β΍͍ͬͯ·͢ɻ ○ ෳ਺ճͷϐϘοτΛܦͯɺϞόΠϧΦʔμʔ & POS Λ։ൃɾӡ༻͍ͯ͠·͢ɻ ● ڵຯؔ৺ɿ ○ ໷ͳ໷ͳμΠχʔՃໍళͰϑϥΠυϙςτͱϏʔϧΛҿΜͰ͍·͢ɻ 2

Slide 3

Slide 3 text

ࠓ೔࿩͢͜ͱ 3 ● ҿ৯ͷΠϯϑϥͱͯ͠ɺଟ͘ͷϓϩμΫτΛ࠷ॳ͔Βඋ͑Δඞཁ͕͋ͬͨ ○ ελʔτΞοϓ্ཱͪ͛ͷϦιʔε͕গͳ͍ঢ়ଶ͔ΒɺͲͷΑ͏ʹ͠ ͯͦΕΛ࣮ݱ͔ͨ͠ʁ

Slide 4

Slide 4 text

ελʔτΞοϓͷ্ཱͪ͛ͱٕज़ 4 ϓϩμΫτ͸େମ͏·͍͔͘ͳ͍ Կ౓΋ࣦഊ͢Δɺվળ͢Δɺͦͷࢼߦճ਺͕উෛ → ͱʹ͔͙͘͢ʹಈ͘΋ͷΛ࡞Γɺͱʹ͔͘ϦϦʔε͠ɺֶͼΛಘΔճ਺͕ॏཁ https://blog.winnonapartners.com/what-is-a-pivot-top-10-best-tech-startup-pivots-case-study/

Slide 5

Slide 5 text

ελʔτΞοϓͷ্ཱͪ͛ͱٕज़ 5 ● dinii Ͱ΋ɺࣗ෼͕͜Ε·Ͱॻ͍͖ͯͨίʔυɾ࡞͖ͬͯͨϓϩμΫτͷ΄ͲΜͲ͕΋͏ͳ͍ɻ ○ ࠓ·Ͱ 4,5ճେ͖͘ϐϘοτ͍ͯ͠Δ 2018೥ 2019೥ 2020೥

Slide 6

Slide 6 text

աڈͷϐϘοτ͔Βͷֶͼ 6 ● ҿ৯ళͷɺ”All in one SaaS” Λఏڙ͍ͯ͘͜͠ͱ ○ ͭ·Γɺҿ৯ళͷӡ༻Λࢧ͑ΔશͯͷϓϩμΫτΛ࣮૷ɾӡ༻͢Δ͜ͱ͕Ωʔͩͬͨ طଘͷҿ৯ళΛ ࢧ͑ΔγεςϜ ۈଵ ٤৯৘ใ ձܭ৘ใ ސ٬৘ใ ධՁ ࡏݿ … ͋ΒΏΔҿ৯ͷ σʔλΛ౷߹ ۈଵ ධՁ ࡏݿ … ٤৯৘ใ ձܭ৘ใ ސ٬৘ใ σʔλ͕෼அ

Slide 7

Slide 7 text

dinii ͷٕज़ελοΫ 7 ʮଟ਺ͷϓϩμΫτʯΛʮগਓ਺ʯͰʮߴ଎ʯ͔ͭʮ҆ఆʯʹ։ൃ͢Δઓུͱͯ͠ͷ TypeScript, React, GraphQL (Hasura) ΁ͷҰۃूத Ϩδ ΩΦεΫ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ ϓϦϯλ࿈ܞ ࣗಈ௼મػ࿈ܞ ϓϦϯλ࿈ܞ LINE Mini App όοΫΤϯυ ৄ͘͠͸ͪ͜Β: https://note.com/dinii/n/n9be778bd7da3

Slide 8

Slide 8 text

dinii ͷٕज़ελοΫͷมભͱࣄۀن໛ 8 ࠓ͜ͷล ࠷ॳ͸͜͏ͩͬͨ ͜ͷล͔Β ϓϩμΫτ૿Ճ

Slide 9

Slide 9 text

ࠓͷӡ༻͍ͯ͠ΔϓϩμΫτ਺ 9 19 packages

Slide 10

Slide 10 text

dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 10 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ΠϯλʔϑΣʔε/αʔϏεΛ ར༻͢ΔϢʔβ͸ଟ͍ ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ΦϖϨʔγϣϯ͸େମҰॹ ίΞͳσʔλ͸΄΅Ұॹ ձܭ৘ใ Ϣʔβ ϓϩμΫτ ΦϖϨʔγϣϯ σʔλ

Slide 11

Slide 11 text

dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 11 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ΠϯλʔϑΣʔε/αʔϏεΛ ར༻͢ΔϢʔβ͸ଟ͍ ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ΦϖϨʔγϣϯ͸େମҰॹ ίΞͳσʔλ͸΄΅Ұॹ ձܭ৘ใ Ϣʔβ ϓϩμΫτ ΦϖϨʔγϣϯ σʔλ ಉ͡Α͏ͳσʔλ΍ϏδωεϩδοΫΛɺ ৭ʑͳΠϯλʔϑΣʔεͰޮ཰తʹ࣮૷͍ͨ͠   (ͨ͘͠ͳΔͩΖ͏)

Slide 12

Slide 12 text

● ༷ʑͳΠϯλʔϑΣʔεͰϩδοΫɾ஌ݟͷ࠶ར༻ੑΛߴΊΔͨΊʹɺ਺͕ଟ͍ϑϩϯτΤϯυʹ༗ རͳશମͷٕज़બఆ dinii ͷϢʔβ/ΠϯλʔϑΣʔε/σʔλͷಛ௃ 12 ϝχϡʔΛऔಘ ஫จ ஫จཤྺͷऔಘ ձܭ ςʔϒϧ৘ใΛऔಘ CMS ςʔϒϧ৘ใ ϝχϡʔ৘ใ ஫จ৘ใ Ϩδ ΩονϯσΟεϓϨΠ μογϡϘʔυ ϋϯσΟ ϞόΠϧΦʔμʔ …. ফඅऀ ϗʔϧελοϑ Ωονϯελοϑ ຊ෦ࣾһ ձܭ৘ใ Hasura / GraphQL όοΫΤϯυ PostgreSQL

Slide 13

Slide 13 text

Α͔ͬͨ͜ͱ / ͏·͍ͬͨ͘͜ͱ 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 ϥΠϒϥϦԽ

Slide 14

Slide 14 text

େมͩͬͨ͜ͱ 14 ● TS ϑϧελοΫਓࡐͷ࠾༻ ○ ಛʹόοΫΤϯυʹ΋ਫ਼௨ͨ͠ํ͸ݱࡏ΋ෆ଍த...ʂʂ ● Node.js / NestJS ͰͷϓϩμΫγϣϯόοΫΤϯυͷӡ༻஌ݟ ○ ಛʹ ORM ͷऔΓѻ͍΍όοΫΤϯυΞʔΩςΫνϟͳͲ͸ɺख୳Γͳ෦෼΋େ͖͔ͬͨɻ ● Hasura ʹΑͬͯϑϩϯτΤϯυͷ։ൃޮ཰͕ඇৗʹ্͕ͬͨҰํͰɺ  Hasura ࣗମͷӡ༻΍Πϯϑϥͷ࠷దԽʹۤઓ ○ ͪ͜Β΋͝ࢀর͍ͩ͘͞: https://speakerdeck.com/dinii_otomo/diniidefalsehasurahuo-yong- li?slide=10 

Slide 15

Slide 15 text

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