#author("2026-05-21T11:38:20+09:00;2026-05-21T11:14:52+09:00","default:member","member") #author("2026-05-24T15:57:57+09:00","default:member","member") // &color(#52663D){&scale(80){➚};}; [[link>aaaaa]] //&color(#4D3D32){aaaaa}; *&color(#4D3D32){Noisy Talent}; ADHDの「見えない良い面」を可視化する。Noisy Talent = ノイズの才能 #image(mainvisual02.png,CENTER,80%) -''佐々木 陽菜'' -'''Keywords：ADHD, Developmental Disorder, Web, Interactive''' ~ &color(#ff4500){''アンケートのご協力お願いします！''}; #image(questionary.png,LEFT,10%) &color(#52663D){&scale(80){➚};}; [[アンケート ( Google Form )>https://forms.gle/gCeumWctD6iZHATu9]] #clear ~ &color(#52663D){''中間審査資料について''}; 中間発表資料は【 [[こちら>https://design.kyusan-u.ac.jp/socialdesign/?plugin=attach&pcmd=open&file=infodesign1_presen.pdf&refer=%E4%BD%90%E3%80%85%E6%9C%A8%E9%99%BD%E8%8F%9C%2F%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]] 】 ~ &color(#52663D){''中間審査の感想やご意見について【5/22 Fri 23:59まで】''}; &color(#52663D){&scale(80){※ nameはニックネーム可};}; #comment(below) - aaaa sasaki ｜ &new{2026-05-21 (木) 11:14:52}; - aaaa sasaki ｜ &new{2026-05-21 (木) 11:08:09}; ~ //-https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ //これは何か・・を簡潔に 大学生（価値観形成期）*を主要ターゲットに、発達障害ADHDの理解を"深める"プロジェクト &scale(80){＊価値観形成期は高校生〜大学生の年代。期間が限られていて規模を大きくしづらいため大学生に限定。}; ~ ***背景と目的 //プロジェクトの背景と目的 ネガティブな説明をされ、その印象がつけられるADHD。 トーマス・エジソンやアインシュタイン、レオナルド・ダ・ヴィンチ、織田信長、坂本龍馬がその特性を持っていたと言われているのを知っている人はどれくらいいますか？ ADHDは悪い特性ばかりではない。 良い特性が隠れている（隠されている？）社会の構造と、悪い面だけに注目してADHDを自称する人。ADHDを抱える人にとっては苦しいことです。 小学生でADHDと診断され生きてきた私が、社会に向けてADHDを正しく知ってもらうためのプロジェクト。 そして、ADHDを抱える人が少しでもADHDという特性を好きになれるためのプロジェクト。 ~ ***コンセプト //基本的な考え方、枠組み、視点など ADHDの特性は武器になる。 ~ ***成果物の仕様 //成果物の形式・サイズ・時間尺等 Webサイト（インタラクティブ） ~ //***メンバー //共同プロジェクトの場合のみ｜メンバーと役割分担を明記 //~ ***制作ツール //使用するツール｜ハードウエア・ソフトウエア -Figma &scale(80){ - サイトマップ/ワイヤーフレーム（試作）作成で使用}; -Adobe Illustrator &scale(80){ - メインビジュアル作成で使用}; -Blender &scale(80){ - サイト内コンテンツ作成で使用}; -Visual Studio Code ( HTML, CSS, JavaScript ) &scale(80){ - Webの実装で使用}; ~ ***プロジェクトの期間 //プロジェクトの期間｜2026.04.09 - 20XX.XX.XX 2026.04.09 - 20XX.XX.XX ※プロジェクトの期間は後期までを予定。もしくは卒業研究まで。 &scale(80){卒業研究までの場合、ターゲットは「高校生〜大学生（価値観形成期）」に拡大させる予定。}; ~ ***まとめ //プロジェクトが完結したら「まとめ」を記載して下さい。 （未記入） ~ ~ **調査 ***現状調査 //プロジェクトのテーマに関わる社会の現状と問題の洗い出し -文章が多く、視覚的/直感的に分かるサイトは少ない -ADHDで困ること（ネガティブ）が優先に書かれている印象 &color(#52663D){&scale(80){➚};}; [[知って向き合うADHD>https://www.takeda.co.jp/patients/adhd/parents/adhd-about.html]] &color(#52663D){&scale(80){➚};}; [[特徴や治療の必要性など>https://ims.gr.jp/smileclinic-imstokyo/column/240906.html]] &color(#52663D){&scale(80){➚};}; [[ADHDとは？子どもの注意欠陥・多動性の特徴と小児科医の視点>https://hamacoco.jp/adhd/]] &color(#52663D){&scale(80){➚};}; [[ADHD>https://yokohama-mental-clinic.jp/menu/developmental-disorders/adhd/]] &color(#52663D){&scale(80){➚};}; [[大人のADHDとは？障害年金請求のポイントを解説>https://sr-yuuki.com/blog/adhd/]] ~ ***先行事例 //プロジェクトのテーマに該当する先行事例の紹介、傾向分析など -文字での説明/解説が多く、直感的にわかりにくい &color(#52663D){&scale(80){➚};}; [[ADHDの特性をメリットと捉える思考>https://neuro-diversity.biz/blog/blog_250801.html]] &color(#52663D){&scale(80){➚};}; [[発達障害の特性は強みにもなる>https://adds.or.jp/sodan/post-16261/]] &color(#52663D){&scale(80){➚};}; [[【ADHD (注意欠如 • 多動症)とは?】ADHDの長所や向いている職業を紹介>https://succ-syurou.com/article/adhd/]] &color(#52663D){&scale(80){➚};}; [[ADHDとは？特徴や原因、チェックリストをご紹介>https://junior.litalico.jp/about/hattatsu/adhd/]] ~ ***技法・技術情報 //プロジェクトの遂行に必要な技法・技術に関する調査 &color(#52663D){&scale(80){➚};}; [[<model-viewer> >https://modelviewer.dev/]] ~ ~ **プロジェクト管理 ***スケジュール //計画的な遂行のために、進行管理表を作成してリンクして下さい。 #image(chart01.png) ~ ***ToDo //やるべきこと（タスク）を箇条書きにします。 //完了後は「%%取り消し線%%」あるいは「// コメントアウト」 -テーマ設定 --%%案出し%% --%%テーマ決定%% -情報収集 --アンケートによる意識調査&color(#ff4500){'' now!!''}; -制作① --%%Figmaにてデザインの制作%% --「見る」セクションのインタラクティブ性のある視覚的3DCGグラフィック制作 --VS codeにて実装 -検証① --情報収集時のアンケートと同じもので意識調査 -まとめ① --アンケートを比較し意識の変化をまとめ、成果物のWebに追記する -課題の洗い出し --「どうすればより意識を変えられたか？」 -制作② --制作①のブラッシュアップ --（仮）映像制作 --（仮）グラフィック制作 --（仮）インタラクティブ制作 -検証② --情報収集時のアンケートと同じもので意識調査 -まとめ② --アンケートを比較し意識の変化をまとめ、成果物のWebに追記する //***NotToDo //やらないこと：何をするかではなく「何をしないか」を考える //例：10人以上の会議には出ない。苦手なことは誰かに頼む・・ ~ ~ #hr CENTER:''進捗記録'' //最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。 #hr ~ ~ **2026.05.21 ***「見る」セクションの3DCG制作 -ラフ ~ ***中間審査 発表終了後対応 -ページトップから「試作について」「ターゲット/プロジェクト期間について」を削除。 -ワイヤーフレーム ( Figma ) の公開 &scale(80){リンク先がログイン必須になっていた不備に対応しました}; &color(#52663D){&scale(80){➚};}; [[ワイヤーフレーム ( Figma )>https://www.figma.com/proto/dFPd1gpFl9EAXoxgqoupMZ/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0_%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?node-id=4-154&t=8sbhPYmxsK2caS5e-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1]] &color(#52663D){&scale(80){➚};}; [[ワイヤーフレーム ( Figmaプレビュー )>https://www.figma.com/design/dFPd1gpFl9EAXoxgqoupMZ/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0_%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?node-id=0-1&p=f&t=cHvH44YTXER8FT6l-0]] ~ ~ **2026.05.14 ***中間審査 発表準備 -ページトップに「アンケート」「中間審査資料について」「中間審査の感想やご意見について」「試作について」「ターゲット/プロジェクト期間について」を追記。 -中間審査資料（スライド）の作成 中間発表資料は【 [[こちら>https://design.kyusan-u.ac.jp/socialdesign/?plugin=attach&pcmd=open&file=infodesign1_presen.pdf&refer=%E4%BD%90%E3%80%85%E6%9C%A8%E9%99%BD%E8%8F%9C%2F%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6I]] 】 ~ ***アンケート作成/集計開始 -Google Form ~ ***サイトマップ/ワイヤーフレーム作成 |20|10|70|c |#image(sitemap.png,100%)||#image(wireframe.png,100%)| &color(#52663D){&scale(80){➚};}; [[ワイヤーフレーム ( Figma )>https://www.figma.com/proto/dFPd1gpFl9EAXoxgqoupMZ/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0_%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?node-id=4-154&t=8sbhPYmxsK2caS5e-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1]] &color(#52663D){&scale(80){➚};}; [[ワイヤーフレーム ( Figmaプレビュー )>https://www.figma.com/design/dFPd1gpFl9EAXoxgqoupMZ/%E6%83%85%E5%A0%B1%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%A0%94%E7%A9%B6%E2%85%A0_%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?node-id=0-1&p=f&t=cHvH44YTXER8FT6l-0]] ~ ~ **2026.05.07 ***現状調査と先行事例 全体的な傾向 -文章が多く、視覚的/直感的に分かるサイトは少ない -ADHDで困ること（ネガティブ）が優先に書かれている印象 &color(#52663D){&scale(80){➚};}; [[知って向き合うADHD>https://www.takeda.co.jp/patients/adhd/parents/adhd-about.html]] &color(#52663D){&scale(80){➚};}; [[特徴や治療の必要性など>https://ims.gr.jp/smileclinic-imstokyo/column/240906.html]] &color(#52663D){&scale(80){➚};}; [[ADHDとは？子どもの注意欠陥・多動性の特徴と小児科医の視点>https://hamacoco.jp/adhd/]] &color(#52663D){&scale(80){➚};}; [[ADHD>https://yokohama-mental-clinic.jp/menu/developmental-disorders/adhd/]] &color(#52663D){&scale(80){➚};}; [[大人のADHDとは？障害年金請求のポイントを解説>https://sr-yuuki.com/blog/adhd/]] &color(#52663D){&scale(80){➚};}; [[ADHDの特性をメリットと捉える思考>https://neuro-diversity.biz/blog/blog_250801.html]] &color(#52663D){&scale(80){➚};}; [[発達障害の特性は強みにもなる>https://adds.or.jp/sodan/post-16261/]] &color(#52663D){&scale(80){➚};}; [[【ADHD (注意欠如 • 多動症)とは?】ADHDの長所や向いている職業を紹介>https://succ-syurou.com/article/adhd/]] &color(#52663D){&scale(80){➚};}; [[ADHDとは？特徴や原因、チェックリストをご紹介>https://junior.litalico.jp/about/hattatsu/adhd/]] ~ ***調査の記入 -先行事例 ~ ***プロジェクト管理の記入 -スケジュール -ToDo ~ ~ **2026.04.30 ***概要の記入 -これは何？ -背景と目的 //-コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***テーマ案決定 -''__ADHDの印象__'' ネガティブな説明をされ、その印象がつけられるADHD。良い面が隠れている構造と、安易にネタに使われる苦しさ。ADHDを正しく知ってもらうプロジェクト。 ~ ***テーマ設定のための調査 -テーマ案05 > 体験型エンターテイメントのフロー --__前期: 研究・実験__ 人が面白いと感じる作品傾向を実験、研究。 ・操作できる箇所が多いwebでのリアクション統計 （Microsoft Clarityを使用） ・インタラクティブ作品と、そうでない作品のリアクション統計 ・五感を1つ使う作品と、2つ以上使う作品のリアクション統計 （映像だけvs映像+空間オーディオ） --__後期: 体験型展示__ 前期での研究結果をもとに作品や空間をつくりリアクション統計。 ・作品が集まって空間になるとリアクションはどう変わるか ~ ***テーマ案（追加） -__08. 日常の中から心が動く瞬間を集める__ 忙しなくすぎていく日常に潜むハイライトを集め、日常が少し楽しく感じられることが目的。 -__09. 面白いインタラクティブ作品とは？（Touch Designer）__ サウンドや映像、空間、時間など多くの要素があるインタラクティブ作品で、面白い楽しいと感じる作品はどのようなものかの研究 -__10. 日本語の種類分け__ 「面白い」は英語にすると、interesting, exciting, funなどさまざまな意味に分かれる。「発達障害」も日本語では障害=impedimentと表されるが、英語ではdevelopmental disorder と訳される。日本語の曖昧さ、深さの理解を広げるためのプロジェクト -__11. インタラクティブ作品での法則性の発見__ インタラクティブ作品を体験する被験者が、その作品の法則を発見（＝面白い）しやすい説明の量は？ -__12. ADHDの印象__ ネガティブな説明をされ、その印象がつけられるADHD。良い面が隠れている構造と、安易にネタに使われる苦しさ。ADHDを正しく知ってもらうプロジェクト。 ~ ***先輩方の面白い研究 &color(#52663D){&scale(80){➚};}; [[原朋恵/情報デザイン研究I]] &color(#52663D){&scale(80){➚};}; [[川村洸太/情報デザイン研究I]] ~ ~ **2026.04.23 ***テーマ案（追加） -__06. アーティストのコラボの仕方について__ 後期で行う予定の展示では、複数にわたる学科のメンバーの中で小グループを作り作品を制作する（→コラボ）。グループの作り方やコラボの方法で、どんな作品ができるか（メリット/デメリット）やその過程をまとめる。 ~ -__07. 広報の方法について__ 広報ではポスターやSNS、Webサイト等様々な方法があるが、展示において一番効果的な広報はどのようなものかの研究。 ~ ***テーマ設定のための調査 -テーマ案06 > コラボレーションの種類と具体例 __①共同制作型__ 2人以上が分担などで同じ作品を一緒に作る。 &color(#52663D){&scale(80){➚};}; [[村上春樹 × ルイヴィトン>https://jp.louisvuitton.com/jpn-jp/new/for-women/louis-vuitton-x-murakami/_/N-t2xost9?page=2]] __②フィーチャリング型__ メイン（リーダー）がいて、もう一人が参加する。 &color(#52663D){&scale(80){➚};}; [[米津玄師「灰色と青（菅田将暉）」>https://www.youtube.com/gJX2iy6nhHc]] &color(#52663D){&scale(80){➚};}; [[The Weekend「Starboy（feat. DAft Punk）」>https://www.youtube.com/watch?v=34Na4j8AVgA]] __③リミックス・再解釈型__ 既存作品を別アーティストが作り直す。 宇多田ヒカルの楽曲リミックス Billie Eilishの楽曲リミックス版 &color(#52663D){&scale(80){➚};}; [[シン・エヴァンゲリオン劇場版:||>https://www.evangelion.jp/final.html]] __④クロスジャンル型__ ジャンルをまたぐコラボ （展示やインスタレーションで多い） &color(#52663D){&scale(80){➚};}; [[チームラボ>https://www.team-lab.com/]] …アート×テクノロジー×空間体験 &color(#52663D){&scale(80){➚};}; [[Bjork × VR作品>https://research.rhizomatiks.com/s/works/mouth_mantra/]] …音楽×映像×インスタレーション &color(#52663D){&scale(80){➚};}; [[落合陽一>https://yoichiochiai.com/art]] …科学×アート &color(#52663D){&scale(80){➚};}; [[ライゾマティクス>https://rhizomatiks.com/]] …テクノロジー×パフォーマンス __⑤コンセプト共有型__ 同じテーマだけ共有して各自が制作（個性が強くでる） &color(#52663D){&scale(80){➚};}; [[デザインあ展neo>https://www.tokyonode.jp/sp/exhibition-ah-neo/]] （ &color(#52663D){&scale(80){➚};}; [[21_21 DESIGN SIGHT>https://www.2121designsight.jp/program/]] ） ~ -テーマ案07 > 広報の方法について __DM（ポストカード）__ __美術系ポータルサイト__ &color(#52663D){&scale(80){➚};}; [[個展なび>https://koten-navi.com/]] &color(#52663D){&scale(80){➚};}; [[チラシミュージアム>https://eplus.jp/sf/guide/museum]] &color(#52663D){&scale(80){➚};}; [[Internet Museum>https://www.museum.or.jp/]] &color(#52663D){&scale(80){➚};}; [[Art Agenda>https://www.artagenda.jp/]] &color(#52663D){&scale(80){➚};}; [[美術手帖>https://bijutsutecho.com/]] &color(#52663D){&scale(80){➚};}; [[midcoro>https://midcoro.com/]] ~ ***テーマ案05 について #settableborder( none ) |3|30|2|30|2|30|3|c ||#image(thema01note01.jpg)||#image(thema01note02.jpg)||#image(thema01note03.jpg)|| ~ ~ **2026.04.16 ***テーマ案（追加） -__05. 体験型エンターテイメント展示__ 後期にアートギャラリーにて行う予定の、“来場者を楽しませること” 全力を尽くす展示。人（ターゲットあり）が面白い/楽しいと感じるモノコトはどのようなものか？の研究。 ※ターゲット…芸術学部の学生を主対象とした九産大学生 #image(entertainment_idea01.jpg) --備考 ※2025年12月23日から進行中 ※当初から本授業の研究で扱うことを検討 ※他学科メンバー含む ~ ~ **2026.04.09 ***テーマ案 '''エンターテイメントがしたい！！''' '''「制作物を通して鑑賞者をワクワクさせる」が大テーマ。''' -__01. LPプロフィール__ 自分が一番持っている情報は自分について。情報をどうすれば正確に、楽しく伝えられるかの研究。 ~ -__02. 聴覚/嗅覚/味覚/触覚をモーショングラフィックスで視覚化__ 情報は多い方が分かりやすいのか？情報をより早く楽しく分かりやすく伝える方法を探る研究。 ~ -__03. 感情/感覚をモーショングラフィックスで可視化__ 説明なしで、言葉以外で情報を伝える方法を探る研究。 ~ -__04. インタラクティブWeb（Web×映像）での表現__ Webにすることでインタラクティブ性が出る。映像作品の応用の研究。 ~ ***テーマ案その他 -「栞」で何かできたら面白そう -「ビギナーズラック」について -インタラクティブ作品（TouchDesigner, JS） -作詞作曲したい -詩作も -言葉で遊べたら楽しそう -新しい、斬新なエンターテイメントのカタチを探りたい -「天気」で何かできたら面白そう。心とリンクとか -「面白い」の種類分けとかも楽しそう（interesting, exciting, fun） ~ ***テーマ設定のための調査 -__01. LPプロフィール__ &color(#52663D){&scale(80){➚};}; [[Naho Okawara>https://naho-okawara.com/]] &color(#52663D){&scale(80){➚};}; [[Aki Noguchi >https://akinoguchi.studio.site/]] &color(#52663D){&scale(80){➚};}; [[HIROKO NAKAZAKI>https://hirokonakazaki.studio.site/top#about]] &color(#52663D){&scale(80){➚};}; [[NAKAKOSHI SHOTO>https://s-nakakoshi-portfolio.studio.site/]] &color(#52663D){&scale(80){➚};}; [[HARUKA ISHIHARA>https://haruka-ishihara.studio.site/]] -__04. インタラクティブWeb（Web×映像）での表現__ &color(#52663D){&scale(80){➚};}; [[NIKE>https://www.nike-react.com/]] &color(#52663D){&scale(80){➚};}; [[SPACE NEEDLE>https://www.spaceneedle.com/]] &color(#52663D){&scale(80){➚};}; [[AAPS>https://apps.ua/]] &color(#52663D){&scale(80){➚};}; [[Hello Monday>https://www.hellomonday.com/]] &color(#52663D){&scale(80){➚};}; [[OseanSchool>https://oceanschool.nfb.ca/]] &color(#52663D){&scale(80){➚};}; [[Cyclemon>https://www.cyclemon.com/]] &color(#52663D){&scale(80){➚};}; [[PETE NOTTAGE>https://petenottage.co.uk/]] &color(#52663D){&scale(80){➚};}; [[:peace put>https://peaceput.com/history/]] &color(#52663D){&scale(80){➚};}; [[GSAP（JS plugin）>https://gsap.com/]] ~ ~ //**20XX.XX.XX //***XXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ //~ //***XXX //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ //~ //~ ~