#author("2026-10-13T13:17:56+09:00","default:member","member") #author("2026-10-13T13:19:18+09:00;2026-10-13T13:17:56+09:00","default:member","member") *交差展 - on the Web - 展示「交差展」をどこからでも楽しめるWebサイト ~ #image(mainvisual.jpg) ~ -''佐々木 陽菜'' -'''Keywords：Exhibition, Web, Interactive''' //-https://33ki-2022.github.io/aaa ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; 後期に開催予定の展示「交差展」のSNS告知を行った際、展示に興味を持ちながらも、会場まで足を運ぶことができない人がいることが分かった。展示に関心を持ってくれているにもかかわらず、物理的な距離や予定などの理由によって展示を体験できない状況は、展示を届ける機会の損失につながる。 そこで、会場に来ることができない人にも「交差展」の展示内容や魅力を届けるため、展示のWeb版を制作する。Web上でも展示を体験できる場を設けることで、展示へのアクセスの間口を広げるとともに、Webをきっかけとして実際の会場にも興味を持ってもらい、来場につなげることを目的とする。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ギャラリー外でも、展示と交差する。 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; Webサイト（インタラクティブ） ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -Figma &scale(80){ - サイトマップ/ワイヤーフレーム（試作）作成で使用}; -Adobe Illustrator &scale(80){ - メインビジュアル作成で使用}; -Blender &scale(80){ - サイト内コンテンツ作成で使用}; -Visual Studio Code ( HTML, CSS, JavaScript ) &scale(80){ - Webの実装で使用}; -Genimi &scale(80){ - コーディング方法学習で使用}; ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; 2026.09.14 - 2027.01.XX ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査・先行事例 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -オンライン個展 &color(#52663D){&scale(80){➚};}; [[ギャラリスト3D>https://gallerist3d.com/]] &color(#52663D){&scale(80){➚};}; [[日本橋Art.jp>https://nihonbashiart.jp/regist-webexhibition/]] &color(#52663D){&scale(80){➚};}; [[オンライン展覧会HUAHUA>https://www.huahua-online.com/ja/]] -展示Webサイト &color(#52663D){&scale(80){➚};}; [[ミロコマチコ いきものたちはわたしのかがみ>https://mirocomachiko-cm.exhibit.jp/]] &color(#52663D){&scale(80){➚};}; [[名和晃平 モノローグ>https://gyre-omotesando.com/artandgallery/kohei-nawa-monologue/]] &color(#52663D){&scale(80){➚};}; [[ヒグチユウコ展 CIRCUS FINAL END>https://higuchiyuko-circus.jp/]] -展示Instagram（参考） &color(#52663D){&scale(80){➚};}; [[記憶汚染展>https://www.instagram.com/kiokuosenten]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; &color(#52663D){&scale(80){➚};}; [[GSAP>https://gsap.com/]] &color(#52663D){&scale(80){➚};}; [[Insta投稿埋め込み>https://www.xserver.ne.jp/bizhp/insert-instagram/#%E5%8D%98%E4%B8%80%E6%8A%95%E7%A8%BF%E3%82%92%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0HTML%E3%81%A7%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; &color(#52663D){&scale(80){➚};}; [[スケジュール（Excel）>https://ksumail-my.sharepoint.com/:x:/g/personal/k24as012_st_kyusan-u_ac_jp/IQC1cBl3PKv3RLx9Ixo4Bs-YATMI0lXKyjGPXtqg1O_hpwY?e=WUZlul]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2026.10.12 ***アイデア創出/プロトタイプ制作 -サイトマップの制作 #image(sitemap.png,30%) -Figmaにてデザインの制作 &color(#52663D){&scale(80){➚};}; [[Figma>https://www.figma.com/design/9ZvcVe4tOnNpt5tXaZKV4z/%E4%BA%A4%E5%B7%AE%E5%B1%952?node-id=0-1&t=dC7uZrf4tvkHUUwL-1]] -実装テスト &color(#52663D){&scale(80){➚};}; [[交差展サイト（ GitHub ）>https://33ki-2022.github.io/kousaten/]] --PC (1200px)で調節。レスポンシブ未対応 ~ ~ ~ **2026.10.05 ***アイデア創出/プロトタイプ制作 -Figmaにてデザインの制作 &color(#52663D){&scale(80){➚};}; [[Figma>https://www.figma.com/design/9ZvcVe4tOnNpt5tXaZKV4z/%E4%BA%A4%E5%B7%AE%E5%B1%952?node-id=0-1&t=dC7uZrf4tvkHUUwL-1]] ~ ***調査の記入 -現状調査・先行事例 ~ ~ ~ **2026.09.28 ***調査の記入 -現状調査・先行事例 → 展示自体のサイトと展示の紹介サイトは各々あるが、どちらの特徴ももったWebサイトはない？ ~ ***概要の記入（新テーマに合わせた変更） -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***新テーマ設定 -後期アートギャラリー展示「交差展」の Web版 ~ ***テーマ変更案 -後期アートギャラリー展示「交差展」の Web版 -日本語を100音にしてみる -考えや思いの表現方法を探る -モーグラ専用Vコンテアプリ制作 -「笑」「！」で印象が変わる繊細すぎるLINEトーク -言葉のチカラ（ポジティブ変換） ~ ~ ~ **2026.09.14 ***作品概要 -ファイルの作成 ~ ***概要の記入 -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***プロジェクト管理の記入 -スケジュール -ToDo ~ ***テーマ設定 通年を予定していたため、前期と同テーマを設定。 ~ ~ ~