未ログイン状態で閲覧中
  • 投稿日:2026/04/22
  • 更新日:2026/04/22
Claude codeでレシピ作成✨️苦手な料理がラクに!

Claude codeでレシピ作成✨️苦手な料理がラクに!

会員ID:CSsemOFD

会員ID:CSsemOFD

この記事は約6分で読めます
要約
料理が苦手でプログラミング知識もゼロの私が、Claude Codeを使って食材の写真からレシピを提案してくれるアプリを作りました!食材認識・アレルギー対応・完成料理の画像生成まで全部自動化!

【こんなものまで作れる?!】写真を撮るだけでレシピが出てくるアプリ🍳✨

冷蔵庫を開けて「今日、何作ろう…」とため息をついたことありませんか?🥲

私もまさにそのひとりで、毎日の献立を考えるのがプチストレスでした😵‍💫 そこで思い切って、食材の写真を撮るだけでレシピを提案してくれるアプリを作ってみました!

しかも私、エンジニアではありません。普通の会社員です🙋‍♀️ AIに「こんなの作りたい」と伝えながら、対話で少しずつ作り上げました。

この記事では、アプリの紹介と、非エンジニアがAIでモノづくりするコツをまとめてシェアします✨

使ったツール・技術

Claude Code(AI) → アプリ全体のコードを作成・修正

HTML/JavaScript → アプリの中身(Claude Codeが書いてくれた)(無料)

Google Gemini API → 食材の認識・レシピ生成・完成画像生成(無料枠)

Vercel → ブラウザで開くだけで使える公開サーバー(無料)

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:CSsemOFD

投稿者情報

会員ID:CSsemOFD

パンダ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(4
  • 会員ID:eylSZH7f
    会員ID:eylSZH7f
    2026/04/22

    YUKAさんのレシピアプリ、とっても魅力的ですね!✨私もClaudeで自動化を進めていますが、日常の言葉だけでAPI連携や多言語対応まで形にしてしまう活用法は、非エンジニアの私にとってすごく希望になりました💻

    会員ID:CSsemOFD

    投稿者

    2026/04/25

    ソラシバさん!レビューありがとうございます😄 claudeさんに思っていること聞いちゃえばいいものたくさん出来上がります! たくさん使って、たくさん自動化にしていきましょ☺️

    会員ID:CSsemOFD

    投稿者

  • 会員ID:GUR6qI6J
    会員ID:GUR6qI6J
    2026/04/22

    とても読みやすく分かりやすい記事で、あっという間に読み終えてしまいました。😆 ぜひ使ってみたいと思います!😊

    会員ID:CSsemOFD

    投稿者

    2026/04/25

    やきいもさん!レビューありがとうございます😄 ありがとうございます☺️ ぜひ使って楽しんでください!!

    会員ID:CSsemOFD

    投稿者

  • 会員ID:ig8n2zHG
    会員ID:ig8n2zHG
    2026/04/22

    クロコちゃんの活用事例を教えて下さりありがとうございます😊 料理は苦手でいつも検索するのですが、食材の写真で料理を提案してくれるなんてすごい!となりました✨

    会員ID:CSsemOFD

    投稿者

    2026/04/25

    さらさん!レビューありがとうございます😄 この写真もAIで作ってもらってます!ぜひ試してください!

    会員ID:CSsemOFD

    投稿者