80
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【個人開発】SNSでバズる料理を生み出すアプリを作ってみた

Last updated at Posted at 2024-10-13

 
こんにちは、Watanabe Jin(@Sicut_study)です。
 

IMG_4686.png

みなさんはSNSをしていますか?
私は最近X(旧 Twitter)にかなり力を入れており、エンジニアに役立つ情報や勉強法などを毎日発信しています。

そんなXですが、私は 「バズった」 経験がほとんどありません。
 

1度でいいからSNSでバズってみたい!!!

  

 
IMG_4687.png

SNSでバズってみたいという人はおそらく私以外にもいるはず!
そこで今回はエンジニアの技術を総動員して、Xでバズる投稿を作っていきたいと思います。

話題になる投稿の法則

まずは話題になった投稿やいいねが多い投稿を調査します。
ここである程度投稿内容の方向性が決まれば、よりバズりやすい投稿を作ることできる気がします。
 

 
 毎日続く企画はバズりやすいみたいだ

 
IMG_4688.png

 
 人の欲望を刺激するのもありなのか〜
 

奇跡の組み合わせを生み出して SNSでバズれるアプリを作ろう (1).png

 
 
伸びている投稿をみていてとあることに気づきました。

コンビニの商品を組み合わせた料理はけっこうバズっている投稿が多い!!

 
例えばこの動画では「蒙古タンメン中本」×「ご飯」×「金の角煮」でチャーハンを作っています。この背徳感手軽さがバズを生んでいるのだと仮説が立てられました。

料理風景 完成
IMG_4690.png IMG_4692.png

そこで今回は『バズグルメジェネレーター』を作ることに決めました。

このアプリではランダムに食材を組み合わせることで奇跡の組み合わせを生み出せるように実装していきます。

バズグルメ誕生 (1).gif
 
 

また投稿する文章も大切で、読んで「試してみたい!」そう思えるような魅力的な文章を用意する必要があります。

そこで今回はGeminiを活用してプロンプトを用意することで常にクオリティの高い文章が自動で作れるようにしていきます。

まずは方向性が間違っていないか検証

何かサービスを作る上で最も大切なのは、なるべく早い段階で検証するということです。

スタートアップが失敗する理由は、自分たちのプロンプトが求められている幻想を持ってしまうことなのです。しかし、実際に1年掛けて開発したサービスをローンチしたら結局誰も欲しがっていなかったということが起きます。

ということで今回はプロトタイプアプリを作成して、実際にバズりそうなグルメが誕生するのかを確かめていきます。
 

今回使用する技術はこちらです。
なるべく早く開発を進めるために、Reactを選択しています。
 

奇跡の組み合わせを生み出して SNSでバズれるアプリを作ろう (2).png

 

手始めに、「調理方法」×「食材」をランダムで決める簡易アプリを作りました。

バズグルメ誕生 (3).gif

では実際にバズグルメを生み出していきます!

 

IMG_4693.png

今回は「焼く」×「卵かけご飯」となったので実際に調理してきます。

 

食材は「レトルトご飯」と「卵」です。どちらもコンビニで調達できました。
 
IMG_4694.png

 

まずは卵かけご飯を作っていきます。

IMG_4695.png
 

黄金色に輝く最高の卵かけご飯が完成しました。

IMG_4696.png

 
ここで本来なら食べたいところですが、今回はバズグルメを作るために調理してきます。

IMG_4697.png 

 
 
 

果たしてどうなったのか??

⇩⇩⇩

  
 
 

 
 
 
 
 
 
 
 
 
 
 
 
  
IMG_4698.png

なんとチャーハンが完成しました。

しかも、超パラパラの下手したら人生で食べた中で一番美味しいチャーハンになりました。

 

IMG_4699.png

もしこの時代に「チャーハン」が存在していなかったら、確実にバズっていたはずです。

このアプリの実用性がわかったので、本格的にアプリ開発を進めていきます。

本格的に開発スタート

今回作成したリポジトリは以下になります。

今回はより奇跡の組み合わせを生み出すために、調理方法でなく食材3つの組み合わせを表示するようにしました。

バズグルメ誕生 (7).gif

また、Xは投稿文章も大事なので組み合わせから自動で投稿文を作成する機能も作りました。
アプリからそのまま投稿することも可能です。
 
 
それでは実際に 『バズグルメ』 を作っていきましょう。

IMG_4700.png
 

今回は『チーズ』×『麻婆豆腐』×『肉まん』となったので早速料理していきます。
 

今回もコンビニで簡単に食材を手に入れられました。
気軽に作れるということはバズる上でも大切になってきます。

IMG_4701.png
 

肉まんの上の部分をくり抜いていきます。

IMG_4704.png

麻婆豆腐を注ぎます。
肉まんも麻婆豆腐を注がれるとは思ってもいなかったでしょう。

IMG_4705.png
 
さけるチーズをいい感じに割いて載せていきます。
ちなみにさけるチーズは元々ストロングチーズという名前だったのですが、今の「さけるチーズ」に変えたことで売上がかなり上がったみたいです。

IMG_4706.png

 
オーブンでカリカリになるまで焼いてきます。

IMG_4703.png
 
 

 
チーズマーボー肉まんの完成です。
 
 

 
IMG_4602 (1).jpg

見た目からして絶対に美味しい料理ができてしまいました。
実際に食べていきましょう!果たしてお味は??
 

 
お世辞抜けで本当に美味しい!早く商品化してほしいレベルの料理が生まれてしまいました
 
 
 
IMG_4707.png

外はカリカリで香ばしく、中は麻婆豆腐と肉まんの肉が絡まって旨味の強い麻婆豆腐になっています。麻婆豆腐にチーズが加わることでマイルドになって辛いのが苦手でも食べる味になっています。

これは絶対バズ。確信に思いました。

いざバズる投稿をしてみる

それでは、今回撮影した写真とGeminiが生成してくれる投稿文でポストしてみます!
 

 

こんな感じに投稿してみました。
それでは1日投稿が伸びるかを待ってみます。

 
 

image.png
 
 

1日経ったので投稿を見てみます。

 

 
image.png

176Views 1いいね

しかも貴重な1いいねは友達がお情けでくれたものでした。

今回はこのアプリでバズることはできませんでした。
しかし、美味しい料理はできたので継続していけばおそらくバズることはできるはずです。

投稿はまだありますので、よかったらいいねしていただけたら嬉しいです。

今回作成したプログラムはReact初心者でも簡単にできるテーマとなっています。
Reactで実践的なアプリを作りたい方はぜひとも参考に同じアプリを実装してみてください!
 

楽しんでプログラミングをするのも大切です!

おわりに

エンジニアスキルを使って作りたいものを作って楽しむ動画を作っています。よかったらYoutubeにも遊びに来てください!

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

また明日の記事でお会いしましょう!

JISOUのメンバー募集中!

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか?

興味のある方は、ぜひホームページからお気軽にご連絡ください!
▼▼▼

他のブログ記事はこちら

80
28
1

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
80
28

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?