#author("2024-01-15T00:02:38+09:00","default:member","member") #author("2024-01-15T00:09:42+09:00","default:member","member") *fashion&music snap fashionとmusicの「新しい見方」を届けるWebサイト #image(main2.jpg,70%) -''kazuma orihashi'' -'''Keywords：fashion, music, web''' //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 -https://knba267313.github.io/fm_snap/ //-file:///Users/orihashikazuma/Desktop/fashion&musicsnap/index.html ~ **概要 ***これは何？ 音楽とファッションを紐付けて新しい角度から「発見」のあるwebサイト。 //&color(red){これは何か・・を簡潔に}; ~ ***背景 //&color(red){プロジェクトの背景と目的}; これまで、音楽とファッションに関する歴史を描いたり、解説をしたりすることはある程度やり尽くされているところがある。今更「この楽曲やファッションはこうだ」という話をしても、ピンと来ないと思う。例えば、音楽について考えてみると、社会生活をする上での「現実逃避の手段」として楽しむ側面だけでなくて、「現実の社会と向き合うこと」に繋がる面がある。既存のwebサイトを見たときにページトップにファッションと音楽という風に書かれていても、スナップ写真を見た際にファッションと音楽というものが目を通して入ってこないものが多いという背景がある。 ***目的 背景があった上で、音楽それ自体をただ楽しむだけでも全く問題ないが、「今この時代に、音楽とファッションに関するサイトを出す意義」を考えたとき、好きなアーティストと好きな音楽を見聞きしして「自分と似ているな」と感じることや、サイトを見て一つの側面として、そういう見方もあると伝えることには意義があると思う。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ・ファッションと音楽の掲載を中心としたスナップ ・ファッションと音楽を掛け合わせることによる「新しい見方」 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ・webサイトに公開 ・スナップ写真18枚を作成 ・各々のスナップの着用している服のタグ付け、サイト文には音楽のリンクを載せる ・ワイヤーフレーム &image(wireframe.jpg,,40%); ・サイトマップ &image(sitemap2.jpg,,40%); ・サイト内イメージ #image(2023-07-02 15.49のイメージ.jpg,40%) &image(aaa.jpg,,50%); &image(bbb.jpg,,50%); &image(ccc.jpg,,50%); &image(ddd.jpg,,50%); ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; 折橋 和真 ~ ***制作ツール ・figma ・sublime text ・illustrator ・photoshop //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 プロジェクトの期間｜2023.04.14 - 2023.12.22 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ファッションと音楽を簡潔に効率よく情報を伝達するサイトの構築はできた。試作の段階で表現したいWebサイトの形を作ることはできたが、系統別に分けたスナップのファッションの概要、音楽の概要を記載したりスナップ写真自体の撮り方の規則性をつけることができた。部位別で撮ったスナップ写真(tops、pants、shoes)をクリックすることにより各々のサイトに誘導する事ができ、音楽の面では全身スナップに音楽のURLを添付することによりyoutubeで視聴する事が可能になった。また、webサイトの最下部にあるinstagramアイコンを押すとinstagramアカウントに飛ぶことができ、SNSで拡散を広める次第である。今後は、webサイト、instagramを見てもらった人に具体的な「新しい見方」を感じてもらえるよう模索し、広報活動をしていく。 ~ ~ **調査 ***現状調査 ・[[hiphopカルチャーとシューズについて>https://allabout.co.jp/gm/gc/460424/]] ・[[音楽とファッションに「現代的視点」を重ねる意義>https://fashiontechnews.zozo.com/culture/kenichi_aono]] //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 ・[[Fashionsnap>https://www.fashionsnap.com/streetstyle/]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ~ ~ **プロジェクト管理 ***スケジュール [[スケジュール>https://docs.google.com/spreadsheets/d/1-q_qm_ZyjCwABThGmfJsLGEaCg-u_A1FN0S_qnSVIAY/edit]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; %%・試作の制作%% %%・音楽と靴の歴史調査%% %%・画像自体に服のブランドをタグ付けする%% %%・音楽サイトを画像に添付する%% %%・メンズ、レディース表記を変える%% %%・服のリンク、音楽のリンクを付ける%% %%・スナップのモデル名を変更%% //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2023.12.22 ・仮説明パネルをブラッシュアップし説明パネル完成 **2023.12.15 ・最終審査を終えて今後のブラッシュアップ事項をまとめた ・仮説明パネル完成 **2023.12.08 ・説明パネルの作成 ・説明パネルのメインビジュアルを再作成 **2023.12.01 ・後期概要集の添削後、改善し完成 ・年間スケジュール完成 **2023.11.24 ・後期概要集を作成 ・年間スケジュールの整理 **2023.11.17 ・サイト内イメージ更新 &image(aaa.jpg,,50%); &image(bbb.jpg,,50%); &image(ccc.jpg,,50%); &image(ddd.jpg,,50%); **2023.11.10 ・htmlとcssを利用し、スナップを押すと服のリンクに飛べるような仕様にした。 ・音楽に関しては、全体スナップの下のリンクを押すとyoutubeに飛ぶ事ができる。 **2023.10.27 中間報告まとめ ・画像を18枚に変更 ・1スナップに色々な角度の写真を掲載する ・メンズ、レディース表記を変える ・othersを変更し、有効化 ・服のリンク、音楽のリンクを付ける ・スナップのモデル名を変更 **2023.10.20 ・サイト内のレイアウト変更 →mens snap、ladys snapを追加 ・webサイトの更新 **2023.10.11 ・タグ付けイメージ &image(sakura.jpg,,25%);&image(yuka.jpg,,25%);&image(hinata.jpg,,25%); **2023.10.03 ・メインビジュアル完成 #image(main2.jpg,40%) **2023.09.28 ・スナップ写真撮影 &image(tomoki.jpg,,25%);&image(daiki2.jpg,,25%);&image(sakura2.jpg,,25%); **2023.09.21 ・サイトマップ完成 #image(sitemap2.jpg,,40%) **2023.09.15 ・サイト再編集 ・サイトマップ再作成 **2023.07.21 ・最終審査を終えて、スナップを撮るにしてもアップで撮ったり引いて撮ったりする。 ・撮ってもらった人の一言を掲載をする。 ・好きな音楽、好きな服のリンクに飛べるようにする。 ・ジャンル分けして見易さや統一感を上げる。 ・「新しい見方」をしてもらった上でどうしたいかを追求する。 →先行事例を沢山調べる。 **2023.07.14 まとめ ファッションと音楽を簡潔に効率よく情報を伝達するサイトの構築はできた。試作の段階で表現したいWebサイトの形を作ることはできたが、系統別に分けたスナップのファッションの概要、音楽の概要を記載したりスナップ写真自体の撮り方の規則性をつけることが必要である。今後は、サイトを見てもらった人に具体的な「新しい見方」を感じてもらえるよう模索し、ブラッシュアップを重ねていく。 **2023.07.07 概要集のフィードバックを受けてブラッシュアップをし、今後の展望サイトマップを作成 **2023.06.30 サイト内イメージ &image(2023-07-02 16.43のイメージ.jpg,,50%); &image(2023-07-02 16.43のイメージ (1).jpg,,50%); &image(2023-07-02 16.43のイメージ (2).jpg,,50%); &image(2023-07-02 16.44のイメージ.jpg,,50%); **2023.06.23 サイトビュー制作 #image(isolated_tablet_laptop_and_smartphone_composition (1).jpg,60%) **2023.06.16 ワイヤーフレーム制作 #image(wireframe.jpg,40%) **2023.06.09 サイトマップ制作 #image(sitemap.jpg,40%) **2023.06.02 ・[[音楽とファッションに「現代的視点」を重ねる意義>https://fashiontechnews.zozo.com/culture/kenichi_aono]] ↓ これまで、音楽とファッションに関する歴史を描いたり、解説をしたりすることはある程度やり尽くされているところがある。今更「この楽曲やファッションはこうだ」という話をしても、ピンと来ないと思う。 その中で、「今この時代に、音楽とファッションに関するサイトを出す意義」を考えたとき、好きなアーティストと好きな音楽を見聞きしして「自分と似ているな」と感じることや、サイトを見て一つの側面として、そういう見方もあると伝えることには意義があると思う。 **2023.05.26 ・サイト用写真撮影 &image(1.jpg,,20%); &image(2.jpg,,20%); &image(3.jpg,,20%); **2023.05.19 ・テーマ変更（ファッションと音楽） ・sublimetextでサイト構築 **2023.05.12 ・試写（サイト用） &image(vans.jpg,,20%); &image(jacmus.jpg,,20%); **2023.04.28 ・動画媒体に変更 **2023.04.21 ***調査 ・[[パンツ種類>https://mens.tasclap.jp/a4606]] ・[[hiphopカルチャーとシューズについて>https://allabout.co.jp/gm/gc/460424/]] ***nike ・NIKEのair force 1はNBAでのナイキシューズを着用した黒人選手の活躍も関わったと言われている。 ***adidas ・hiphopを大いに広めたとされるrun dmcが、紐無しadidasスーパースターを履いていた。 ***参照 ・nike https://tengusneaker.com/ ・adidas https://www.cdjournal.com/ ~ **2023.04.14 ***テーマ案 ・「視る」ということに対しての疑門を解消するwebサイトor動画。 ↓ 様々な洋服のdetailの概要を説明。 ~ ***調査 [[・detail名称>https://apparelfashionwiki.com/?]] ~ ~ ***GitHub管理 -https://github.com/Knba267313/fm_snap ~ ~