#author("2026-07-20T13:57:18+09:00","default:member","member") #author("2026-07-20T13:58:39+09:00","default:member","member") *My favorite soup 美味しいスープ料理を紹介するWEBサイト #image(トップ.png) -''宇都宮楓'' -https://utsunomiyak.github.io/soupss/ -相互評価シート ← ご協力ありがとうございました。 ~ **概要 ***背景と目的 実際にHTMLとCSSを使ってwebサイトを作る。自分自身がスープ料理が好きで興味があったためテーマに選びました。 これまで学んできたHTMLとCSSを使って実際にwebサイトを作る。自分自身がスープ料理が好きで興味があったためテーマに選びました。 ~ ~ ***成果物の仕様 WEBサイト(4~5ページ程度) ~ ~ ***制作ツール -visual studio code -Chat GPT -Gemini ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.07.13 -最後の微調整をする ~ ~ ~ **2026.07.06 -ある程度のサイトの形を作る ~ ~ ~ **2026.06.29 ***見出された問題点 -人数分の量も記載する ~ ***好評を得た点 ＞ プロジェクトの特性として -レシピがあるのが良い ~ ~ **2026.06.22 ***今回制作したプロトタイプ #image(サイトマップ.png) サイトマップ #image(ワイヤーフレーム.png) サイトのワイヤーフレーム ~ ***プロトタイプの説明 -サイト構成がトップページ、スープ一覧(＋スープ詳細)、スープの魅力、このサイトについてとなっている -5ページ程度の詳細ページをメインで作る ~ ~ **2026.06.15 ***現状分析 -https://delishkitchen.tv/categories/602 -https://www.kyounoryouri.jp/category/m128 ~ ***課題定義 -1. 美味しそうなスープ料理を探す -2. 見つけた料理を実際に作ってみる -3. WEBサイトにまとめる ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. 美味しそうなスープ料理を探す --いろんなサイトや料理本から探す --美味しそうなスープ料理をリストアップ（3~4品くらい） -2. 材料、作ってる最中の写真を撮る --選んだ料理の作る際に必要な材料の写真を撮る --作っている最中の写真を撮る（工程ごとの写真） -3. visual studio codeを使ってサイトを作る --撮った写真なども使ってサイトにまとめる --わからない際はAIも使用する ~ ~ **2026.06.08 ***テーマ候補 -美味しいスープ料理集 -懐かしいアニメ集 -ジャンル別個人的おすすめの曲集 ~ ***成果物の仕様 -形式：パンフレット webサイト -サイズ：A4 -分量：2~4ページ程度 ~ ***この演習を通して身につけたいスキル -Illustrator -visual studio code (HTML CSS) ~ ~ ~ ~ ~