#author("2026-05-11T13:42:38+09:00;2026-05-01T16:11:12+09:00","default:member","member") #author("2026-05-21T14:30:51+09:00;2026-05-01T16:11:12+09:00","default:member","member") *Place of belonging Webサイトにおける「滞在の心地よさ」の要素発見と「居場所」としての活用方法の研究 #image(park.jpg) -''Kaede Ochi'' -'''Keywords：Web''' -__[[Googleスプレッドシートへのリンク>https://docs.google.com/spreadsheets/d/1LDesOI6snu7woCRjrchMie6Lnofw50fkJEwhgQcFfq0/edit?usp=sharing]]__ ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 期間｜2026.04.06 - 2027.XX.XX ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 -__[[かくれてしまえばいいのです>https://kakurega.lifelink.or.jp/]]__ 生きるのがしんどいと感じている若者向けのWeb空間。 匿名・無料で24時間いつでも利用することが可能。 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール -__[[スプレットシートへのリンク>https://docs.google.com/spreadsheets/d/1TmBFWeGyLTfH8sNlMr2C70Ksn8oogukINfWX3bUelUc/edit?usp=sharing]]__ //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo 前期 -スケジュール決め --%%ガンチャート作成%% -調査 --調査内容決定 --スプレットシート作成 --調査項目記入 --調査記録整理 --調査結果まとめ -調査報告 --調査記録整理 --レポート作成 --サイト整理 --報告内容まとめ -概要決め --テーマ --コンセプト ~ 後期 -WEBサイト制作 --サイトマップ作成 --ワイヤーフレーム作成 --掲載内容検討・整理 --サイト構築 -報告書 - - //&color(red){やるべきこと（タスク）を箇条書きにします。}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ //**2026.05.22 //***今週の作業 //-調査 //~ //~ **2026.05.14 ***今週の作業 -調査 ~ ~ **2026.05.07 ***今週の作業 -調査 ~ ~ **2026.05.01 ***今週の作業 -%%項目の整理%% -調査 ~ ***調査方法について -サイトに訪れる対象人物が少ない ＞ 限られた人に向けたサイト -項目を見直し --滞在に関わりそうな項目に絞る -新しい項目が出てこなくなったら目安 -キーワード --仮想空間 --「今ここにいる」と感じる --自分がその中（サイト）に現れる --閲覧数が表示されるなど他者の存在を感じる（間接的に） -まとめサイトや受賞作品から探す --__[[SANKOU!Webデザイン制作の参考になる国内のステキなサイト集>https://sankoudesign.com/]]__ --__[[The FWA: Awards>https://thefwa.com/]]__ 媒体やテクノロジーに関わらず、デジタルデザインや開発における先進的なクリエイティビティを評価するアワード --__[[CSS Winner>https://www.csswinner.com/]]__ クリエイティブなWebデザイナー、開発者、および代理店を紹介し、クオリティ・独自性の高いWebサイトを表彰するプラットフォーム --__[[CSS Design Awards>https://www.cssdesignawards.com/]]__ 審査員の評価による WOTD(Website of the Day) と、一般投票と審査員の評価によって決定されるパブリックアワード --__[[AWWWARDS>https://www.awwwards.com/]]__ 世界で最も優れたWebデザイナー、開発者、エージェンシーの才能と努力を評価するアワード ~ ~ **2026.04.24 ***先行調査｜調査 -__[[リラックスできるWebサービス40サイトまとめ>https://pc.mogeringo.com/archives/94088]]__ --音を使用しているサイトがメイン --居場所と音は関係するのか？ -__[[FWA of the Day>https://thefwa.com/]]__ ~ ***気づき｜調査 -居場所を感じないサイト --消費（情報を買う・見る）のためのサイト --サイトに訪れる対象人物が少ない（特定のユーザーのみ需要がある） -居場所を感じるサイト --ユーザーが何かを選択したり、体験したりできるコンテンツがある ~ ***調査方法について -調査項目に変更があった場合は、シートをコピーする（過去の記録を残す -__[[SANKOU!Webデザイン制作の参考になる国内のステキなサイト集>https://sankoudesign.com/]]__ --ここからカテゴリーごとに調査する ~ ***タイトル案｜概要 -「居場所」英語 --Place to be --__Place of belonging__ --Place where I belong ~ ~ **2026.04.17 ***調査キーワード｜調査 キーワードをもとに調査するWEBサイトを絞っていく。 -没入感 -癒し ~ ***居場所の種類｜概要 -一時避難的な場所 -定期的に訪れる場所 -長時間滞在できる場所 -個人的居場所（他者との交流なし） -社会的居場所（他者との交流あり） ~ ***現状調査｜調査 -__[[オンラインを活用した居場所づくりの 取り組みについて/こども家庭庁>https://www.cfa.go.jp/assets/contents/node/basic_page/field_ref_resources/18794c31-ca0c-443a-b2a9-beaf5edd1226/91b485c9/20251016councils-shingikai-kodomo_ibasho-18794c31-06.pdf]]__ -__[[「居場所感」尺度の作成/岡本卓也, 口田江里(信州大学人文学部)>https://www.jstage.jst.go.jp/article/jsre/21/Supplement/21_P20/_article/-char/ja/]]__ ~ ~ **2026.04.10 ***研究計画 -内容 WEBサイトを単なる「情報媒体」としてだけでなく「誰もが訪れることのできる居場所」として捉えるための調査を行う。前学期では、WEBサイトを「居場所」と定義した際、そこで得られる「滞在の心地よさ」を形成する視覚的要素は何か、先行事例を調査する。調査結果・考察をもとに、どのような情報配置やデザインを施すことで「居場所」として活用できるのかを考え、制作するテーマやコンテンツを決定する。後学期では、WEBサイトが「居場所」として活用可能か実際に制作を行う。 ~ ***研究概要 -サブタイトル Webサイトにおける「滞在の心地よさ」の関係要素と「居場所」としての活用方法の研究 ~ ***WEBサイト調査シート -__[[Googleスプレッドシートへのリンク>https://docs.google.com/spreadsheets/d/1LDesOI6snu7woCRjrchMie6Lnofw50fkJEwhgQcFfq0/edit?usp=sharing]]__ ~ ~ **2026.04.06 ***研究課題名 -Webサイトにおける「滞在の心地よさ」の関係要素と「居場所」としての活用方法の研究 ~ ***研究内容 -Webサイトを単なる「情報媒体」としてだけでなく、「誰もが訪れることのできる居場所」として捉えるための調査 -Webサイトを「居場所」と定義した際、そこで得られる「滞在の心地よさ」を形成する視覚的要素は何か ~ ~ ~