#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の音楽 -今年観た映画まとめ ~ ~ ~