LogoMark.png

木村天美/情報デザイン演習IIA のバックアップの現在との差分(No.0)


#author("2022-04-14T21:12:35+09:00;2021-05-31T14:16:43+09:00","default:member","member")
* FiND MUSiC
CDジャケットから出会う音楽サイト

#image(main visual.jpg)

-''木村 天美''
-'''Keywords:青, CDジャケット, アートワーク, 音楽'''
-http://artworkmusic.starfree.jp/

~

~


**Overview
***Introduction / What is This
CDジャケットから出会う音楽
//&color(red){これは何か・・を簡潔に};
~

***Background and Purpose
近年、サブスクリプションの音楽ストリーミング配信が普及し、CDショップに行かなくても、スマホなどでいつでもどこでも手軽に音楽が聴けるようになった。それに伴い、CDの売り上げは年々下がってきている。CDジャケットから選んで聴く音楽から、アーティストやジャンルなどを選んで聴く音楽へと移り変わっているこの時代に、CDジャケットの魅力を知ってもらえたらと思い、このプロジェクトを企画した。
//&color(red){プロジェクトの背景と目的};
~

***Concept
サイト上にSpotifyの埋め込みを並べ、気になったCDジャケットの再生ボタンをクリックすると試聴ができる。(※Spotifyのユーザーはフル再生可能)
//&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://hishihari.com/moshimo-syouhinrinku/]]
-[[音楽の共有に便利な、ホームページやブログにSpotifyの埋め込みをする方法>https://dankantakeshi.hatenablog.com/entry/way-to-share-spotify-music]]
~

***現状調査3|時間軸(対象の歴史的知見)
-[[ディスクジャケットとは>https://ja.wikipedia.org/wiki/ディスクジャケット]]
-[[サブスク音楽配信サービスとは>https://viva-drone.com/music-service-2020/]]
~

***現状調査4|空間軸(対象の地理的知見)
-[[CDジャケットのサイズ>https://ooban-master.com/html/page89.html]]
-[[CD・メディアの大きさ一覧>https://shuno-life.net/manga/887]]
-[[CDジャケットに記載すべきマークや規定文について>https://www.extreme-lab.com/cdjacket-kiteibun/]]
~

***現状調査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/d/1ck33eNCOyD24WgTm_vZAi3mv12ZHsf5GGbyNiRB7ovw/edit?usp=sharing]]
-[[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集 インターネット編>https://www.riaj.or.jp/f/leg/copyright/music/qa_internet.html]]
~
~

**2021.04.12
***プロジェクトのテーマ候補
-神社紹介
-金魚の日常
-選挙とは何か
-"青系"のCDジャケットから見つける音楽

~
***参考リンク
-[[“選挙”ってなに?〔NHK選挙WEBより〕>https://www.nhk.or.jp/senkyo/chisiki/ch18/20170126.html]]
-[[CDジャケット(水色)>https://bit.ly/3d8FgCY]]
-[[CDジャケット(青)>https://bit.ly/3dbStei]]

~
~

~