音ゲー関連記事で使えるテンプレート一覧(その2:譜面再現系)

この記事では、音ゲー関連記事の編集に役立つ譜面再現系のHTMLテンプレートやお絵カキコテンプレートを集めている。

この項目は、まだ作成途中です。

HTMLを利用した譜面再現系テンプレート

ここでは、ソースコードをコピペして使うタイプのテンプレを紹介する。

jubeat

「jubeatのONLINE MATCHING待機時間の暇潰し一覧」の記事で使われているテンプレ（ひとまわり大きめ）。<table>のセルが4×4で並んでいるだけなので、テンプレと言うほどたいそうな物ではないかも知れないが…

ソースコード

<table style="margin: 10px; float: left; width: 128px; height: 128px;">
<tbody>
<tr><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td></tr>
<tr><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td></tr>
<tr><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td></tr>
<tr><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td><td height="32" width="32"></td></tr>
</tbody>
</table>

サンプル

使い方

1. 上のソースコードをコピーする。
2. テンプレを貼り付けたい記事の編集画面を開き、HTMLエディタを無効化する。
3. テンプレを挿入したい位置に、先ほどコピーしたソースコードを貼り付ける。
4. HTMLエディタを有効に戻す。すると編集画面に上のサンプルのような、四角形（これをセルという）が4×4に並んだ図形が出てくるはず。
5. このままでは単なるセルの集合体でしかないので、セルの色を変えて譜面を再現してみよう。まずは色を変えたいセルの上でクリックし、文字入力カーソルがそのセルの中に表示されている状態にする。
6. HTMLエディタの上のほうに色々なアイコンが並んでいるが、上の段の左から10番目に「セルのプロパティ」というアイコンがあるので、それをクリック。
7. 「セルのプロパティ」というウインドウが新しく開かれるので、上の「上級者向け」タブをクリック。
8. 出てきた画面のなかに「背景色」という入力欄がある。試しにここに半角で「ff0000」と入力して、下の「更新」ボタンを押してみよう。
9. そうすると、先ほどのセルの色が■赤に変わっているはず。あとは5～8を繰り返して、色を変えたいセルの色を全て変えればよい。

ちなみにWindowsユーザーであれば、上の手順5～6を行う代わりに「色を変えたいセルの上で右クリック→セル→セルのプロパティ」の順に操作しても良い。また、手順8で「ff0000」の代わりに別の数値を入れれば、赤以外の色にすることができる（ex. 00ff00→■緑、0000ff→■青）。

注意点としては、色を指定する際はセルひとつひとつに対して行うこと。行や列の色を一括して変更すると、環境によっては設定がうまく反映されないことがある。

お絵カキコを利用した譜面再現系テンプレート

ここでは、お絵カキコの「基にしてお絵カキコする」機能を利用するタイプのテンプレを紹介する。

関連項目

• 音ゲー
• 音ゲー関連記事で使えるテンプレート一覧(その1:楽曲情報系)
• BEMANIシリーズの楽曲一覧
• BEMANIシリーズのコンポーザー一覧
• BEMANIシリーズの用語一覧
• 一覧の一覧