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などに表示を変えて、正解した時に曲名に置き換えるようにする。 作者も正解したら出そうかなと。なんかあったら誰か聞くかも知れないし。