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/myproject 以下で [ターミナル] ruby server.rb [firefox等のURLバー] localhost:4567 でアクセス。 tableの曲名をクリックで音楽が流れる。画面左上の3つのボタンでそれぞれ再生、停止、サビ再生を行う。 曲は全てpublic/audio下に置く。そこ以外だと反応しません。 mp3ファイルを置いた上で、csvファイルの形式は 曲名,ファイル名,ヒント,作者,サビ秒数 にしてください。また、start.jsでcsvファイルの1行目を飛ばす処理をしているので、2行目から記載してください。 これからしてくこと。 曲名が始めから表示されているとだめなので、問題1,問題2などに表示を変えて、正解した時に曲名に置き換えるようにする。 作者も正解したら出そうかなと。なんかあったら誰か聞くかも知れないし。