#author("2026-07-22T14:38:58+09:00;2026-07-20T00:28:02+09:00","default:member","member") #author("2026-07-22T14:39:25+09:00;2026-07-20T00:28:02+09:00","default:member","member") *心のリフレッシュガイド ストレスの仕組みと解消法を分かりやすく紹介するwebサイト #image(sitemain.jpg) -''吉松まなみ'' -'''Keywords：ストレス解消法, webデザイン ''' -https://ma7ami.github.io/https-ma7ami.github.io-stress-relief-guide/ -%%相互評価シート%%←ご協力ありがとうございました。 ~ **概要 ***背景と目的 -現代では、多くの人が日常生活の中でストレスを感じている。仕事や学校での人間関係、勉強や仕事による負担、生活環境の変化など、ストレスの原因は人それぞれである。また、ストレスを抱えたまま生活を続けると、心身の不調や生活の質の低下につながることもある。しかし、自分に合ったストレス解消法を知らない人や、どのような方法が自分に適しているのか分からない人も少なくない。そのため、様々なストレス解消法を紹介し、自分に合った方法を見つけてもらうことを目的とする。 ~ ~ ***成果物の仕様 -webサイト(3〜4ページ） |50|50|C |#image(sitemap.png)|#image(wireframe.png)| |サイトマップ|ワイヤーフレーム| ~ ~ ***制作ツール -Visual Studio Code（HTML、CSS） -Chat GPT（メインビジュアル） ~ ~ ~ #hr CENTER:''進捗記録'' #hr ~ **2026.07.20 ***成果報告 -[[心のリフレッシュガイド>https://ma7ami.github.io/https-ma7ami.github.io-stress-relief-guide/]] ~ ~ **2026.07.13 ***作業の記録 -Webサイト制作 -情報収集 ~ ***MEMO（ToDo項目など） -Webサイト完成 ~ **2026.07.06 ***作業の記録 -写真収集 -Webサイト制作 ~ ***MEMO（ToDo項目など） -サイトの骨組みを作る -情報収集 ~ ~ **2026.06.29 ***見出された問題点 -ストレスを抱えている人が多く、すぐに実践できる解消法への需要が高い。 -ストレスの仕組みや原因を分かりやすく説明する必要がある。 -解消法だけでなく、運動や生活習慣など幅広い情報も必要。 -「実際にやってみたい」という声が多いため、具体的で実践しやすい内容を充実させる必要がある。 ~ ***好評を得た点 ＞ プロジェクトの特性として -ストレスの解消法を分かりやすく紹介している点。 -実際に試せそうな内容で、利用者が行動に移しやすいと感じられている。 -「ストレスとは？」など、基礎知識から学べる構成。 -解消法だけでなく、運動など関連する情報も掲載している点。 ~ ~ **2026.06.22 ***今回制作したプロトタイプ -サイトマップ #image(sitemap.png) ~ -ワイヤーフレーム #image(wireframe.png) ~ ***プロトタイプの説明 -ホーム（トップページ）から各項目へ移動できる - ~ ~ **2026.06.15 ***現状分析 -https://miyakoro.com/check/ -https://hokkaido-mc.hosp.go.jp/column/cancer_031.html -https://kokoro.mhlw.go.jp/nowhow/ -https://kokoro.mhlw.go.jp/selfcare/ ~ ***課題定義 -1. ストレスについてどのように分かりやすくまとめるか -2. 様々なストレス解消法を分かりやすく説明する方法 -3.自分のストレス解消法や体験をどのように紹介するか -4.写真やイラストなど情報の収集 ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. ストレスについてどのように分かりやすくまとめるか --「ストレスとは？」→「ストレスがたまると？」→「解消法」 の順番で構成する --イラストや図を使って分かりやすく説明する --難しい言葉を避けて中学生向けの文章にする --ストレスの原因を学校生活などに関連付けて説明する ~ -2. 様々なストレス解消法を分かりやすく説明する方法 --運動、音楽、睡眠、趣味など種類ごとに分ける --写真やイラストを使って紹介する --おすすめポイントを簡潔にまとめる --自分に合う解消法を選びやすくする ~ -3. 自分のストレス解消法や体験をどのように紹介するか --実際に行っているストレス解消法を紹介する --おすすめする理由や効果をまとめる --体験談として分かりやすく伝える ~ -4.写真やイラストなど情報の収集 --ストレス解消法に関する写真を撮影する --フリー素材やイラストを集める --インターネットや本で情報を調べる ~ ~ **2026.06.08 ***テーマ候補 -''ストレス解消方法紹介'' -%%気分別の過ごし方紹介%% ~ ***成果物の仕様 -形式：webサイト ~ ***この演習を通して身につけたいスキル -HTML、CSS ~ ~ ~ ~ ~ ~ ~ ~