((outline))

!!! ページリンク
>>{24::gr10}{班ページトップへ}<br><br>
>>{24::gr10::発表}{最終発表へ戻る}<br><br>
>>{24::gr10::関数}{'''' '''使用した関数の詳細（自作したものについて）''' ''''}
<br><br>


!!!モジュール分け

!!htmlファイル（cssも付随）

:__search.html__
* プルダウンを使って音域を入力できるようにする。
* 曲名や歌手名を入力できるようにする。
** 検索時にサジェスト機能があると良い
*data_search.jsから該当歌手の曲名が入ったリストを返す
<br><br>

:__list_output.html__
*「音域検索」では、その音域に当てはまる曲のリストを出力する。
*「歌手名検索」や「曲名検索」では、該当する歌手の曲のリスト又は、検索した曲をピンポイントで出力する。
*表形式で出力し、歌手名や音域での並び替えや、歌手名でのフィルタリングを行えるようにする。
*キー変更したときに自分の音域に当てはまる曲もわかるようにする
<br><br>

:__song_output.html（）__
* 楽曲の「曲名」、「歌手名」、「音域」、「MV」、「歌詞」など、楽曲にまつわる情報を出力する。



!!javascriptファイル

:__data_search.js__
*構造体で曲のデータをデータベ保存するデータベース。
*検索結果に対応した曲のリスト（構造体）をoutput.jsに渡す
<br><br>


:__output.js__
*出力方法を制御するファイル。
**数字で管理しているが、表示形式に変換しなければならないもの
**表形式での表示のさせ方
<br><br>


:__pitch_match.js__
*音階を文字や数字で管理し、それぞれに変換する
<br><br>


:__sort.js__
*結果表示画面における音階での並び替えを制御するファイル。
<br><br>


:__singer_filter.js__
*結果表示画面において出力する歌手名などに条件で絞り込みをする
<br><br>
<br><br>