LogoMark.png

阿南慶子/情報デザイン研究I の変更点


#author("2025-07-29T05:17:59+09:00;2025-07-29T01:41:45+09:00","default:member","member")
#author("2025-07-29T05:18:25+09:00;2025-07-29T01:41:45+09:00","default:member","member")
*Sugar
気分や季節から選ぶお菓子のレシピを紹介するサイト

#image(mainvis.jpg)

-''阿南慶子''
-'''Keywords:sweets, season'''
-https://keikoan0103.github.io/sugar/

~


**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
-このサイトは、ユーザーの「気分」や「季節」、「社会的な出来事」などに合わせて最適なお菓子を提案し、そのレシピを紹介するメディアである。単なるレシピサイトではなく、「今、なぜこのお菓子を食べたいのか?」という感情や社会的背景に寄り添うことで、食を通じた心のケアや文化的なつながりを創出することを目指す。
~

***背景と目的
//&color(red){プロジェクトの背景と目的};

-背景
近年、日常生活の中で「時短」や「効率」が重視される時代にとなっている。お菓子もコンビニやネットで手軽に購入できるようになり、自分で作る機会は減ってきている。一方で、手作りすることで得られる達成感や癒し、自分や誰かを思う時間の価値も見直されている。また、季節や感情に合わせてお菓子を選ぶことは、自分の気持ちと向き合うきっかけにもなると考えた。

-目的
このサイトは、気分や季節、社会的背景に合わせて最適なお菓子とレシピを提案することで、「作ること」の楽しさや心の豊かさを伝えることを目的とする。
作る過程を通して、自分や誰かを大切にする気持ちを感じてもらえるようなサイトを目指した。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-そのときの気持ちや季節、出来事に寄り添って、今の自分にぴったりなお菓子と出会えるレシピサイト
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-webサイト
-サイトマップ・ワイヤーフレーム
|#image(sitemap.jpeg)|#image(wireframe.jpeg)|
-スイーツ種類
#image(type.jpg)
~


***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-Visual Studio Code
-Adobe Illustrator
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
-2025.04.08 - 2025.01.06(通年)
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。中間報告};
-まだ載せるお菓子の数が足りていないため、「作ること」の楽しさや心の豊かさを伝えることはできていない。
既存のレシピサイトと同じ感じでもいいけど、区別化ができる、このサイトの良さが伝わるようなサイト作りをする。
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
[[食と心の関係>https://wellnesslife.co.jp/column/food_3/]]
・甘いものや香ばしい香りのする料理を食べると、「幸せホルモン」が分泌され、気分が良くなる。
・思い出や安心感に満ちた食べ物(例えば、子供の頃によく食べた家庭料理)は、ストレス軽減や心の安定に役立つ。
 

[[SNSとレシピの関係>https://dentsu-ho.com/articles/5953]]

[[料理を趣味にするメリット>https://chefrepi.com/magazine/yamamoto-cooking-column/benefits-of-cooking-as-a-hobby/?srsltid=AfmBOorFIR30MxdL4sTb7JyQQLGTX1KWBQPT8WXSmtGqY4sqWgxm_n4C]]
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
[[心を和らげるムードフード>https://olivenote.jp/23536/]]
[[クックパッド>https://cookpad.com/jp]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
[[visual studio code使い方>https://zenn.dev/umi_mori/books/python-programming/viewer/python-basics-operations]]
[[レシピサイト制作>https://code-jump.com/recipe2-menu/]]
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
-[[工程表>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as003_st_kyusan-u_ac_jp/EULc7uAavJZLnwa4gcZtYwEBp0BPnC54kOWdYV3T2oVZTA?e=ZOn1zr]]
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
・%%ロゴ制作%%
・レシピ制作(お菓子作り、写真撮影)
 %%春%%、夏、秋、冬
 喜、怒、哀、楽
・レシピページにイラストや写真を入れる
・%%ダミーページ作成%%
・%%ロゴを押すとトップページに戻る仕様にする%%

//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
**2025.07.15
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・aboutページに自分の情報を入れた
・全ページに戻るボタンを追加
***学科サイト メインビジュアル変更
~
**2025.07.08
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・トップページのスライド写真の変更
・ダミーページの作成
~
**2025.07.01
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・ロゴクリック追加
~
**2025.06.24
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・ロゴ追加
・メニューバーの変更
・recipe-matcha.html、recipe-strawberry-dounuts.htmlページの追加
~
**2025.06.17
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・joy-sweets.html、anger-sweets.html、sad-sweets.html、fun-sweets.htmlページ  の追加
・写真の追加
~
**2025.06.10
***サイト制作途中
-https://keikoan0103.github.io/sugar/
・フッター固定
・画像の編集

~
**2025.06.03
***サイト制作途中
-https://keikoan0103.github.io/sugar/
***ロゴ完成
#image(sugarr.png)
~
**2025.05.27
***サイト制作途中
-https://keikoan0103.github.io/sugar/
***調査
[[お菓子を作るメリット>https://www.sugar-shack.jp/blog/7449/]]
~
**2025.05.20
***サイト制作途中
-https://keikoan0103.github.io/sugar/
***ロゴ制作途中
https://drive.google.com/file/d/1QlxxBAe534bZh-C9y9beHxK5wgL55AU7/view?usp=drive_link
~
**2025.05.13
***サイト制作途中
-https://keikoan0103.github.io/sugar/
***先行事例の調査
[[心を和らげるムードフード>https://olivenote.jp/23536/]]
[[クックパッド>https://cookpad.com/jp]]
~
**2025.04.29
***サイトマップ
#image(sitemap.jpeg)

来週までに
サイト制作に取り掛かる
ロゴデザイン試作
~
**2025.04.22
***Webの構成
-タイトル Sugar 
--架空のお菓子屋さんのレシピ |言葉から選ぶお菓子
-Top
--感情にもとづく分類
--季節にもとづく分類
--About(このサイトについて)
~

***CI・VIその他
-ロゴのデザイン:Sugar
-アクセスマップ
~

***素材
-実際のケーキづくり>命名
-写真撮影
-商品解説原稿
~

***架空のショップをWebで提案する意義
-
-現実にありえないものの可視化が楽しめる
~
**2025.04.15
***工程表の作成
-[[工程表>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as003_st_kyusan-u_ac_jp/EULc7uAavJZLnwa4gcZtYwEBp0BPnC54kOWdYV3T2oVZTA?e=ZOn1zr]]

~
***テーマ案
-ケーキ×レシピ×web×感情
-ケーキ×レシピ×web×季節
-ケーキ×レシピ×web×食器
~
**2025.04.08
***テーマ案
-ケーキデザインと感情の関係
-アイドルの曲と衣装の関係
-レシピ本のデザイン
~

~
~

~