佐々木陽菜/情報デザイン研究II をテンプレートにして作成

開始行:
*交差展 - on the Web - 展示「交差展」をどこからでも楽しめるWebサイト ~ #image(mainvisual.jpg) ~ -''佐々木 陽菜'' -'''Keywords：Exhibition, Web, Interactive''' //-https://33ki-2022.github.io/aaa ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; 後期に開催予定の展示「交差展」のSNS告知を行った際、展示に... そこで、会場に来ることができない人にも「交差展」の展示内... ~ ***コンセプト //&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){... -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>http... 　&color(#52663D){&scale(80){➚};};　[[日本橋Art.jp>https:... 　&color(#52663D){&scale(80){➚};};　[[オンライン展覧会HUA... -展示Webサイト 　&color(#52663D){&scale(80){➚};};　[[ミロコマチコ　いき... 　&color(#52663D){&scale(80){➚};};　[[名和晃平　モノロー... 　&color(#52663D){&scale(80){➚};};　[[ヒグチユウコ展　CIR... -展示Instagram（参考） 　&color(#52663D){&scale(80){➚};};　[[記憶汚染展>https://... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... 　&color(#52663D){&scale(80){➚};};　[[GSAP>https://gsap.c... 　&color(#52663D){&scale(80){➚};};　[[Insta投稿埋め込み>h... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... &color(#52663D){&scale(80){➚};};　[[スケジュール（Excel）... ~ ***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.fig... -実装テスト &color(#52663D){&scale(80){➚};};　[[交差展サイト（ GitHub... --PC (1200px)で調節。レスポンシブ未対応 ~ ~ ~ **2026.10.05 ***アイデア創出/プロトタイプ制作 -Figmaにてデザインの制作 &color(#52663D){&scale(80){➚};};　[[Figma>https://www.fig... ~ ***調査の記入 -現状調査・先行事例 ~ ~ ~ **2026.09.28 ***調査の記入 -現状調査・先行事例 →　展示自体のサイトと展示の紹介サイトは各々あるが、どちら... ~ ***概要の記入（新テーマに合わせた変更） -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***新テーマ設定 -後期アートギャラリー展示「交差展」の Web版 ~ ***テーマ変更案 -後期アートギャラリー展示「交差展」の Web版 -日本語を100音にしてみる -考えや思いの表現方法を探る -モーグラ専用Vコンテアプリ制作 -「笑」「！」で印象が変わる繊細すぎるLINEトーク -言葉のチカラ（ポジティブ変換） ~ ~ ~ **2026.09.14 ***作品概要 -ファイルの作成 ~ ***概要の記入 -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***プロジェクト管理の記入 -スケジュール -ToDo ~ ***テーマ設定 通年を予定していたため、前期と同テーマを設定。 ~ ~ ~

終了行:
*交差展 - on the Web - 展示「交差展」をどこからでも楽しめるWebサイト ~ #image(mainvisual.jpg) ~ -''佐々木 陽菜'' -'''Keywords：Exhibition, Web, Interactive''' //-https://33ki-2022.github.io/aaa ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 //&color(red){プロジェクトの背景と目的}; 後期に開催予定の展示「交差展」のSNS告知を行った際、展示に... そこで、会場に来ることができない人にも「交差展」の展示内... ~ ***コンセプト //&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){... -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>http... 　&color(#52663D){&scale(80){➚};};　[[日本橋Art.jp>https:... 　&color(#52663D){&scale(80){➚};};　[[オンライン展覧会HUA... -展示Webサイト 　&color(#52663D){&scale(80){➚};};　[[ミロコマチコ　いき... 　&color(#52663D){&scale(80){➚};};　[[名和晃平　モノロー... 　&color(#52663D){&scale(80){➚};};　[[ヒグチユウコ展　CIR... -展示Instagram（参考） 　&color(#52663D){&scale(80){➚};};　[[記憶汚染展>https://... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... 　&color(#52663D){&scale(80){➚};};　[[GSAP>https://gsap.c... 　&color(#52663D){&scale(80){➚};};　[[Insta投稿埋め込み>h... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... &color(#52663D){&scale(80){➚};};　[[スケジュール（Excel）... ~ ***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.fig... -実装テスト &color(#52663D){&scale(80){➚};};　[[交差展サイト（ GitHub... --PC (1200px)で調節。レスポンシブ未対応 ~ ~ ~ **2026.10.05 ***アイデア創出/プロトタイプ制作 -Figmaにてデザインの制作 &color(#52663D){&scale(80){➚};};　[[Figma>https://www.fig... ~ ***調査の記入 -現状調査・先行事例 ~ ~ ~ **2026.09.28 ***調査の記入 -現状調査・先行事例 →　展示自体のサイトと展示の紹介サイトは各々あるが、どちら... ~ ***概要の記入（新テーマに合わせた変更） -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***新テーマ設定 -後期アートギャラリー展示「交差展」の Web版 ~ ***テーマ変更案 -後期アートギャラリー展示「交差展」の Web版 -日本語を100音にしてみる -考えや思いの表現方法を探る -モーグラ専用Vコンテアプリ制作 -「笑」「！」で印象が変わる繊細すぎるLINEトーク -言葉のチカラ（ポジティブ変換） ~ ~ ~ **2026.09.14 ***作品概要 -ファイルの作成 ~ ***概要の記入 -背景と目的 -コンセプト -成果物の仕様 -制作ツール -プロジェクトの期間 ~ ***プロジェクト管理の記入 -スケジュール -ToDo ~ ***テーマ設定 通年を予定していたため、前期と同テーマを設定。 ~ ~ ~

ページ名: