MOTIVATION SwitCh site
MOTIVATION SWITCH with site!
- 佐々木陽菜
- Keywords：やる気スイッチ, 二面性
概要
これは何？
やる気スイッチON、OFFのあるあるをまとめたWebサイト。
- やる気スイッチON、OFFあるある
- やる気スイッチがONになるきっかけ、ヒント
背景と目的
「やる気、出ない。」
明日までの課題、1時間後のバイト、1限の座学…
やる気を出さないといけないのに、出ない時ってあるある。
「やる気スイッチ、コントロールできたらいいのに…」
それを形にしてみよう！で始めるプロジェクト。
しかし…
やる気スイッチは人それぞれで、サイトを通してコントロールするのは難しいと考えたため、メインは楽しく見れるあるある集サイトという方向性で企画する。
やる気がない時は、色々と上手くいかなかったり何よりも楽しくなかったりが多く、そんなやる気がない日や時間を好きになれない。
そのため、プロジェクトの目的は「やる気スイッチがOFFの状態もちょっと好きになれる」こと。
制作ツール
- プロトタイプ : Figma（予定）
- 成果物 : Studio Visual Code, AI（Google Gimini, ChatGPT）
成果物の仕様
Webサイト（GitHub）
進捗記録
2025.06.14
- Web制作（HTML、CSS、JavaScript）
2025.06.13
2025.06.12
- Web制作（HTML、CSS、JavaScript）
2025.06.09
現状分析
- プロジェクトテーマと同様の「テーマ内容」に関する先行事例を探す。
- プロジェクトの成果物の「表現形式」に関する先行事例を探す。
- プロジェクトのテーマに関わる「時間的情報（歴史）」を調査する
- プロジェクトのテーマに関わる「空間的情報（地理）」を調査する
- プロジェクトのテーマに関わる「技術」について調査する
課題定義
- 公開方法
Webサイト
- 成果物のネーミング
MOTIVATION SwitCh site → MOTIVATION SWITCH with site
- 成果物の形式（分量とサイズ）
HTML、CSS、JavaScript
- 素材（データ）の入手方法
Google forms
- 制作環境と方法
PCで作業。AIを活用して制作する。
制作上のアイデア（課題ごとに複数のアイデア）
- スイッチで切り替えられるようにする
ONのページ
OFFのページ
- あるあるをまとめる
ON、OFFのページそれぞれ5つくらい？
2025.06.02
To Do リスト
- サイトの内容を考える
- あるあるアンケートをとる？
- Figmaでワイヤーフレームを作る
- サイト制作に取り掛かる
MEMO
- ホーム中央のサイトをクリックすることでONとOFFを切り替えられる仕様にする
- ONとOFFでふたつのページを作る
- やる気スイッチがONになるきっかけ（余裕があれば）
テーマ候補
成果物の仕様
この演習を通して身につけたいスキル
自分自身の関心事
- 写真（斜影、斜光）
- 二面性
- 美術館（主に絵画や写真）を楽しむ
- 「個人差」や「人それぞれ」
- 白い朝
- キャンドル
- 自炊
- プレイリスト
- スケジュール管理
- アート融合
- 音楽と写真
- 映像と3DCG
- 映像と絵画 etc...
- やる気スイッチ
- 体験型
- 1→10（想像）
- 日記
- ジャーナリング
- キャッチコピー
面白い！と思った先輩方のプロジェクト
