木村天美/情報デザイン演習IIA
をテンプレートにして作成
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
開始行:
* FiND MUSiC
CDジャケットから出会う音楽サイト
#image(main visual.jpg)
-''木村 天美''
-'''Keywords:青, CDジャケット, アートワーク, 音楽'''
~
~
**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.j...
//-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ジャケット, アートワーク, 音楽'''
~
~
**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.j...
//-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]]
~
~
~
ページ名: