イントロクイズの作り方

　先日イントロクイズを作成しました。なかなかおもしろいのですが、音源の許諾などが面倒なので、公開していません。そこで、自分で作れるようにしました。
音源さえ作れば、プログラムはコピペだけでできるようにしたので簡単にできます。

１）　音源を入手する
　まず、自分がクイズにしたい曲の音源をインターネットで探してください。探し出したら、最初の20秒程度を録音します。録音のソフトを持っている人はそれでやればいいです。私はAudacityというフリーソフトを活用しています。windowsに内蔵されている「サウンドレコーダー」でもOKです。クイズ中に長い時間流しても意味ないので、曲の出だしがわかる程度の時間分だけ録音してください。それをmusicというフォルダ名のフォルダに保存してください。（拡張子はmp3です）
保存するときの保存名は次の表の曲番号だけにします。

２）　録音した曲のリストを作る
　録音ができたら、リスト化します。下記のサンプルのようにエクセルで作ってください。1行目の余白やタイトルは不要で1行目に「曲番号」、「曲名」、「歌手」　2行目から曲番号と答えを入れていってください。
曲数は99曲まで可能です。

　エクセル表を作る際にA列は01、02というように0が付くようにしてください。そのため、A列のセル特性を「文字列」にしてください。もし0が付けられないのなら曲リストのほうも0なしで統一してください。エクセルができたら、いったんエクセルで保存してから、そのファイルを右クリックして「csv utf-8（コンマ区切り）」として保存してください。（エクセルも保存するのはあとで追加がしやすいからです）

３）以上の準備ができたら、あとは「プログラムコードリスト」のpdfからコードをコピペしたらOKです。
　　必要なファイルはindex.html, script.js, style.css, list.js の4つ、それとmusicフォルダを一つのフォルダ内に収めます。そのフォルダ名はなんでもかまいません。（例えば「僕のイントロクイズ」とか）
以上ができたら、index.html　をダブルクリックしたらゲームが始まります。
では、みんなでイントロクイズを楽しんでください。
⇒　「生成AIを活用したプログラム全リスト」