木村天美/情報デザイン演習IIA
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
* FiND MUSiC
CDジャケットから出会う音楽サイト
#image(main visual.jpg)
-''木村 天美''
-'''Keywords:青, CDジャケット, アートワーク, 音楽'''
-http://artworkmusic.starfree.jp/
~
~
**Overview
***Introduction / What is This
CDジャケットから出会う音楽
//&color(red){これは何か・・を簡潔に};
~
***Background and Purpose
近年、サブスクリプションの音楽ストリーミング配信が普及し...
//&color(red){プロジェクトの背景と目的};
~
***Concept
サイト上にSpotifyの埋め込みを並べ、気になったCDジャケット...
//&color(red){基本的な考え方、枠組み、視点など};
~
***Output
-Webサイト:[[FiND MUSiC>http://artworkmusic.starfree.jp/]]
-URL:http://artworkmusic.starfree.jp/
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
~
***Tools
-ハードウエア
--MacBook Pro
-ソフトウエア
--Chrome
--Firefox
--Safari
--Spotify
--WordPress
--StarServerfree
--FileZilla
--Adobe X D
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***Term
2021.04.12 - 2021.07.19
//&color(red){プロジェクトの期間|2021.4.12 - 2021.7.19 };
~
***Conclusion / Summary
頭に思い描いたとおりにWebサイトを仕上げることができた。こ...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**Survey
***現状調査1 テーマ内容の先行事例
-[[predominant.ly>http://predominant.ly/]]
~
***現状調査2 表現形式の先行事例
-[[もしもアフィリエイトでの「商品リンク」の作成方法>https...
-[[音楽の共有に便利な、ホームページやブログにSpotifyの埋...
~
***現状調査3|時間軸(対象の歴史的知見)
-[[ディスクジャケットとは>https://ja.wikipedia.org/wiki/...
-[[サブスク音楽配信サービスとは>https://viva-drone.com/mu...
~
***現状調査4|空間軸(対象の地理的知見)
-[[CDジャケットのサイズ>https://ooban-master.com/html/pag...
-[[CD・メディアの大きさ一覧>https://shuno-life.net/manga/...
-[[CDジャケットに記載すべきマークや規定文について>https:/...
~
***現状調査5|技法
-[[GitHubの使い方>https://techacademy.jp/magazine/6235]]
~
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
~
//***Precedent
//&color(red){先行事例の紹介、傾向分析など};
~
//***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
~
~
~
**Project Management
***Schedule
%%-進行管理表%%
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
%%-青色系のCDジャケットを探す%%
%%-掲載する曲数を増やす%%
%%-Webサイトの構成を整える%%
//-MainVisual制作
//-Webサイトの仕様を決める
//-Webサイトのネーミング検討
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2021.07.12
***今週の取り組み
-成果発表を行った
~
***アドバイス
-ジャンル分けしてみるとよいかもしれない
~
***今後の課題
-時間に余裕があれば、ジャンル分けをしてみる
~
~
**2021.07.06
***制作物の現状
-PLAY LISTは計4ページ
-掲載楽曲数 160曲
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲を増やした
~
***今後の課題
なし
~
~
**2021.06.28
***制作物の現状
-PLAY LISTが4ページ目に突入した
-6/28時点での掲載楽曲数 124曲
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲を増やした
-曲を掲載するページを増やした
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.21
***制作物の現状
-現在の体裁を保ちつつ、曲数を増やしている
-PLAY LIST 1ページにつき、40曲掲載するようにする
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-PLAY LISTページの右下にprevボタンとnextボタンを追加した
-Webサイトに掲載する曲を増やした
-曲を掲載するページを増やした
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.14
***制作物の現状
-PLAY LISTの曲並びを3カラムから4カラムに変更して曲を増や...
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲数を増やした
-曲の並びを変更した
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.07
***制作物の現状
-Webサイトは現在の体裁を保ちつつ、曲数を増やしている状況
//成果物(現状)のスクリーンショット等、視覚的な資料とコ...
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲数を増やした
//今週取り組んだ調査、実験、技術的な訓練、作業内容等
~
***今後の課題
-掲載する曲数を増やす
//発見された問題、解決すべき課題等 > ToDoに記載
~
~
**2021.05.31
***指摘された問題点
-曲の種類を増やす
~
***好評価を得た点
-Webサイトの完成度が高い
-情報が綺麗にまとまっていて見やすい
~
***その他
-別ジャンルのジャケットが気になる
-聞いたことがない音楽が気軽に再生できる
~
~
**2021.05.17
***Webプレゼンテーション
-[[プレゼンスライド>https://docs.google.com/presentation/...
-[[FiND MUSiC>http://artworkmusic.starfree.jp/]] ← サイト...
-%%プロトタイプ評価シート%% 皆様コメントありがとうござい...
~
~
**2021.05.10
***今回制作したプロトタイプ
#image(wireframe_0510.png)
サイトのワイヤーフレーム
~
http://artworkmusic.starfree.jp
サーバーの動作確認 (プロトタイプサイト)
~
***プロトタイプ制作の方法
-Adobe X Dにより、ワイヤーフレームを制作
-WordPressのテンプレートを利用
~
~
**2020.04.26
アイデアの量産 > 絞り込み
~
***Webの公開方法
-GitHubPages?WordPress.comサービス?
~
***Webの形式(分量とサイズ)
-マルチデバイスに対応させる?
(レスポンシブサイト)
-PCベース?スマホベース?
~
***Webの内容(素材ネタ)
-Spotifyの埋め込み
-CDジャケットの制作者情報
-アーティスト情報
-楽曲情報
~
***Webのネーミング
-Music To Find from CD Jackets 長すぎる?
-meet MUSiC
-FiND MUSiC
~
***Webの構成
-Spotifyの埋め込みを並べる
~
***Webの制作環境と方法
-HTML+CSS? WordPress?
~
~
**2020.04.19
***テーマ・概要に関する作業の報告
-タイトル:CDジャケットから出会う音楽
-テーマ採択の背景:アーティストの想いが詰まったCDジャケッ...
~
***調査報告
-CDジャケットの画像は著作権を持っている人の承諾なしに掲載...
-[[一般社団法人 日本レコード協会 音楽利用について Q&A集 ...
~
~
**2021.04.12
***プロジェクトのテーマ候補
-神社紹介
-金魚の日常
-選挙とは何か
-"青系"のCDジャケットから見つける音楽
~
***参考リンク
-[[“選挙”ってなに?〔NHK選挙WEBより〕>https://www.nhk.or....
-[[CDジャケット(水色)>https://bit.ly/3d8FgCY]]
-[[CDジャケット(青)>https://bit.ly/3dbStei]]
~
~
~
終了行:
* FiND MUSiC
CDジャケットから出会う音楽サイト
#image(main visual.jpg)
-''木村 天美''
-'''Keywords:青, CDジャケット, アートワーク, 音楽'''
-http://artworkmusic.starfree.jp/
~
~
**Overview
***Introduction / What is This
CDジャケットから出会う音楽
//&color(red){これは何か・・を簡潔に};
~
***Background and Purpose
近年、サブスクリプションの音楽ストリーミング配信が普及し...
//&color(red){プロジェクトの背景と目的};
~
***Concept
サイト上にSpotifyの埋め込みを並べ、気になったCDジャケット...
//&color(red){基本的な考え方、枠組み、視点など};
~
***Output
-Webサイト:[[FiND MUSiC>http://artworkmusic.starfree.jp/]]
-URL:http://artworkmusic.starfree.jp/
//&color(red){成果物の直接掲載またはリンク誘導};
//&color(red){&small(プロジェクトの途上では、試作品等、視...
//&color(red){&small(成果物の形式・サイズ・時間尺等の基本...
~
***Tools
-ハードウエア
--MacBook Pro
-ソフトウエア
--Chrome
--Firefox
--Safari
--Spotify
--WordPress
--StarServerfree
--FileZilla
--Adobe X D
//&color(red){使用するツール|ハードウエア・ソフトウエア};
~
***Term
2021.04.12 - 2021.07.19
//&color(red){プロジェクトの期間|2021.4.12 - 2021.7.19 };
~
***Conclusion / Summary
頭に思い描いたとおりにWebサイトを仕上げることができた。こ...
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
~
~
**Survey
***現状調査1 テーマ内容の先行事例
-[[predominant.ly>http://predominant.ly/]]
~
***現状調査2 表現形式の先行事例
-[[もしもアフィリエイトでの「商品リンク」の作成方法>https...
-[[音楽の共有に便利な、ホームページやブログにSpotifyの埋...
~
***現状調査3|時間軸(対象の歴史的知見)
-[[ディスクジャケットとは>https://ja.wikipedia.org/wiki/...
-[[サブスク音楽配信サービスとは>https://viva-drone.com/mu...
~
***現状調査4|空間軸(対象の地理的知見)
-[[CDジャケットのサイズ>https://ooban-master.com/html/pag...
-[[CD・メディアの大きさ一覧>https://shuno-life.net/manga/...
-[[CDジャケットに記載すべきマークや規定文について>https:/...
~
***現状調査5|技法
-[[GitHubの使い方>https://techacademy.jp/magazine/6235]]
~
//***Present Status
//&color(red){現状調査、現状の問題の洗い出し};
~
//***Precedent
//&color(red){先行事例の紹介、傾向分析など};
~
//***Technique / Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
~
~
~
**Project Management
***Schedule
%%-進行管理表%%
//&color(red){計画的な遂行のために、進行管理表を作成して...
~
***ToDo
%%-青色系のCDジャケットを探す%%
%%-掲載する曲数を増やす%%
%%-Webサイトの構成を整える%%
//-MainVisual制作
//-Webサイトの仕様を決める
//-Webサイトのネーミング検討
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
~
~
~
#hr
CENTER:''worklog''
//&color(red){最新の情報を一番上に記載して下さい(古い記...
#hr
~
~
**2021.07.12
***今週の取り組み
-成果発表を行った
~
***アドバイス
-ジャンル分けしてみるとよいかもしれない
~
***今後の課題
-時間に余裕があれば、ジャンル分けをしてみる
~
~
**2021.07.06
***制作物の現状
-PLAY LISTは計4ページ
-掲載楽曲数 160曲
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲を増やした
~
***今後の課題
なし
~
~
**2021.06.28
***制作物の現状
-PLAY LISTが4ページ目に突入した
-6/28時点での掲載楽曲数 124曲
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲を増やした
-曲を掲載するページを増やした
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.21
***制作物の現状
-現在の体裁を保ちつつ、曲数を増やしている
-PLAY LIST 1ページにつき、40曲掲載するようにする
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-PLAY LISTページの右下にprevボタンとnextボタンを追加した
-Webサイトに掲載する曲を増やした
-曲を掲載するページを増やした
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.14
***制作物の現状
-PLAY LISTの曲並びを3カラムから4カラムに変更して曲を増や...
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲数を増やした
-曲の並びを変更した
~
***今後の課題
-掲載する曲数を増やす
-青色のジャケ写を探してSpotifyのプレイリストに追加する
~
~
**2021.06.07
***制作物の現状
-Webサイトは現在の体裁を保ちつつ、曲数を増やしている状況
//成果物(現状)のスクリーンショット等、視覚的な資料とコ...
~
***今週の取り組み
-青色のジャケ写を探してSpotifyのプレイリストに追加した
-Webサイトに掲載する曲数を増やした
//今週取り組んだ調査、実験、技術的な訓練、作業内容等
~
***今後の課題
-掲載する曲数を増やす
//発見された問題、解決すべき課題等 > ToDoに記載
~
~
**2021.05.31
***指摘された問題点
-曲の種類を増やす
~
***好評価を得た点
-Webサイトの完成度が高い
-情報が綺麗にまとまっていて見やすい
~
***その他
-別ジャンルのジャケットが気になる
-聞いたことがない音楽が気軽に再生できる
~
~
**2021.05.17
***Webプレゼンテーション
-[[プレゼンスライド>https://docs.google.com/presentation/...
-[[FiND MUSiC>http://artworkmusic.starfree.jp/]] ← サイト...
-%%プロトタイプ評価シート%% 皆様コメントありがとうござい...
~
~
**2021.05.10
***今回制作したプロトタイプ
#image(wireframe_0510.png)
サイトのワイヤーフレーム
~
http://artworkmusic.starfree.jp
サーバーの動作確認 (プロトタイプサイト)
~
***プロトタイプ制作の方法
-Adobe X Dにより、ワイヤーフレームを制作
-WordPressのテンプレートを利用
~
~
**2020.04.26
アイデアの量産 > 絞り込み
~
***Webの公開方法
-GitHubPages?WordPress.comサービス?
~
***Webの形式(分量とサイズ)
-マルチデバイスに対応させる?
(レスポンシブサイト)
-PCベース?スマホベース?
~
***Webの内容(素材ネタ)
-Spotifyの埋め込み
-CDジャケットの制作者情報
-アーティスト情報
-楽曲情報
~
***Webのネーミング
-Music To Find from CD Jackets 長すぎる?
-meet MUSiC
-FiND MUSiC
~
***Webの構成
-Spotifyの埋め込みを並べる
~
***Webの制作環境と方法
-HTML+CSS? WordPress?
~
~
**2020.04.19
***テーマ・概要に関する作業の報告
-タイトル:CDジャケットから出会う音楽
-テーマ採択の背景:アーティストの想いが詰まったCDジャケッ...
~
***調査報告
-CDジャケットの画像は著作権を持っている人の承諾なしに掲載...
-[[一般社団法人 日本レコード協会 音楽利用について Q&A集 ...
~
~
**2021.04.12
***プロジェクトのテーマ候補
-神社紹介
-金魚の日常
-選挙とは何か
-"青系"のCDジャケットから見つける音楽
~
***参考リンク
-[[“選挙”ってなに?〔NHK選挙WEBより〕>https://www.nhk.or....
-[[CDジャケット(水色)>https://bit.ly/3d8FgCY]]
-[[CDジャケット(青)>https://bit.ly/3dbStei]]
~
~
~
ページ名: