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