LogoMark.png

宮路咲希/情報デザイン演習IIIA の変更点


#author("2023-12-12T13:48:38+09:00","default:member","member")
#author("2023-12-12T13:51:16+09:00","default:member","member")
*Meet YOUR Music ~SixTONES ed.~
自分の好きな楽曲に出会える音楽サイト ・・・・・・・・・・・・・・・・ 
#image(サイト題名.png)

-''宮路 咲希''
-'''Keywords:Website, Music, Favorite, SixTONES'''
-https://skmyj.wp.xdomain.jp/13-2/
//-__[[相互評価シート>https://forms.office.com/r/S6BD0KzNDP]]__  ← ここからコメントをお願いします。

~

**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
あなたに合った楽曲に出会えるサイト
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
楽しい時、辛い時。どんな場面でも音楽を聴き、歌詞に力をもらえることが多い。
私が大好きなSixTONESの楽曲を通して、
音楽の素晴らしさを伝えたい!
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
楽曲をSixTONESのメンバーカラーに分け、あなたに合った楽曲に出会えるサイト
"Meet YOUR Music"
楽曲をSixTONESのメンバーカラーに分け、まだ聴いたことのないあなたにあった楽曲に出会えるサイト
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-サイトマップ
#image(サイトマップ.jpg)
-ワイヤーフレーム
#image(ワイヤーフレーム.jpg)
~

***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
宮路咲希
~

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
WordPress
illustrator
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
2023.09.19 - 2023.12.19
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
-1ページに2曲、固定ページが7つあるという部分で、1つのサイトにまとめることが難しく、手間がかかった。
-ジャケ写も1から作成したことで、illustratorのさまざまな表現方法を活用することができた。
~
~


**調査

***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-楽曲決め
-Spotifyに楽曲がない
→自作ジャケ写の作成
→公式で上がっている楽曲のみYouTubeのリンクを貼る。
→歌を聴いて感じる印象をillustratorでジャケ写風に作る。
→自作ジャケ写の横に一番印象的な歌詞を載せる。
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-[[SixTONES公式サイト>https://www.sixtones.jp]]
-[[SixTONES YouTube>https://www.youtube.com/@SixTONES_official]]
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-WordPress
-illustrator
~
~

**プロジェクト管理

***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}
[[スケジュール表>https://docs.google.com/spreadsheets/d/1joOXWXR6lIumyR13a7wPuRdSEHDgA9yg-riJNJBSgD8/edit?usp=sharing]]
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~
**2023.12.05
***サイト作成
-クエリーループを使った表示方法→RED以外のページがうまくいかない
-プラグインを使用し、REDページを複製させて作成。
-楽曲名にYouTubeのリンクを貼る
-音楽チャート下のボタンを押したら、ページに飛ぶ
-楽曲数が少ない?→その他のおすすめ楽曲として2曲提示(リンクのみ)
~
~

**2023.11.28
***ジャケ写作成完了
illustratorで作成。
-BLACK1曲、YELLOW1曲、BLUE1曲作成。
-BLUE楽曲 人人人→こっからに変更
~
~

**2023.11.21
***ジャケ写作成
illustratorで作成。
-GREEN2曲、YELLOW1曲、BLUE1曲作成。
-サイト内に載せるジャケ写を18曲から12曲に変更(1ページあたり2曲)
~
~

**2023.11.14
***ジャケ写作成
illustratorで作成。
-PINK内2曲、BLACK1曲作成。
~
~

**2023.11.07
***サイトの枠組み
-REDページの内容をどう配置するか
-PINK、BLACK等その他5つのページをどうするか
TOP、RED、PINK、BLACK、YELLOW、GREEN、BLUE→固定ページで作成
載せる楽曲(全18曲)→投稿ページで作成
全ページそれぞれの枠組み作成完了
~
~

**2023.10.31
-各ページ見出し作成
***好評価だった点
-音楽チャートが面白い
-色でグループ分けしているところ
~
***指摘された点
-文字のイメージが強い
-行間が少し気になった
~
***改善の方向性
-情報量が多い&色数が多くなるので、文字、画像サイズをしっかり決める
-ごちゃつかないように気を付ける
~
~

**2023.10.24
-現状報告、発表
-REDジャケ写作成
~
~

**2023.10.17
-サイト構造枠組み作成
~
~

**2023.10.10
-スケジュール確定
-ワイヤーフレーム作成
~
~

**2023.10.03
***サイト構成
-曲選び、ジャンル決め
-サイトマップ制作
~
~

**2023.09.26
***Xfree
-WordPressの登録(3ヶ月ごとに更新)
~
***テーマ決定
-SixTONESの音楽
→ジャンルごとに分ける。好きな歌詞を載せる。
~
~
~
**2023.09.19
*** 「第2の故郷、憧れの地、私の好きな場所・世界」
***テーマ候補
-私の好きな音楽の世界
-カジュアルの魅力
-地元の魅力
-コラージュの世界
-SixTONESの音楽
-今年観た映画まとめ
~
~
~