36
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Reactで10時間で最新マーケティングを手軽に運営するサービスをリリースした

Last updated at Posted at 2024-02-18

おめでとうございます あなたはこの度 INFULUENCERS HOUSEへの参加が決定しました (1).png

はじめに

こんにちは、@Sicut_study(Watanabe Jin)です。
今回はQiita Hackthonで開発をした「InfluencersHouse」というサービスについて紹介していきます。

どのような経緯でシステムを開発したのかという思考についても詳しく紹介しています。

「インフルエンサーディナー」とは?

今回私たちが注目したのは2024年日本でおそらく流行するであろうマーケティング手法である「インフルエンサーディナー」でした。

ハッカソン時点で日本での検索数は過去2年で100回以下、ツイッターでのつぶやきはわずか2件でした。しかし、アメリカでは実際に行われており、大きな成果をあげています。

より詳しいインフルエンサーディナーの内容に関しては以下の動画がものすごく参考になります。

インフルエンサーディナーは簡単に言うとインフルエンサーを10人程度集めてディナーをするイベントを主催するというものです。

発言1つで世の中を変えてしまうインフルエンサーを運営が需要と供給がマッチするようにメンバーを選定して開催することで、イベントで何かがおきるようなきっかけを作るような機会を運営が作ります。

これは世界を変える大きなインパクトに繋がります

実際にアメリカでは「元大統領」「ノーベル賞受賞者」などが参加しています。

運営側はインフルエンサーとのつながりができてマネタイズが可能となっています。

Influencers Houseとは

InfluencersHouse.png

2024年流行するであろう「インフルエンサーディナー」を運営するのにあたって手軽に行えるようなアプリを今回は開発しました。それが「インフルエンサーズハウス」というサービスです。

名前の由来はインフルエンサーディナーが「招待制」ということからクラブハウスを真似てつけました。

システムでできること

インフルエンサーズハウスでは、ディナーに招待されるインフルエンサーが利用する「ユーザー画面」とイベントやユーザーを管理する「管理者画面」があります。

ランディングページ

LPは以下のように手軽なものを作りました。
このサービスがインフルエンサーを対象にしており、一般の方々から検索をされることはほぼないという特徴があるため簡易的なものになっています。

                                           
Peek 2024-02-18 06-32.gif
https://influencers-house.mss-rep.com/

ユーザー画面

ディナーは招待制で、招待があるとメールが送られてきます。

                                           
image.png

リンクを踏むと招待画面が表示されるのでユーザー登録を行います。
インフルエンサーディナーで重要な何が提供できて、何が求められるのかを書く必要が有ります。またこの質問もカスタマイズ可能です。

                                           
Peek 2024-02-18 06-37.gif

ユーザー登録を行うとイベント詳細が表示されます。
参加者は一部情報がマスクにされており、当日までのワクワク感を演出しています。

                                           
Peek 2024-02-18 06-38.gif

管理者画面

管理者画面ではイベントの管理が手軽に行えます。
イベント作成、イベント編集、イベント終了などが行なえます

                                           
Peek 2024-02-18 06-42.gif

技術スタック

開発人数 : 2人 (@maaaashi)
開発時間 : 10時間
開発日数 : 2日

今回はハッカソンということで短時間でリリースまで持っていきました。

構成は以下のようになっています。
構成図.png

  • Next.js
  • TailwindCSS
  • DaisyUI
  • Supabase
  • react-hook-form
  • Vercel

とにかく短時間でリリースをする、インフルエンサーだけしか利用しないためアクセス数の集中などは予想されないことを理由にこのような技術スタックを選びました

開発に関してはほぼ詰まることはなく、スムーズに行うことができました

今後の展開

このサービスには大きな可能性があると思っていますので、引き続き開発をしていきます。

  • 機械学習によるユーザーマッチング
  • SEO対策
  • 実際のイベント運営

などまだまだやるべきことは残っていますが、十分ハッカソンでの開発だけで価値のあるものが提供できたと思っています。

なぜこのアイデアが生まれたのか

今回のハッカソンのテーマは「つながり」でした
そして、たまたま読んでいた以下の本でインフルエンサーディナーが書かれており、それをシステム化しようという流れになりました

どれだけ知識の引き出しがあるかというのは大事だなと実感しました

そして実際のハッカソンではアイデアの方向性が決まったら、エレベーターピッチやマネタイズの方法なども実際煮詰めていきました。

                                           
IMG_8732.jpg
実際に作成したエレベーターピッチ

しかし、これが後にハッカソンで大きな問題へとつながります

詳しくは次回の記事で紹介しますので少々お待ちください。

おわりに

今回はハッカソンで作成した「インフルエンサーズハウス」というサービスについて紹介しました。

今回開発して思ったことは、日頃からアンテナを貼ること、サービスをいち早くリリースすることの大切さでした。

アイデアは色々な情報を引き出せるようにすることで生まれて、そのアイデアをカタチにするのは素早く開発してリリースすることが大切です。アイデアは誰かしら同じことが浮かんでいると思うのが大切で、リリースが早くできるかはサービスの存続にも大きく影響します。

今後もこのサービスは開発予定ですので、もしあなたのところにインフルエンサーディナーの招待があったら、参加お待ちしております

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

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

joinus.png

2024年個人開発一覧

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
■ 体験で学ぶ!JISOU
https://experience-learn.connpass.com/
■ 登壇依頼などお気軽にご連絡ください
himaria.jin.watanabe@gmail.com

参考

36
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
36
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?