未ログイン状態で閲覧中
  • 投稿日:2026/04/29
  • 更新日:2026/04/29
超便利!月間献立アプリを作ってみた【Claude Code/Cowork】

超便利!月間献立アプリを作ってみた【Claude Code/Cowork】

  • -
  • -
会員ID:w4FctpE4

会員ID:w4FctpE4

この記事は約7分で読めます
要約
ClaudeCodeで「献立作成アプリ」を作成。仕組みも非エンジニアの方にわかるように説明します

私が主催したClaude Codeのオフ会で、「1か月分の献立が自動で表示できるアプリを作りたい」という声が多かったため、作ってみました🙌

https://hiroappdemoserver.org/

今回のアプリは、ある程度ITの知識が必要なため、その点をエンジニアでない方にもわかりやすく解説したいと思います😊

作ったアプリの概要📱

上記のURLをPCまたは携帯から開くと、カレンダーの各日付に
「料理候補」が3つ表示されます。

カレンダー表示.png料理名をクリックすると、
材料や作り方もすぐ確認できます。

レシピ表示.png

本アプリの作成に入る前の前提知識

アプリの構成

本アプリの作成方法を理解するにあたって重要なのが、アプリの構成についてです🤗

キーになってくるのは、サーバー/プログラム/データベースの役割です👍

これは下記図、Aさん・Bさんが唐揚げを買いにいくことをイメージすると、理解しやすいかと思います。

構造説明.pngつまり、

サーバー = プログラム・データを入れるための箱(からあげ屋)

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

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

  • ブックマーク

  • いいね・レビュー

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

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

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

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

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

会員ID:w4FctpE4

投稿者情報

会員ID:w4FctpE4

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません