LogoMark.png

福井涼/情報デザイン演習IIA のバックアップの現在との差分(No.1)


#author("2024-04-02T15:16:29+09:00","default:inoue.ko","inoue.ko")
*MainTitle
SubTitle ・・・・・・・・・・・・・・・・ 
#author("2024-05-20T13:46:54+09:00;2024-05-13T11:45:48+09:00","default:member","member")
*Life with the Bassoon
ファゴットの魅力を伝えるWebサイト

  
 
             メインビジュアル、あるいは
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''Your Name''
-'''Keywords:・・, ・・・, ・・・, ・・・'''
-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__  ← ここからコメントをお願いします。
-''福井 涼''
-'''Keywords:音, Web, 映像'''
-__[[試作品>https://fki-sz.github.io/bsn1/]]__ ※未完成
-__[[相互評価シート>https://docs.google.com/spreadsheets/d/16DmKRnOkBtjigoA32jY2NvUCDym_X1EHB4QTFY5_M2Y/edit?usp=sharing]]__  ← ここからコメントをお願いします。
~
~


**概要
***これは何?
&color(red){これは何か・・を簡潔に};
ファゴットの音の魅力を伝えるWebサイト
~

***背景と目的
&color(red){プロジェクトの背景と目的};
自分がやっている楽器を伝えても、知らないと言われることがほとんど。
マイナーな楽器からメジャーな楽器にするため。
~

***コンセプト
&color(red){基本的な考え方、枠組み、視点など};
ファゴットの音色の魅力を自分の表現を交えて伝える。
~

***成果物の仕様
&color(red){&small(成果物の形式・サイズ・時間尺等);};
Webサイト
動画…5分ほどの演奏動画
~

***メンバー
&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
他楽器の人への協力
~

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

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

~
~

**プロジェクト管理

***スケジュール
&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};

~

***ToDo
&color(red){やるべきこと(タスク)を箇条書きにします。};
&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-Webサイトの基盤を制作
-HTMLとCSS,javascriptの応用を模索
-サイトの構成を考える(サイトマップをしっかり作る)
-音声録音
-動画編集


~
~

#hr
CENTER:''進捗記録''
&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};

#hr
~
~

**2024.04.29
***今回制作したプロトタイプ
~
CENTER:#image(sitemap.png,center,75%)
CENTER:サイトマップ
~
CENTER:#image(wireframe.jpg,center,75%)
CENTER:サイトのワイヤーフレーム

~

**20XX.XX.XX
***XXXX
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯

~
***XXXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯

***プロトタイプ制作の方法

- Adobe Illustrator により、ワイヤーフレームを制作
- インターネット上のWebテンプレートを利用
- メインビジュアルとメニューのみを修正してサーバーにアップ
~
~

**20XX.XX.XX
***XXXXXX
-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯

**2024.04.22
アイデアの量産 > 絞り込み
~
***XXX
-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
***Webサイトの公開方法
-GitHub
~

***Webサイトの内容(素材ネタ)
-ファゴットの魅力をジャンル別で紹介
→身近にあるファゴットの音の一部を取り出し、音声リンクを作成
→音がもたらすリラックス効果や高揚感、等を説明に入れる
-実際に曲を演奏した動画のリンク
-ファゴットの起源
-ファゴットの他楽器との結びつき(ダブルリード、弦楽器、木管五重奏…)
-有名なファゴット奏者の演奏動画リンク

~

***Webサイトのネーミング
-Life with the Bassoon
~

***Webサイトの構成
-それぞれのページを作成
-音声リンクを使用し簡単に再生できる仕組み
~

***Webサイトの制作環境と方法
-HTML, CSS, javascript
~

***動画の内容
-ジブリメドレーを実際に演奏・合成
-
~
~


**2024.04.15

***現状調査|テーマ内容の先行事例
-ファゴットの魅力は何か。
--[[参考リンク>https://topics.tbs.co.jp/article/detail/?id=19904]]
-みんながよく耳にするCMソングやドラマ挿入曲は何か。
--[[参考リンク>https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1168071361]]
~

***現状調査|表現形式の先行事例
-音・音楽を上手く聴かせるにはどうすればよいか。
--[[音声リンク作り方>https://news.mynavi.jp/techplus/article/zerojavascript-21/]]
-映像表現の中で、聴覚だけでなく視覚でどうおもしろく見せるか。
--[[参考映像>https://youtu.be/WfKHU0jzqDA?si=fhJ4FdF3PxmUO7PS]]
~

***現状調査|時間軸(対象の歴史的知見)
-ファゴットが誕生するまでの歴史
--[[参考リンク>https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%B4%E3%83%83%E3%83%88#%E6%AD%B4%E5%8F%B2]]
~

***現状調査|空間軸(対象の地理的知見)
-それぞれの国でのファゴットの奏者
--[[参考リンク>https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%B4%E3%83%83%E3%83%88#%E6%AD%B4%E5%8F%B2]]
~


***現状調査|技術
-[[Webサイト構成>https://www.nintendo.com/jp/switch/aqmxa/index.html]]
-[[映像の撮り方>https://youtu.be/UjOnaMBwnUw?si=iH9n_DFPeWpxD0H9]]
-[[楽器の表現を知る>https://www.youtube.com/@sophiedervaux-official9202]]
~

***解決すべき課題
-HTMLやCSS, javascriptの技術・構成
-映像表現の蓄え
~


**2024.04.08
***プロジェクトのテーマ候補(10件以上)
-楽器紹介(吹奏楽、fg、、
-日常の中の様々な音(音楽)とその効果
-知られていないファゴットの音
-絵本の魅力と人の心理
-色んな結婚式の形
-メイクアップ
-和服と洋服
-公園(土地設計、遊具
-文房具
-散歩

~

***参考リンク
-[[楽器紹介サイト>https://www.gakkihaku.jp/collection/co/kind/]]
-[[演奏映像>https://youtu.be/UjOnaMBwnUw?si=iH9n_DFPeWpxD0H9]]
-[[Webサイト構成>https://www.nintendo.com/jp/switch/aqmxa/index.html]]
~
~