2020版イントロクイズ説明書(2020/8/18作成)

各フォルダについての説明。

public: css,js,audioファイルなどの動的ファイルが入っている。
　css: cssファイル置き場。
　js: Javascriptファイル置き場。
　audio: 音楽ファイル(mp3形式)とまとめたcsvファイル置き場。

views: erbファイルなどクライアントが見えるファイルが入っている。


イントロクイズを行うための準備と手順を以下に示す。

準備
gem install でsinatra、sinatra/reloaderをインストールする。（今回は2つのためGemfile作ってないです）

コマンドを以下に示す。

ここにコマンド書くよ。


手順

手順書いてくよ。




とりあえずこれだけ。
クローンした　2020_intr　以下で

[ターミナル]
ruby server.rb

[firefox等のURLバー]
localhost:4567 でアクセス。

tableの曲名をクリックで音楽が流れる。画面左上の3つのボタンでそれぞれ再生、停止、サビ再生を行う。


曲は全てpublic/audio下に置く。そこ以外だと反応しません。
mp3ファイルを置いた上で、csvファイルの形式は

曲名,ファイル名,ヒント,作者,サビ秒数

にしてください。また、start.jsでcsvファイルの1行目を飛ばす処理をしているので、2行目から記載してください。



これからしてくこと。

曲名が始めから表示されているとだめなので、問題1,問題2などに表示を変えて、正解した時に曲名に置き換えるようにする。
作者も正解したら出そうかなと。なんかあったら誰か聞くかも知れないし。
