• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 宇都宮楓/情報デザイン演習IIA_02 へ行く。
  • 1 (2026-06-08 (月) 14:20:30)
  • 2 (2026-06-08 (月) 16:51:04)
  • 3 (2026-06-15 (月) 14:18:17)
  • 4 (2026-06-22 (月) 15:31:42)

---

My favorite soup

美味しいスープ料理を紹介するWEBサイト

• 宇都宮楓
• Keywords：・・, ・・・, ・・・, ・・・
• https://www.example.com

概要

背景と目的

好きなスープ料理をHTMLを使ってWEBサイトを作成する

成果物の仕様

WEBサイト(4~5ページ程度)

制作ツール

visual studio code

---

---

2026.06.22

今回制作したプロトタイプ

サイトマップ

サイトのワイヤーフレーム

プロトタイプの説明

• サイト構成がトップページ、スープ一覧(＋スープ詳細)、スープの魅力、このサイトについてとなっている
• 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)