#author("2026-06-29T14:16:27+09:00","default:member","member") #author("2026-06-29T14:16:49+09:00","default:member","member") *My favorite soup 美味しいスープ料理を紹介するWEBサイト #image(トップ.png) -''宇都宮楓'' -'''Keywords：・・, ・・・, ・・・, ・・・''' -[[相互評価シート>https://docs.google.com/spreadsheets/d/1zu4QFztEFTiCF8m5X3q37SJtOZE2lTFsyjQL4p4EjsM/edit?usp=sharing]] ← ここからコメントをお願いします。 ~ **概要 ***背景と目的 好きなスープ料理をHTMLを使ってWEBサイトを作成する ~ ~ ***成果物の仕様 WEBサイト(4~5ページ程度) ~ ~ ***制作ツール visual studio code ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **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) ~ ~ ~ ~ ~