【個人開発】あなたのアプリを億事業にする「PitchMe」をリリースしました

![pitchme-banner.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/d3e028f9-28ed-e0cd-ae83-61f5267a5f2a.png)

# はじめに

<h3>こんにちは！！ Watanabe Jin (@Sicut_study)です！</h3>

スタートアップ界隈を盛り上げる **「PitchMe」** というサービスをリリースしました。
このサービスは<font color="red">**たった3日間の開発でリリース**</font>しました。

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">年始から1つ新しいWEBサイトを開設すべく作業を行なった<br><br>トップページがなんとなく完成。<br>このサイトは大きなインパクトを与えられる可能性もあるので、頑張りたい<br><br>個人開発のポイントは早い段階でデプロイして公開すること。ドメインまで設定できたら最後まで続けられる。</p>&mdash; Watanabe Jin (@Sicut_study) <a href="https://twitter.com/Sicut_study/status/1741804554038239518?ref_src=twsrc%5Etfw">January 1, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
作り切ると宣言したのでお正月ではありませんでした

この記事では <font color="blue">**「どんな経験からアイデアを作ったのか」**</font> 、 <font color="blue">**「どうやって3日でリリースしたのか」**</font> 、 <font color="blue">**「PitchMeはどんなサービスなのか」**</font> について紹介していきます。

この記事を読むことで
#### <font color="red">「アイデアをどこから見つけてどのようにユーザーの価値にするのか」
学べるかと思いますので、最後までお付き合いよろしくおねがいします。

# 早く内容を知りたい

動画を見ていただくと今回私が開発した「PitchMe」についてわかるかと思います。
私のプレゼンテーション動画になります。

<iframe width="560" height="315" src="https://www.youtube.com/embed/f1fYYqiqkI8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# 用語の解説

なぜこのサービスを作ったのかの背景を説明するのに用語を知らないと難しいため、
簡単に紹介します。私も実際にスタートアップ関係のシステムを開発して知りました。

### スタートアップ
新規事業を立ち上げる企業や個人のこと

### ピッチ
「短い時間・簡潔な言葉で相手に提案を伝えること」を指し、プレゼンテーションに近い

### ピッチイベント
「ピッチイベント」は「ピッチコンテスト」とも言われます。 一般的にはスタートアップの起業家が投資家などに対して、自社の技術やサービスをプレゼンしたり、ベンチャー支援の企業や投資会社が、スタートアップ企業や起業家個人に対してプレゼンをする機会を提供したりする取り組みのこと

# 困ったから生まれたアイデア

このサービスを作るきっかけになったのは、**スタートアップ関係の開発に参加した**ことがきっかけでした。

私自身が<font color="blue">**起業に挑戦**</font>しており、<font color="blue">**スタートアップとして起業するのは選択肢の1つでした**</font>

#### 「とりあえずピッチイベントに参加してみるか」

11月頃に近々開催されるピッチイベントがまとまっているサイトを探したところ
<font color="gray">(connpassと同じノリ)</font>

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/317a226b-7765-53d2-9d21-b7df9e4f29c0.png)

そのようなまとまっているサイトは<font color="blue">**私が検索したワードではでてきませんでした**</font>

私自身が**欲しい**と感じたので世の中の<font color="blue">**スタートアップを目指す多くの人がほしいと思っているはず。**</font>

#### <font color="red">なら自分が作ってスタートアップ界隈を盛り上げよう

そう考えてプロジェクトが始まりました。

# 想定される問題点を考える

私は<font color="red">**アイデアに対してかなりのこだわりを持っています**</font>

「**ピッチイベントをまとめるサイト**」

これだけでも十分価値がある内容ですが、スタートアップに関係している人がシステムのアイデアを考えたとしたら思いつきそうなアイデアです。
これだけではこのサイトを使いたいと思うような**理由にはなりません**

また、ピッチイベントだけをまとめているなら

<font color="blue">**「メール配信で新着のイベントの通知を受け取れる」**</font>ような仕組みを作ってしまえばわざわざサイトを定期的に見に行く理由がなくなります。

#### <font color="blue">「どうすれば定期的にみたくなるようなサイトになるか？」</font>

ここについて考えることにしました。

# 解決策を考える

そもそも、<font color="red">**「ピッチイベントをオフラインでやる理由があるのか」**</font>を考えてみました。

|オフライン|オンライン|
|---|---|
|熱量が伝わる|いつでも見れる|
|投資家と直接話せる|多くのピッチを見れる|
|一期一会|多くの人にアプローチ可能|
|イベントにいかないと投資が受けれない|世界中の投資家から受けられる可能性|
|ピッチするハードルが高い|気楽にピッチできる|
|登壇しないとつながりがつくりづらい|エンジニアにも参考になる|
||埋もれたアイデアの発掘|

<font color="red">**オフラインもいいが、オンラインのほうがメリットが大きいのでは？**</font>と考えました 
<font color="gray">(具体的なメリットはあとで書きます)</font>

方向性としては

#### <font color="red">日本のスタートアップピッチ専門のYotubeのようなプラットフォーム

というコンセプトが出来上がって、開発を始めることにしました。

# それぞれの役割ごとのメリット

### スタートアップ
ピッチイベントの情報を収集するだけでなく、
自分のサービスを多くの投資家に知ってもらえる。そこから投資の話を受けられる
他のピッチを参考に自分のピッチを作ることも可能

### 投資家
多くのスタートアップのピッチをみることができる(投資先の検討が可能)


### エンジニア
スタートアップが作っているサービスを知ることができ、個人開発に活かせる
個人開発の内容をあげることでスタートアップになれる可能性もある
スタートアップの企業に入りたい人にとってはピッチ動画は判断材料になる


# PitchMe

![pitchme.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/81686c30-afa6-c405-3298-26d779b98b23.png)

https://pitchme.jp


## 機能紹介

### 1. ピッチイベント一覧

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/20e126b5-2262-c87a-f3f7-5f231b5fa616.png)
トップページ

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/c6d76152-8da9-e77b-7d12-b3b380185dc8.png)
イベント一覧

ピッチイベントを一覧表示しています。

https://pitchme.jp/events/

### 2. ピッチイベント詳細

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/aa5b78ed-8be7-cd01-895d-dac25a2e361a.png)



詳細ではイベントの情報や概要が表示されています。
概要はマークダウンに対応しています。
またソース元のリンクに遷移することも可能です。

https://pitchme.jp/events/cm9qcfn1rmv

### 3. プレゼンテーション一覧

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/c19cdd79-2a71-42d9-cad0-33ab9c3093d4.png)

このサービスの根幹的な機能です

https://pitchme.jp/pitch/

### 4. プレゼンテーション詳細

|　　　　　　　　  　　　　　　　　   　　　　　　　　　　　　　　　　　　　　　　　　　|
|:-:|
|![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/f3d5940e-5390-b240-5317-ca94f60f4ef4.png)

ここでは実際にピッチ動画をみることができます。

<iframe width="560" height="315" src="https://www.youtube.com/embed/f1fYYqiqkI8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

https://pitchme.jp/pitch/m19er2krubt

## 技術スタック

開発期間 : 20時間
開発人数 : 1人
フロントエンド : Next.js, TypeScript
API : microCMS
ホスト : Firebase
ライブラリ : Tailwind, react-player, microcms-js-sdk, Swiper

今回はSEO対策でNext.jsで作りました。またAPIは画像なども扱うためMicroCMSを利用しました。
microCMSを使うとバックエンド周りで困ることがないので、すばやく実装ができました。

SSR周りやレスポンシブデザインですこし苦戦したところはありましたが、比較的スムーズに開発が行えてよかったです。

## 今後の展開

イベント一覧は検索フィルターをいれたり、ピッチに関しても検索、上位に特定のプレゼンを表示するなどやりたいです。

あとは多くのサービスが集まるように声がけなども行えたらとは考えています。

# おわりに

今回は今年1つ目の個人開発でした。
このサービスは一般にもリリースしているため今後も運用し続ける予定です。

**もし自分のサービスを紹介してほしいなどあれば以下のフォームからお願いします。**

https://forms.gle/Z72LMz75HnuE7Yay5

ここまで読んでいただけた方は**いいね**と**ストック**よろしくお願いします。
@Sicut_study を**フォロー**いただけるととてもうれしく思います。

今週もプログラミング頑張りましょう！

![jisou-banner.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/810513/217ea52d-8130-3266-0619-990fa968408a.png)

# 2024年個人開発一覧



# おすすめ記事

https://qiita.com/Sicut_study/items/ad49b6beba3c3346b713

https://qiita.com/Sicut_study/items/597a061401600bb07468

# About Me

Webエンジニア転身して1年間本気で勉強
転職ドラフトで高額オファーを複数獲得
そこでの経験からアウトプットやマインドセットの発信に強みがある
エンジニアをやりながら、起業に挑戦中
アイデア作りやパブリックスピーキングを得意としてる

■ Twitter
https://twitter.com/Sicut_study
■ Instagram
https://www.instagram.com/himariajin
■ Youtube
https://www.youtube.com/channel/UCBFrGAJhPuuaoLwUIHBILsA
■ TikTok
https://www.tiktok.com/@sicut_study
■ プログラミングコーチングJISOU
https://projisou.jp
■ 登壇依頼などご依頼はこちらから
himaria.jin.watanabe@gmail.com