#author("2026-10-12T13:15:49+09:00","default:member","member") #author("2026-10-12T13:47:24+09:00","default:member","member") *エモカラ! 自身の感情を色で表現するための、Webサイトの制作 メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''Taiga Sarumoto'' -'''Keywords：emotion, color, communication, web''' -[[エモカラ!>https://ts409.github.io/prototype/]] -[[作品概要>https://ksumail-my.sharepoint.com/:f:/g/personal/k24as014_st_kyusan-u_ac_jp/IgAL0Wx4v-R8QK_egLbQCptPAdKhbX_MfVGcINuvtoud6xo?e=PXoxiT]] ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 -背景 周囲とのトラブルや摩擦を避け、安定した人間関係を築くことをマナーとした現代社会において感情表現という行為がタブーになりつつある。 タイパ重視・周囲の目を気にする社会的背景が要因の一つとしてある。 -目的 感情を色で表した作品を作り、共有できる場を作りたい。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト 感情を色で視覚化し、共有する //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 Webサイト //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール VScode Illustrator //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 2026.04.09 - 2026.12.21 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[｢感情ミュート社会｣とは？>https://seikatsusoken.jp/contribution/25537/]] -[[博報堂生活総合研究所｢感情に関する意識調査｣の結果を発表>https://www.hakuhodo.co.jp/news/newsrelease/121534/]] -[[Z世代のアテンション・デトックスに関する調査>http://prtimes.jp/main/html/rd/p/000000403.000033586.html]] -[[SNS疲れのZ世代がAIに逃げ込む理由｜「アテンション・デトックス」時代の新しい心の居場所>https://www.matrixflow.net/case-study/184/]] 感情ミュート社会=普段の生活において様々な感情を表に出さないという現代社会の風潮。(博報堂生活総合研究所による意識調査では約6割が該当) アテンション・デトックス=SNSなどの媒体から距離をおき、自身の感情や感覚を守るための行動。 →特に若者に見られる現象であり、現代社会の新しい常識として定着しつつある。 ーーーーーーーーーーーーーー前期までの調査ーーーーーーーーーーーーーー -[[9割がSNSの利用は「言葉に影響がある」と回答〜令和6年度「国語に関する世論調査」>https://www.koho.or.jp/database/topics/7902/]] -[[「自己顕示欲」とは？ >https://www.hrpro.co.jp/series_detail.php?t_no=4133]] -[[どうしても「自己表現」が苦手な人の特徴とは？>https://oggi.jp/6625141]] 自己表現が苦手な人の特徴＝自分に自信がない・他人への警戒心が強いこと 克服するための手段として絵を描く・文章を書くなどの制作活動が挙げられる。 →自分にあった表現方法を見つけることが重要 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -[[色が持つ心理効果と活用方法>https://kimoto-sbd.co.jp/tsutatsukulab/2018/01/21771/]] -[[色を使った感情表現の方法>https://sunfujiangelart.com/how-to-express-emotions-using-colors/]] -[[色彩心理学における色の意味・効果>https://www.c-c-j.com/course/psychology/colortherapy/column/blog/colortherapy_col07]] -[[【感情の心理学】プルチック感情の輪（基本感情を色で）>https://kirakirarie.info/cocoro/totono/color/colorwheel/]] -[[カラーコミュニケーション>https://www.fukuiku.net/report/group/kyoto/1707.html]] ーーーーーーーーーーーーーー前期までの調査ーーーーーーーーーーーーー -[[【愚痴】自分の気持ちを吐き出すアプリ一覧！>https://applibito.com/guchi-app/]] -[[愚痴サイトいぇる>https://kiiteyo.net/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール #iframe(https://docs.google.com/spreadsheets/d/1V8I8jI8DWqu940cf8Pj3IIF7YB6B5YZR/edit?usp=sharing&ouid=100950854371038825415&rtpof=true&sd=true) __[[全体を見る>https://ksumail-my.sharepoint.com/:x:/g/personal/k24as014_st_kyusan-u_ac_jp/IQBO-IaxXXw2QruaHxtVHyWWAQrefdyqPCFxjtV9j5QwAGE?e=x1DE8v]]__ //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2026.10.12 ***アイデア一覧 -''作品を画像としてエクスポートして共有できるようにする'' -一日の出来事を時系列で並べてカードにする -色で地図を作る -色で答えるクイズ -作品に対して第三者がコメントできる ~ ***サイトマップ・ワイヤーフレーム ***サイトマップ・ワイヤーフレーム・マインドマップ | 50 | 50 |c |#image(sitemap1.png)|#image(wireframe1.png)| #image(figjam.jpg) ~ ~ **2026.10.05 ***テーマ案の調査及び更新 -[[FigJam>https://www.figma.com/board/Q2evuFVtvqfAiwzHnrCbFs/%E7%84%A1%E9%A1%8C?node-id=0-1&t=4dp6Japx7HZ7mtDI-1]](方向性,またはアイデアをまとめる用) -現状調査 --[[9割がSNSの利用は「言葉に影響がある」と回答〜令和6年度「国語に関する世論調査」>https://www.koho.or.jp/database/topics/7902/]] --[[「自己顕示欲」とは？ >https://www.hrpro.co.jp/series_detail.php?t_no=4133]] --[[どうしても「自己表現」が苦手な人の特徴とは？>https://oggi.jp/6625141]] -先行事例 --[[【愚痴】自分の気持ちを吐き出すアプリ一覧！>https://applibito.com/guchi-app/]] --[[愚痴サイトいぇる>https://kiiteyo.net/]] ***自己表現をwebサイトで行なうため →絵を描く・文章を書く・物を作るといった制作活動が可能なサイト ｜色で表現することがテーマの為、絵を描くことが一番適切? ｜その場合サイトにペイント要素を取り入れるべき? ｜サイトに直接制作要素を取り入れるためのコード等はどうすれば? ｜個人での活動に留まる場合も考慮するべき? ~ ~ **2026.09.28 ***テーマ案の調査及び更新 -スケジュールの更新(メインビジュアル制作やアイデア出しなど) -[[FigJam>https://www.figma.com/board/Q2evuFVtvqfAiwzHnrCbFs/%25E7%2584%25A1%25E9%25A1%258C?t=Lo9KAJcXQ0cuH8BU-0]](方向性,またはアイデアをまとめる用)※更新中! ***現在の方向性 前期では‘‘個人”を主体にしていたが、後期では‘‘団体”を主体として展開していく。 方向性に伴う要素・アイデア↓ <自身の感情を色で表現した作品を他者と共有できるようにしたい 幅広く使って欲しい思いもあり、遊び心のある要素を加えたい サイトの完成度を高める為、アニメーションなどを多く取り入れたい。 ~ ~ **2026.09.14 ***前期からの引き継ぎ 後期に向けて様々な要素を追加したサイトを制作 (※作品を制作するにあたっての重要事項) 1.研究によって得られる結果・効果とは何なのかを考えること。 2.既出のものとどのように差別化するのかを念頭に置いておくこと。 3.制作にあたって著作権及びAIの使用について注意すること。 ***後期での研究案 ※念の為事前調査を行なっておく -感情を色によってまとめたWebサイト(前期からの続き) -デジタル社会における様々なあるあるや解決策をまとめたものの制作 -z,αなど様々な世代の関わり方をまとめたものの制作 ~ ~ ~