Slide 1

Slide 1 text

個人開発サービス「Moyuk」を Product Huntでローンチするまでの道のり @kohii May 11, 2023

Slide 2

Slide 2 text

About Me @kohii Lead Architect at Henry Inc. && Indie Hacker https://github.com/kohii https://twitter.com/kohii00

Slide 3

Slide 3 text

Moyuk Moyuk(https://moyukapp.com/)はツールを作成、管理、共有するためのプ ラットフォームです。TypeScriptで記述された関数を、ブラウザ上で実行できる Appに変換します。

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Tech Stack ● アプリケーション 
 ● TypeScript
 ● React
 ● Next.js (アプリケーションフレームワーク) 
 ● MUI (UI ライブラリ)
 ● tRPC (フロントエンドとバックエンド間のやりとり) 
 ● Prisma (ORM)
 ● インフラ
 ● Vercel
 ● Supabase(DB、認証、ストレージ) 
 ● Cloudflare (Workers、Pages) 
 ● その他
 ● Docusaurus(ドキュメント)
 ● Turborepo(Monorepo)


Slide 9

Slide 9 text

構成

Slide 10

Slide 10 text

開発開始からローンチまでの軌跡

Slide 11

Slide 11 text

作ることを決意(2021年12月) ● 個人開発をやろうと思い立つ ● ストックしていたアイデアから、自分がユーザーになれる もの かつ 面白いものをチョイス ● 完全にアイデアドリブン

Slide 12

Slide 12 text

コンセプト整理(2021年12月) User Statement
 書き方はGitHub Nextのプロジェクトを参考にした 


Slide 13

Slide 13 text

UIデザインも作って友人に壁打ちしてもらう

Slide 14

Slide 14 text

作り始める(2022年1月) ● 時間を確保するために週3社員に (ヘンリーには柔軟な働き方をしている社員が他にもいます。良い会社。) ● コア機能、フロントエンドから開発 ● 何度も心が折れそうになりながら開発を続ける

Slide 15

Slide 15 text

インフラ構築(2022年12月) ● デプロイ先: ○ Vercel: アプリケーション本体 ○ Supabase: DB、認証、ストレージ ○ Cloudflare: Sandbox、ドメイン取得・管理 ● すんなり完了 ● staging、production の2環境 ● 未だに無料枠で収まっている

Slide 16

Slide 16 text

使ってもらう(2023年2月) ● 身近な人に使ってもらいフィードバックを得る ● 󰢏ユーザビリティは問題なし ● 󰢃“強烈なペイン” がないかも ● 😢ChatGPTが出てきてユーティリティ系のツールが欲し いシーンが減りそう

Slide 17

Slide 17 text

LP、Terms、Privacy Policyを作る(2023年2月) ● 間に合わせのLP ○ Notion、Notion Forms、FruitionでWaitlist付きのLP を作る ● Terms、Privacy Policy ○ Terms生成サービス、ChatGPT、Bing Chatを駆使 ○ GDPR難しすぎてギブアップ ● 本リリース用のLPも用意

Slide 18

Slide 18 text

マーケティング的なこと(2023年2〜3月) ● 自分の発信力のなさに愕然 ● 英語で発信するためのTwitterアカウントも作成するが時 既に遅し ○ 同じURLを何度もTweetするとShadowbanされるので 注意 ● Build in publicみたいなの大事

Slide 19

Slide 19 text

Product Hunt へのローンチ準備 (2023年3月下旬〜4月上旬) ● Product Hunt はプロダクト投稿サイト ● 投票によって日毎にランキング

Slide 20

Slide 20 text

Product Hunt への投稿準備 (1/3) ● 公式のガイドに従ってコンテンツを用意 ● コンテンツは英語で書く ○ DeepLやChatGPTを使って捏ねくり回す ○ 最後にネイティブの方にチェックしてもらった ● 日程を決める ○ 流入数で言うと火曜〜金曜がいいらしい ○ 良い順位を取りたいなら土日がライバルが少ない ● レースの開始時刻(日本時間16:01)に投稿されるようにスケジューリング

Slide 21

Slide 21 text

Product Hunt への投稿準備 (2/3) できあがった投稿内容はこんな感じ https://www.producthunt.com/posts/moyuk-beta

Slide 22

Slide 22 text

Product Hunt への投稿準備 (3/3) ● Product HuntでTeaser(予告、チョット見せ)を作る ○ TeaserはComing soonページに一覧表示される ● LPにBadgeを入れる

Slide 23

Slide 23 text

その他ローンチ準備 (1/2) ● Made with Supabaseへの掲載もスケジューリング ○ Supabaseで作られたプロダクトの紹介サイト ○ Product Hunt でのローンチ中に掲載されるようにする

Slide 24

Slide 24 text

その他ローンチ準備 (2/2) ローンチページへの導線として記事を書く ● プロダクト紹介記事(日本語版はnote、英語版はMedium) ○ https://note.com/kohii/n/nb4a696cd73c1 ● 技術解説記事(日本語版はZenn、英語版はdev.to) ○ https://zenn.dev/kohii/articles/6481587ffbfa4d ○ こっちはプチバズってトレンドトップに

Slide 25

Slide 25 text

Product Hunt ローンチ当日(2023年4月10日) ● 日本時間16:01に自動的に投稿されるので、Twitterや各種SNSでシェア ● 用意しておいた記事を投下して宣伝 ● Product Huntでコメントがあったら返信

Slide 26

Slide 26 text

結果 ● 順位は18位 ● 流入元の割合 (感覚): ○ PH内で見つけてくれた人: 7割 ○ Zennの記事から: 1割 ○ Twitterから0.5割 ○ 知人: 1.5割 ● コメントが7件ついて嬉しかった

Slide 27

Slide 27 text

● 影響力・発信力はやっぱり重要 ○ プロダクトそのものの良さと同じくらいそれを多くの人に届けられるのも大 事 ● 小さく始めよう ○ プロダクトがフィードバックに晒されるタイミングをなる早に ● 人間の見積り能力を信じるな ○ 経験上3ヶ月以上の計画はほぼ確実に延びる ● とにかくやってみよう ○ 個人開発なんだし勢い大事 ○ やってみないとわからないこともある Final Thoughts

Slide 28

Slide 28 text

kohii00 Thank you kohii Try Moyuk👇 https://moyukapp.com/