出光美心/卒業研究 をテンプレートにして作成

開始行:
*CINEMA ユーザーが体験できるインタラクティブな架空の映画館のwebサ... メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''Idemitsu Miko'' -'''Keywords：・・, ・・・, ・・・, ・・・''' -https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; ユーザーがWebサイト内の世界を体験できるインタラクティブな... ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; ***背景 近年webサイトのアニメーションや演出の幅が広がり、様々なも... ~ ***目的 映画館には様々なコンセプトの映画がありアニメーションとの... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 架空の映画館という特殊な設定のwebサイト内で、ユーザーにア... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Windows11 iPadPro Figma HTML CSS Javascript ~ ***プロジェクトの期間 プロジェクトの期間｜2024.04.12 - 2024.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[スケジュール>https://docs.google.com/spreadsheets/d/1nu... -[[クリティカルパスとは>https://asana.com/ja/resources/cr... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... %%テーマ決めのための調査%% 技術に関する情報収集 映画のポスターの制作 映画の選定 サイトマップ・ワイヤーフレームの作成 webサイトのコーディング 中間発表準備 最終発表準備 修正・手直し ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.05.17 ~ ~ **2024.05.10 ***ワイヤーフレームの作成続き -[[ワイヤーフレーム>https://photos.app.goo.gl/fGKm1H9k4xn... ~ ***映画館のウェブサイト -[[TOHOシネマズ>https://www.tohotheater.jp/]] -[[T・ジョイ博多>https://tjoy.jp/t-joy_hakata]] -[[ユナイテッド・シネマ>https://www.unitedcinemas.jp/cana... ~ ***Webサイトのデザインの参考にしたいもの https://ac-bu.info/happening/ https://dozo-gift.com/ https://uniam.jp/ ~ [[カラーパレット>https://www.happyhues.co/palettes/13]] [[Figmaインタラクションの作成>https://help.figma.com/hc/j... ~ ~ **2024.04.26 ***仮のサイトマップとワイヤーフレーム(一部)の作成 &image(Group 1.jpg,,50%); &image(wire 1.jpg,,40%); &image(wire2.jpg,,40%); ~ ***調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[インタラクティブなサイトの演出アイデア>https://www.evo... アニメーションや演出の参考になりそう ~ ***スケジュールの作成 -[[スケジュール>https://docs.google.com/spreadsheets/d/1n... ~ ***技術に関すること -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **2024.04.19 ~ ***参考になりそうなもの -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] サイトのアニメーションや表現が参考になりそう ***相談して決まったこと -Webサイトのアニメーションや設定にストーリー性を持たせて... -謎解き要素などを入れて見る人に体験してもらう -インタラクティブについて調べて情報収集する [[インタラクティブとは>https://edgcal.jp/what-is-interact... ~ ~ **2024.04.12 ~ ***参考になりそうなもの -[[木村天美さんの卒業研究>https://design.kyusan-u.ac.jp/s... Webサイトを制作していて、アニメーションやグラフィックなど... -[[SPAM MUSEUM>http://meiwaku.me/]] 発想が面白い ***やりたいこと・興味のあること -Webサイト制作 -アニメーション -カラーパレット -フリーアイコン制作のサイト -ポスターの制作 -嘘の映画館のサイト ~ ~ //**20XX.XX.XX //***XXXX //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ //~ //***XXXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ //~ //~ ~

終了行:
*CINEMA ユーザーが体験できるインタラクティブな架空の映画館のwebサ... メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''Idemitsu Miko'' -'''Keywords：・・, ・・・, ・・・, ・・・''' -https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; ユーザーがWebサイト内の世界を体験できるインタラクティブな... ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; ***背景 近年webサイトのアニメーションや演出の幅が広がり、様々なも... ~ ***目的 映画館には様々なコンセプトの映画がありアニメーションとの... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; 架空の映画館という特殊な設定のwebサイト内で、ユーザーにア... ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Windows11 iPadPro Figma HTML CSS Javascript ~ ***プロジェクトの期間 プロジェクトの期間｜2024.04.12 - 2024.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[スケジュール>https://docs.google.com/spreadsheets/d/1nu... -[[クリティカルパスとは>https://asana.com/ja/resources/cr... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメ... %%テーマ決めのための調査%% 技術に関する情報収集 映画のポスターの制作 映画の選定 サイトマップ・ワイヤーフレームの作成 webサイトのコーディング 中間発表準備 最終発表準備 修正・手直し ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2024.05.17 ~ ~ **2024.05.10 ***ワイヤーフレームの作成続き -[[ワイヤーフレーム>https://photos.app.goo.gl/fGKm1H9k4xn... ~ ***映画館のウェブサイト -[[TOHOシネマズ>https://www.tohotheater.jp/]] -[[T・ジョイ博多>https://tjoy.jp/t-joy_hakata]] -[[ユナイテッド・シネマ>https://www.unitedcinemas.jp/cana... ~ ***Webサイトのデザインの参考にしたいもの https://ac-bu.info/happening/ https://dozo-gift.com/ https://uniam.jp/ ~ [[カラーパレット>https://www.happyhues.co/palettes/13]] [[Figmaインタラクションの作成>https://help.figma.com/hc/j... ~ ~ **2024.04.26 ***仮のサイトマップとワイヤーフレーム(一部)の作成 &image(Group 1.jpg,,50%); &image(wire 1.jpg,,40%); &image(wire2.jpg,,40%); ~ ***調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[インタラクティブなサイトの演出アイデア>https://www.evo... アニメーションや演出の参考になりそう ~ ***スケジュールの作成 -[[スケジュール>https://docs.google.com/spreadsheets/d/1n... ~ ***技術に関すること -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **2024.04.19 ~ ***参考になりそうなもの -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] サイトのアニメーションや表現が参考になりそう ***相談して決まったこと -Webサイトのアニメーションや設定にストーリー性を持たせて... -謎解き要素などを入れて見る人に体験してもらう -インタラクティブについて調べて情報収集する [[インタラクティブとは>https://edgcal.jp/what-is-interact... ~ ~ **2024.04.12 ~ ***参考になりそうなもの -[[木村天美さんの卒業研究>https://design.kyusan-u.ac.jp/s... Webサイトを制作していて、アニメーションやグラフィックなど... -[[SPAM MUSEUM>http://meiwaku.me/]] 発想が面白い ***やりたいこと・興味のあること -Webサイト制作 -アニメーション -カラーパレット -フリーアイコン制作のサイト -ポスターの制作 -嘘の映画館のサイト ~ ~ //**20XX.XX.XX //***XXXX //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ //~ //***XXXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ //~ //~ ~

ページ名: