佐々木陽菜/情報デザイン演習IIA2
をテンプレートにして作成
HOME
ABOUT
最新の更新
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
熊谷涼花
近藤ひかる
善結穂
待永萌衣
三浦遥
木村円香
鴻上早紀
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
甲斐陸斗
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
早稲田加奈恵
渡邊優希
十時明日香
江口依舞
久木田直央
本田麻緒
山田真央
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
福屋早希乃
脇山千寛
2024
MEMBER 2024
芦谷心渚
安部詩織
池田隆之介
伊藤早紀
越智花凛
金ヶ江光千瑠
佐藤澪
川村玲太
菊池真桜
後藤未羽
齊場由布
佐々木陽菜
猿本大翔
竹之内優希
田尻有沙
谷口和歌子
千々岩聡真
手島凜
鳥越友菜
中尾桃瀬
庭瀬美来
野口朗央
福岡比菜
松崎菜々実
松永紗和
真子大輝
南妃香莉
宮園晴日
森山海莉
劉沢寧
渡辺颯香
足立実優
池田阜弥
井上朋美
宇野日菜
上瀧桃子
佐藤美月
茂山和寛
髙嶋莉彩
橘彩以
田中さゆり
田村宥奈
徳永歩乃佳
轟はなの
橋本音花
若狭映那
古賀莉梨香
2025
MEMBER 2025
赤星花
有薗晴己
泉百々
稲吉うた
宇都宮楓
大島詩絵里
小川眞由
源島咲太郎
櫻井風希
佐藤禾生子
友田葵
中西恋果
中山颯太
新甫楓佳
納富早希
野口瑞季
橋本京佳
東島百合子
平野雅華
深井梨々子
松本美時
丸石樹
椋本凌
村山小桜
村山優
持田真翔
吉松まなみ
浅川ひより
池光希
大崎優衣
大瀬梨乃亜
加藤虎太郎
金丸菜美
北本杏
坂本隆太朗
杉野亜子
田代夕加里
永野陽香
濱村悠伸
原凛々子
一松彩心
八木玲蓮
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2024年度卒業生
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン応用演習
情報デザイン演習I
企画デザイン演習I
情報デザイン演習IIIA
情報デザイン演習IIIB
地域ブランド企画演習IIIA
地域ブランド企画演習IIIB
情報デザイン研究II
地域ブランド企画研究II
通信ネットワーク演習
データサイエンス
3DCG演習
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
SEARCH
開始行:
*MOTIVATION SwitCh site
MOTIVATION SWITCH with site!
~
#image(main.png)
~
-''佐々木陽菜''
-'''Keywords:やる気スイッチ, 二面性'''
~
-''成果物は__[[&color(#c98508){こちら};>https://33ki-2022...
~
//-&color(red){相互評価シートはこちら▼};
//__[[相互評価シート>https://docs.google.com/spreadsheets...
~
//***CONTENTS
//#contents2_1
//~
**概要
***これは何?
やる気スイッチON、OFFのあるあるをまとめたWebサイト。
-やる気スイッチON、OFFあるある
-やる気スイッチがONになるきっかけ、ヒント
~
***背景と目的
「やる気、出ない。」
明日までの課題、今日のバイト、1限の座学…
やる気を出さないといけないのに、出ない時ってあるある。
「やる気スイッチ、コントロールできたらいいのに…」
それを形にしてみよう!で始めるプロジェクト。
~
しかし…
やる気スイッチは人それぞれで、サイトを通してコントロール...
~
やる気がない時は、色々と上手くいかなかったり何よりも楽し...
そのため、プロジェクトの目的は「やる気スイッチがOFFの状態...
~
***制作ツール
-Visual Studio Code: HTML, CSS, JavaScriptで使用
-GitHub : アップロードで使用
-Google Gimini : ミスの指摘、コードのプロパティの解説 等...
~
***成果物の仕様
Webサイト(GitHub)
#iframe(https://33ki-2022.github.io/MotivationSwitchSite/...
~
~
#hr
CENTER:''進捗記録''
#hr
~
~
**2025.07.14
-プロジェクトのタイトルとサブタイトル
--タイトル: MOTIVATION SwitCh site
--サブタイトル: MOTIVATION SWITCH with site!
-これは何? を簡潔に
--ページ上部に記載
-プロジェクトの背景と目的
--ページ上部に記載
-成果物の紹介
--__[[MOTIVATION SwitCh site>https://33ki-2022.github.io/...
-成果物の仕様
--Webサイト
-制作の方法(使用したツール、素材、手順など)
--ページ上部に記載
-今回のプロジェクトで特にこだわった部分、工夫した点など・・
--メインビジュアルとしてスイッチを配置した点
--HTMLやCSSの基本的な部分ができるようになった点
--レスポンシブを対応させました
--「やる気スイッチがON/OFFになるとき…」のセクションからグ...
--ナビゲーションの固定や、前のページに戻るボタンなどの配...
--タイトルの小文字を読むと「with site」になったり、サイト...
--marginやpaddingをこだわって、全体のレイアウトが見やすく...
-成果の振り返りと今後の課題
--JavaScriptが苦手なので勉強すること
--大画面表示にすると文字サイズが小さい
→ max widgeの設定(ブラッシュアップ予定)
~
~
~
**2025.07.12
-Web仕上げ(HTML、CSS)
--あるあるの書き換え
--「Have you turned on the motivation switch?」のレスポン...
~
~
~
**2025.07.07
-Web仕上げ(HTML、CSS)
~
~
~
**2025.07.06
-Web制作(HTML、CSS)
~
***見出された問題点
-サイトの説明がないためわかりにくい →訂正済み(WHAT IS T...
~
~
~
**2025.06.30
-Web制作(HTML、CSS)
~
***見出された問題点
-サイトの説明がないためわかりにくい →訂正予定
~
~
~
**2025.06.23
***見出された問題点
-文字だけでなく、ボタン全体が反応するようにする →訂正済み
~
***好評を得た点 > プロジェクトの特性として
-サイトのシンプルさ、デザイン、雰囲気
-プロジェクトの発想
~
~
**2025.06.16
***今回制作したプロトタイプ
#settableborder( none )
|49|2|49|c
|#image(swichon.png)||#image(swichoff.png)|
~
#image(sitemap.png)
~
***プロトタイプの説明
-Webサイト
//→ [[MOTIVATION SwitCh site>https://33ki-2022.github.io...
-プロトタイプのサイトを基に修正をして、成果物とする。
~
~
**2025.06.14
-Web制作(HTML、CSS、JavaScript)
~
~
**2025.06.13
-アンケート作成、公開
~
~
**2025.06.12
-Web制作(HTML、CSS、JavaScript)
~
~
**2025.06.09
***現状分析
-プロジェクトテーマと同様の「テーマ内容」に関する先行事例...
--[[オンライン個別指導 スクールIE(やる気スイッチがキャッ...
-プロジェクトの成果物の「表現形式」に関する先行事例を探す。
--[[CODE My UI>https://codemyui.com/tag/toggle-switch/]]
//-プロジェクトのテーマに関わる「時間的情報(歴史)」を調...
//-プロジェクトのテーマに関わる「空間的情報(地理)」を調...
-プロジェクトのテーマに関わる「技術」について調査する
--[[ふわふわ浮かぶオブジェクトの作り方>https://zenn.dev/t...
--[[CSS で要素を中央に配置する方法 (div、テキスト他)>http...
--[[CSS でランダムな値を扱う `random()` と `random-item()...
--[[SCSSのランダム関数を用いてテーマカラーをランダムに生...
--[[6ケタのカラーコードをランダムで生成する色々な方法>htt...
--[[SVGで手書き風アニメーションを実装する方法>https://wil...
~
***課題定義
-公開方法
Webサイト
-成果物のネーミング
MOTIVATION SwitCh site → MOTIVATION SWITCH with site
-成果物の形式(分量とサイズ)
Webサイト
-素材(データ)の入手方法
Google forms
-制作環境と方法
PCで作業。AIを活用して制作する。
~
***制作上のアイデア(課題ごとに複数のアイデア)
+スイッチで切り替えられるようにする
ONのページ
OFFのページ
+あるあるをまとめる
ON、OFFのページそれぞれ5つくらい?
~
~
**2025.06.02
***To Do リスト
-サイトの内容を考える
-あるあるアンケートをとる?
-Figmaでワイヤーフレームを作る
-サイト制作に取り掛かる
--アニメーションのさせ方を調べる
~
~
***MEMO
-ホーム中央のサイトをクリックすることでONとOFFを切り替え...
-ONとOFFでふたつのページを作る
--あるある
--モヤモヤ
-やる気スイッチがONになるきっかけ(余裕があれば)
~
~
***テーマ候補
-写真
--斜影、斜光→印象。円形配置
--写真×キャッチコピー
-「個人差」や「人それぞれ」をモノに置き換えてみる
--名詞、形容詞
--マンホール、信号機 etc...
-白い朝⇔キャンドル
-''やる気スイッチ''
--オンとオフの2パターン
-ジャーナリング
--「見つめる」「考える」体験型
-日記
--どうでも良いこととか
~
***成果物の仕様
-形式:Webサイト
~
***この演習を通して身につけたいスキル
-HTMLスキル
-CSSスキル
~
~
***自分自身の関心事
-写真(斜影、斜光)
-二面性
--太陽と月
-美術館(主に絵画や写真)を楽しむ
-「個人差」や「人それぞれ」
-白い朝
-キャンドル
-自炊
-プレイリスト
-スケジュール管理
-アート融合
--音楽と写真
--映像と3DCG
--映像と絵画 etc...
-やる気スイッチ
-体験型
-1→10(想像)
-日記
-ジャーナリング
-キャッチコピー
~
~
***面白い!と思った先輩方のプロジェクト
-[[大井このか/情報デザイン演習IIA]]
-[[石垣永樹/情報デザイン演習IIA]]
~
~
~
~
終了行:
*MOTIVATION SwitCh site
MOTIVATION SWITCH with site!
~
#image(main.png)
~
-''佐々木陽菜''
-'''Keywords:やる気スイッチ, 二面性'''
~
-''成果物は__[[&color(#c98508){こちら};>https://33ki-2022...
~
//-&color(red){相互評価シートはこちら▼};
//__[[相互評価シート>https://docs.google.com/spreadsheets...
~
//***CONTENTS
//#contents2_1
//~
**概要
***これは何?
やる気スイッチON、OFFのあるあるをまとめたWebサイト。
-やる気スイッチON、OFFあるある
-やる気スイッチがONになるきっかけ、ヒント
~
***背景と目的
「やる気、出ない。」
明日までの課題、今日のバイト、1限の座学…
やる気を出さないといけないのに、出ない時ってあるある。
「やる気スイッチ、コントロールできたらいいのに…」
それを形にしてみよう!で始めるプロジェクト。
~
しかし…
やる気スイッチは人それぞれで、サイトを通してコントロール...
~
やる気がない時は、色々と上手くいかなかったり何よりも楽し...
そのため、プロジェクトの目的は「やる気スイッチがOFFの状態...
~
***制作ツール
-Visual Studio Code: HTML, CSS, JavaScriptで使用
-GitHub : アップロードで使用
-Google Gimini : ミスの指摘、コードのプロパティの解説 等...
~
***成果物の仕様
Webサイト(GitHub)
#iframe(https://33ki-2022.github.io/MotivationSwitchSite/...
~
~
#hr
CENTER:''進捗記録''
#hr
~
~
**2025.07.14
-プロジェクトのタイトルとサブタイトル
--タイトル: MOTIVATION SwitCh site
--サブタイトル: MOTIVATION SWITCH with site!
-これは何? を簡潔に
--ページ上部に記載
-プロジェクトの背景と目的
--ページ上部に記載
-成果物の紹介
--__[[MOTIVATION SwitCh site>https://33ki-2022.github.io/...
-成果物の仕様
--Webサイト
-制作の方法(使用したツール、素材、手順など)
--ページ上部に記載
-今回のプロジェクトで特にこだわった部分、工夫した点など・・
--メインビジュアルとしてスイッチを配置した点
--HTMLやCSSの基本的な部分ができるようになった点
--レスポンシブを対応させました
--「やる気スイッチがON/OFFになるとき…」のセクションからグ...
--ナビゲーションの固定や、前のページに戻るボタンなどの配...
--タイトルの小文字を読むと「with site」になったり、サイト...
--marginやpaddingをこだわって、全体のレイアウトが見やすく...
-成果の振り返りと今後の課題
--JavaScriptが苦手なので勉強すること
--大画面表示にすると文字サイズが小さい
→ max widgeの設定(ブラッシュアップ予定)
~
~
~
**2025.07.12
-Web仕上げ(HTML、CSS)
--あるあるの書き換え
--「Have you turned on the motivation switch?」のレスポン...
~
~
~
**2025.07.07
-Web仕上げ(HTML、CSS)
~
~
~
**2025.07.06
-Web制作(HTML、CSS)
~
***見出された問題点
-サイトの説明がないためわかりにくい →訂正済み(WHAT IS T...
~
~
~
**2025.06.30
-Web制作(HTML、CSS)
~
***見出された問題点
-サイトの説明がないためわかりにくい →訂正予定
~
~
~
**2025.06.23
***見出された問題点
-文字だけでなく、ボタン全体が反応するようにする →訂正済み
~
***好評を得た点 > プロジェクトの特性として
-サイトのシンプルさ、デザイン、雰囲気
-プロジェクトの発想
~
~
**2025.06.16
***今回制作したプロトタイプ
#settableborder( none )
|49|2|49|c
|#image(swichon.png)||#image(swichoff.png)|
~
#image(sitemap.png)
~
***プロトタイプの説明
-Webサイト
//→ [[MOTIVATION SwitCh site>https://33ki-2022.github.io...
-プロトタイプのサイトを基に修正をして、成果物とする。
~
~
**2025.06.14
-Web制作(HTML、CSS、JavaScript)
~
~
**2025.06.13
-アンケート作成、公開
~
~
**2025.06.12
-Web制作(HTML、CSS、JavaScript)
~
~
**2025.06.09
***現状分析
-プロジェクトテーマと同様の「テーマ内容」に関する先行事例...
--[[オンライン個別指導 スクールIE(やる気スイッチがキャッ...
-プロジェクトの成果物の「表現形式」に関する先行事例を探す。
--[[CODE My UI>https://codemyui.com/tag/toggle-switch/]]
//-プロジェクトのテーマに関わる「時間的情報(歴史)」を調...
//-プロジェクトのテーマに関わる「空間的情報(地理)」を調...
-プロジェクトのテーマに関わる「技術」について調査する
--[[ふわふわ浮かぶオブジェクトの作り方>https://zenn.dev/t...
--[[CSS で要素を中央に配置する方法 (div、テキスト他)>http...
--[[CSS でランダムな値を扱う `random()` と `random-item()...
--[[SCSSのランダム関数を用いてテーマカラーをランダムに生...
--[[6ケタのカラーコードをランダムで生成する色々な方法>htt...
--[[SVGで手書き風アニメーションを実装する方法>https://wil...
~
***課題定義
-公開方法
Webサイト
-成果物のネーミング
MOTIVATION SwitCh site → MOTIVATION SWITCH with site
-成果物の形式(分量とサイズ)
Webサイト
-素材(データ)の入手方法
Google forms
-制作環境と方法
PCで作業。AIを活用して制作する。
~
***制作上のアイデア(課題ごとに複数のアイデア)
+スイッチで切り替えられるようにする
ONのページ
OFFのページ
+あるあるをまとめる
ON、OFFのページそれぞれ5つくらい?
~
~
**2025.06.02
***To Do リスト
-サイトの内容を考える
-あるあるアンケートをとる?
-Figmaでワイヤーフレームを作る
-サイト制作に取り掛かる
--アニメーションのさせ方を調べる
~
~
***MEMO
-ホーム中央のサイトをクリックすることでONとOFFを切り替え...
-ONとOFFでふたつのページを作る
--あるある
--モヤモヤ
-やる気スイッチがONになるきっかけ(余裕があれば)
~
~
***テーマ候補
-写真
--斜影、斜光→印象。円形配置
--写真×キャッチコピー
-「個人差」や「人それぞれ」をモノに置き換えてみる
--名詞、形容詞
--マンホール、信号機 etc...
-白い朝⇔キャンドル
-''やる気スイッチ''
--オンとオフの2パターン
-ジャーナリング
--「見つめる」「考える」体験型
-日記
--どうでも良いこととか
~
***成果物の仕様
-形式:Webサイト
~
***この演習を通して身につけたいスキル
-HTMLスキル
-CSSスキル
~
~
***自分自身の関心事
-写真(斜影、斜光)
-二面性
--太陽と月
-美術館(主に絵画や写真)を楽しむ
-「個人差」や「人それぞれ」
-白い朝
-キャンドル
-自炊
-プレイリスト
-スケジュール管理
-アート融合
--音楽と写真
--映像と3DCG
--映像と絵画 etc...
-やる気スイッチ
-体験型
-1→10(想像)
-日記
-ジャーナリング
-キャッチコピー
~
~
***面白い!と思った先輩方のプロジェクト
-[[大井このか/情報デザイン演習IIA]]
-[[石垣永樹/情報デザイン演習IIA]]
~
~
~
~
ページ名: