- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2021-07-15T10:41:04+09:00;2021-07-07T00:17:18+09:00","default:member","member")
*𝙎𝙊𝙉𝙞𝘾 𝙈𝘼𝙂
𝐦𝐮𝐬𝐢𝐜 𝐢𝐧𝐟𝐨𝐫𝐦𝐚𝐭𝐢𝐨𝐧 𝐰𝐞𝐛
~
#image(headerlogo01.jpg)
-'''Keywords:音楽, WEB, , '''
#hr
~
***Output
~
[[ 【完成サイト】 >https://socialdesignaoi.github.io/SONiC_MAG_web/]]
※随時更新していきます
~
|#image(スクリーンショット 2021-07-07 0.14.17.png)| |#image(summmmer.png)|
~
**Overview
***Introduction / What is This
音楽をベースにサブカルチャーに関する情報を発信するサイト
~
***Background and Purpose
僕にとってのカルチャーとは音楽や映画、服、文学といった生活スタイルが複雑に絡み合ったものであり、一つの要素がすべてに関係して成り立っているものだと思っています。
このアプローチで、音楽という情報をベースにした視野の広いマルチな情報サイトを作っていきたいと考え今回の研究に至りました。遊び心をを取り入れた見ていて飽きることのないサイトが目標です。
-視覚的な面白さも取り入れていきたい。
-ヒットチャートなどにとらわれない自分の"好き"を追求するサイトにしたい。
-アンダーグラウンドな情報も取り入れて、自分、サイトを見る人の両者にとって新しい発見を提供していきたい。
~
***Concept
-さまざななサブカルチャーを織り交ぜたマルチなWEBサイト
-
~
#hr
***Tools
-adobe illustrator
-adobe dream weaver
-adobe photoshop
~
***Term
-2021.04.08 ~ 2021.07.15
~
***Conclusion / Summary
音楽に関するホームページ と記事を作成した。
サイトの記事や情報はこれからも改善、更新していく。
改善点
-はじめに明確な目標、計画を決める必要がある。
-コンセプトに忠実である必要がある
-見やすくする(デザイン、配置の整理)
~
~
**Survey
***Present Status
・いろんなカルチャーを織り交ぜて音楽を紹介するサイトはあまりない。
・音楽情報サイトの共通点としてヒットチャートを主にあつかっているサイトは
アンダーグラウンドな情報はあまり扱っていない傾向がある
-[[音楽ナタリー>https://natalie.mu/music/]]
-[[ロッキンオンジャパン>https://rockinon.com/news?category=1/]]
-[[ビルボードジャパン>https://www.billboard-japan.com/]]
-
~
***Precedent
-[[BGM,DAWファイルの紹介サイト>https://logitunes.com]]
-[[音楽情報サイト>https://www.barks.jp]]
-[[音楽制作に関する記事>https://www.sakumamatata.com]]
-[[3Dと音楽>https://dillasdonuts.shop/]]
-[[3Dと音楽>http://fakemusic.fr/FM002]]
~
***Technique / Technology
-java script
-html
-css
-three.js
~
~
**Project Management
***Schedule
-[[🗓schedule🗓>https://www.notion.so/04ab325fe5d743869212ab2727da1d61?v=816d23395e954a7d9726678464bad7ff]]
~
~
~
***ToDo
-音楽情報,音楽制作用,3D×音楽,の三つのページを作る
-コンセプトに沿った記事を書いてみる
-webサイトに動きをつける
-ファッション、アート、生活などのカルチャーも音楽と絡めて紹介する
~
~
~
#hr
CENTER:''worklog''
#hr
~
~
**2021.07,01
***記事作成
[[記事>https://socialdesignaoi.github.io/SONiC_MAG_web/smarticle1.html/]]
~
~
**2021.06,27
***プレイリスト 考案
-[[プレイリスト>https://open.spotify.com/playlist/5wR5tQb7qLCB22kj3tL1O7?si=bC72ly4ZSdyaXnarhd81kQ/]]
~
~
**2021.06.12
***ホームページ 作り直し
#image(スクリーンショット 2021-07-07 0.14.17.png,center,50%)
~
**2021.06.10
***エディタの変更
テキストエディタをDreamweaver からvisual studio codeに変更
https://azure.microsoft.com/ja-jp/products/visual-studio-code/
~
**2021.06.05
***他のサイトの調査
-[[音楽ナタリー>https://natalie.mu/music/]]
-[[ロッキンオンジャパン>https://rockinon.com/news?category=1/]]
-[[ビルボードジャパン>https://www.billboard-japan.com/]]
音楽情報サイトの共通点としてヒットチャートを主にあつかっているサイトは
アンダーグラウンドな情報はあまり扱っていない傾向があるとわかった。
~
**2021.05.26
***ホームページ 試作
-[[demo>https://socialdesignaoi.github.io/SONiC_MAG_home/]]
~
**2021.05.17
***ウェブサイト制作開始
使用するコンテンツ
Adobe illustrator
Adobe photoshop
Adobe dreamweaver
~
**2021.05.11
***プログラミングを学ぶ
[[学習用サイト:Progate>https://prog-8.com/]]
~
~
**2021.05.06
***ロゴタイプ 制作
イラストレーターを使ってロゴタイプの制作を行った
#image(header_logo.jpg,center,60%)
~
**2021.04.22
***ネーミング
-響きが良く思わず靴にしたくなるような名前。
【𝐒𝐎𝐍𝐢𝐂 𝐌𝐀𝐆】
•名前の由来
sonic = 音,音速の,を意味する。
mag = 雑誌を意味するmagazineの略称。
~
**2021.04.15
***目標にするWEBサイト
https://popeyemagazine.jp/
-幅広い分野の情報を取り扱っているのにごちゃごちゃしていない。
-デザインがおしゃれである。
~
~
~
**2021.04.08
**音に関するWEBサイトの作成
音源サンプル、効果音、BGMの提供、音楽制作についての記事、アーティストの紹介
~
BGM,DAWファイルの紹介サイト
https://logitunes.com
~
音楽情報サイト
https://www.barks.jp
~
音楽制作に関する記事
https://www.sakumamatata.com
~
-3Dと音楽
https://dillasdonuts.shop/
http://fakemusic.fr/FM002
~
***目指すwebサイト像
-閲覧しやすい
-いろんな角度から楽しめる
-ビギナーにやさしい
-閲覧者と情報の共有もできたらいいな
~