音ゲー関連記事で使えるテンプレート一覧

この記事では、音ゲー関連記事の編集に役立つhtmlテンプレートやお絵カキコテンプレートを集めてみた。

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

目次

• 楽曲情報系・難易度表なし
  • 難易度表なし（一般）
  • 難易度表なし（DJMAX向け）
• 楽曲情報系・難易度表付き（1機種分のみ）
  • beatmania難易度表付き
  • beatmaniaIIDX難易度表付き
  • beatmaniaIIDX難易度表付き（黒譜面ver.）
  • pop'n music難易度表付き
  • GuitarFreaksXG & DrumManiaXG難易度表付き
  • jubeat難易度表付き
  • REFLEC BEAT難易度表付き
• 楽曲情報系・難易度表付き（機種横断）
  • beatmania ＋ beatmaniaIIDX

楽曲情報系・難易度表なし

以下で紹介するテンプレは全て、[※ほにゃらら]の部分を書き換えればちゃんとした表として使用可能。なお、ソースコードはhtmlエディタを無効化してから、挿入したい場所に貼り付けよう。

表を左寄せにしたい場合はソースコードの一番上の行の
margin: auto;
の部分を
float: left; margin: 10px;
に、同様に右寄せにしたい場合は
float: right; margin: 10px;
に書き換えればOK。

難易度表なし（一般）

複数の作品に跨って収録されている楽曲の記事の場合は、このテンプレを使うとすっきり。ジャンル表記の項が不要な場合は、ソースコードの7行目を全て消せばOK。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2" style="font-size: 80%; text-align: center;">楽曲情報</th></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">曲名</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに曲名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">アーティスト</th><td style="font-size: 80%; background-color: #ffffff;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">収録作品</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに収録作品を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">ジャンル</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">BPM</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに楽曲のBPM値を入れる]</td></tr>
</tbody>
</table>

サンプル

楽曲情報
曲名	[※ここに曲名を入れる]
アーティスト	[※ここにアーティスト名を入れる]
収録作品	[※ここに収録作品を入れる]
ジャンル	[※ここに楽曲のジャンル名を入れる]
BPM	[※ここに楽曲のBPM値を入れる]

難易度表なし（DJMAX向け）

DJMAX系の記事ではこちらを使うといい感じ、かも。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2" style="font-size: 80%; text-align: center;">楽曲情報</th></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">Title</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに曲名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">Genre</th><td style="font-size: 80%; background-color: #ffffff;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">Sound</th><td style="font-size: 80%; background-color: #ffffff;">[※ここにサウンドを担当したアーティスト名を入れる]</td></tr>
<tr><th style="background-color: #e6e9ff; font-size: 80%;">Visual</th><td style="font-size: 80%; background-color: #ffffff;">[※ここにビジュアルを担当したアーティスト名を入れる]</td></tr>
</tbody>
</table>

サンプル

楽曲情報
Title	[※ここに曲名を入れる]
Genre	[※ここに楽曲のジャンル名を入れる]
Sound	[※ここにサウンドを担当したアーティスト名を入れる]
Visual	[※ここにビジュアルを担当したアーティスト名を入れる]

楽曲情報系・難易度表付き（1機種分のみ）

書き換える部分が多くなるだけで、基本的な使用方法は難易度表なしのものとほぼ同じと考えてよい。
楽曲が収録されている機種に合ったテンプレを利用しよう。

beatmania難易度表付き

5鍵beatmania収録楽曲向けテンプレ。
5鍵beatmaniaは結構な頻度で難易度表記が変わっているので、テンプレを使う際はどのバージョンの難易度表記を記したか、どこかに明記しておくのが望ましい。一応、このテンプレはTHE FINALの難易度表記を基に作成してある。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2">ジャンル</th><td colspan="3" style="text-align: center;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th colspan="2">アーティスト</th><td colspan="3" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th colspan="2">BPM</th><td colspan="3" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr style="text-align: center;"><th rowspan="4" style="vertical-align: middle;">譜面難易度</th><th>　</th><td style="background-color: #f4f7cb;">NORMAL</td><td style="background-color: #f7cbcb;">HARD</td><td style="background-color: #d0fab8;">ANOTHER</td></tr>
<tr style="text-align: center;"><th>シングル(SP)</th><td>[※シングルNORMALの難易度]</td><td>[※シングルHARDの難易度]</td><td>[※シングルANOTHERの難易度]</td></tr>
<tr style="text-align: center;"><th>ダブル(DP)</th><td>[※ダブルNORMALの難易度]</td><td>[※ダブルHARDの難易度]</td><td>[※ダブルANOTHERの難易度]</td></tr>
</tbody>
</table>

サンプル

ジャンル		[※ここに楽曲のジャンル名を入れる]
アーティスト		[※ここにアーティスト名を入れる]
BPM		[※ここに楽曲のBPM値を入れる]
譜面難易度		NORMAL	HARD	ANOTHER
	シングル(SP)	[※シングルNORMALの 難易度]	[※シングルHARDの 難易度]	[※シングルANOTHERの 難易度]
	ダブル(DP)	[※ダブルNORMALの 難易度]	[※ダブルHARDの 難易度]	[※ダブルANOTHERの 難易度]

beatmaniaIIDX難易度表付き

beatmaniaIIDX収録楽曲向けのテンプレ。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2">ジャンル</th><td colspan="3" style="text-align: center;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th colspan="2">アーティスト</th><td colspan="3" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th colspan="2">BPM</th><td colspan="3" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr style="text-align: center;"><th rowspan="3" style="vertical-align: middle;">譜面難易度</th><th>　</th><td style="background-color: #cdedf5;">NORMAL</td><td style="background-color: #f4f7cb;">HYPER</td><td style="background-color: #f7cbcb;">ANOTHER</td></tr>
<tr style="text-align: center;"><th>シングル(SP)</th><td>[※シングルNORMALの難易度]</td><td>[※シングルHYPERの難易度]</td><td>[※シングルANOTHERの難易度]</td></tr>
<tr style="text-align: center;"><th>ダブル(DP)</th><td>[※ダブルNORMALの難易度]</td><td>[※ダブルHYPERの難易度]</td><td>[※ダブルANOTHERの難易度]</td></tr>
</tbody>
</table>

サンプル

ジャンル		[※ここに楽曲のジャンル名を入れる]
アーティスト		[※ここにアーティスト名を入れる]
BPM		[※ここに楽曲のBPM値を入れる]
譜面難易度		NORMAL	HYPER	ANOTHER
	シングル(SP)	[※シングルNORMALの 難易度]	[※シングルHYPERの 難易度]	[※シングルANOTHERの 難易度]
	ダブル(DP)	[※ダブルNORMALの 難易度]	[※ダブルHYPERの 難易度]	[※ダブルANOTHERの 難易度]

beatmaniaIIDX難易度表付き（黒譜面ver.）

黒譜面のある楽曲の場合はこちらのテンプレを。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2">ジャンル</th><td colspan="4" style="text-align: center;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th colspan="2">アーティスト</th><td colspan="4" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th colspan="2">BPM</th><td colspan="4" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr style="text-align: center;"><th rowspan="3" style="vertical-align: middle;">譜面難易度</th><th>　</th><td style="background-color: #cdedf5;">NORMAL</td><td style="background-color: #f4f7cb;">HYPER</td><td style="background-color: #f7cbcb;">ANOTHER</td><td style="color: #f7cbcb; background-color: #403340;">黒ANOTHER</td></tr>
<tr style="text-align: center;"><th>シングル(SP)</th><td>[※シングルNORMALの難易度]</td><td>[※シングルHYPERの難易度]</td><td>[※シングルANOTHERの難易度]</td><td>[※シングル黒ANOTHERの難易度]</td></tr>
<tr style="text-align: center;"><th>ダブル(DP)</th><td>[※ダブルNORMALの難易度]</td><td>[※ダブルHYPERの難易度]</td><td>[※ダブルANOTHERの難易度]</td><td>[※ダブル黒ANOTHERの難易度]</td></tr>
</tbody>
</table>

サンプル

ジャンル		[※ここに楽曲のジャンル名を入れる]
アーティスト		[※ここにアーティスト名を入れる]
BPM		[※ここに楽曲のBPM値を入れる]
譜面難易度		NORMAL	HYPER	ANOTHER	黒ANOTHER
	シングル(SP)	[※シングル NORMALの 難易度]	[※シングル HYPERの 難易度]	[※シングル ANOTHERの 難易度]	[※シングル 黒ANOTHERの 難易度]
	ダブル(DP)	[※ダブル NORMALの 難易度]	[※ダブル HYPERの 難易度]	[※ダブル ANOTHERの 難易度]	[※ダブル 黒ANOTHERの 難易度]

pop'n music難易度表付き

担当キャラクター名の記入欄があるpop'n music収録楽曲向けテンプレ。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th>ジャンル</th><td colspan="6" style="text-align: center;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th>アーティスト</th><td colspan="6" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th>BPM</th><td colspan="6" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr><th>担当キャラ</th><td colspan="6" style="text-align: center;">[※ここに楽曲の担当キャラクターの名前を入れる]</td></tr>
<tr><th rowspan="3" style="vertical-align: middle;">譜面難易度</th><th colspan="4" style="text-align: center;">CHALLENGE</th><th colspan="2" style="text-align: center;">BATTLE</th></tr>
<tr><td style="text-align: center; background-color: #cdedf5;">5ボタン</td><td style="text-align: center; background-color: #ccf6cd;">NORMAL</td><td style="text-align: center; background-color: #f4f7cb;">HYPER</td><td style="text-align: center; background-color: #f7cbcb;">EX</td><td style="text-align: center; background-color: #ccf6cd;">NORMAL</td><td style="text-align: center; background-color: #f4f7cb;">HYPER</td></tr>
<tr><td style="text-align: center;">[※チャレンジ5ボタンの難易度]</td><td style="text-align: center;">[※チャレンジNORMALの難易度]</td><td style="text-align: center;">[※チャレンジHYPERの難易度]</td><td style="text-align: center;">[※チャレンジEXの難易度]</td><td style="text-align: center;">[※バトルNORMALの難易度]</td><td style="text-align: center;">[※バトルHYPERの難易度]</td></tr>
</tbody>
</table>

サンプル

ジャンル	[※ここに楽曲のジャンル名を入れる]
アーティスト	[※ここにアーティスト名を入れる]
BPM	[※ここに楽曲のBPM値を入れる]
担当キャラ	[※ここに楽曲の担当キャラクターの名前を入れる]
譜面難易度	CHALLENGE				BATTLE
	5ボタン	NORMAL	HYPER	EX	NORMAL	HYPER
	[※チャレンジ 5ボタンの 難易度]	[※チャレンジ NORMALの 難易度]	[※チャレンジ HYPERの 難易度]	[※チャレンジ EXの 難易度]	[※バトル NORMALの 難易度]	[※バトル HYPERの 難易度]

GuitarFreaksXG & DrumManiaXG難易度表付き

このテンプレではVシリーズ以前の難易度はサポートしていない。Vシリーズ以前の難易度表も欲しい場合は、後述する機種横断系のテンプレを使用すること。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2">アーティスト</th><td colspan="4" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th colspan="2">BPM</th><td colspan="4" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr><th rowspan="4" style="vertical-align: middle;">譜面難易度</th><th>　</th><td style="background-color: #cdedf5; text-align: center;">NOVICE</td><td style="background-color: #f4f7cb; text-align: center;">REGULAR</td><td style="background-color: #f7cbcb; text-align: center;">EXPERT</td><td style="background-color: #d3c0fe; text-align: center;">MASTER</td></tr>
<tr><th>Guitar</th><td style="text-align: center;">[※ギターNOVICEの難易度]</td><td style="text-align: center;">[※ギターREGULARの難易度]</td><td style="text-align: center;">[※ギターEXPERTの難易度]</td><td style="text-align: center;">[※ギターMASTERの難易度]</td></tr>
<tr><th>Bass</th><td style="text-align: center;">[※ベースNOVICEの難易度]</td><td style="text-align: center;">[※ベースREGULARの難易度]</td><td style="text-align: center;">[※ベースEXPERTの難易度]</td><td style="text-align: center;">[※ベースMASTERの難易度]</td></tr>
<tr><th>Drum</th><td style="text-align: center;">[※ドラムNOVICEの難易度]</td><td style="text-align: center;">[※ドラムREGULARの難易度]</td><td style="text-align: center;">[※ドラムEXPERTの難易度]</td><td style="text-align: center;">[※ドラムMASTERの難易度]</td></tr>
</tbody>
</table>

サンプル

アーティスト		[※ここにアーティスト名を入れる]
BPM		[※ここに楽曲のBPM値を入れる]
譜面難易度		NOVICE	REGULAR	EXPERT	MASTER
	Guitar	[※ギターNOVICEの 難易度]	[※ギターREGULARの 難易度]	[※ギターEXPERTの 難易度]	[※ギターMASTERの 難易度]
	Bass	[※ベースNOVICEの 難易度]	[※ベースREGULARの 難易度]	[※ベースEXPERTの 難易度]	[※ベースMASTERの 難易度]
	Drum	[※ドラムNOVICEの 難易度]	[※ドラムREGULARの 難易度]	[※ドラムEXPERTの 難易度]	[※ドラムMASTERの 難易度]

jubeat難易度表付き

他の機種に比べて、情報量が少なくシンプル。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th style="text-align: center;">アーティスト</th><td colspan="3" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th style="text-align: center;">BPM</th><td colspan="3" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr><th rowspan="2" style="text-align: center; vertical-align: middle;">譜面難易度</th><td style="background-color: #cdf5ed; text-align: center;">BASIC</td><td style="background-color: #f4f7cb; text-align: center;">ADVANCED</td><td style="background-color: #f7cbcb; text-align: center;">EXTREME</td></tr>
<tr><td style="text-align: center;">[※BASICの難易度]</td><td style="text-align: center;">[※ADVANCEDの難易度]</td><td style="text-align: center;">[※EXTREMEの難易度]</td></tr>
</tbody>
</table>

サンプル

アーティスト	[※ここにアーティスト名を入れる]
BPM	[※ここに楽曲のBPM値を入れる]
譜面難易度	BASIC	ADVANCED	EXTREME
	[※BASICの 難易度]	[※ADVANCEDの 難易度]	[※EXTREMEの 難易度]

REFLEC BEAT難易度表付き

jubeatテンプレとほとんど同じように使える。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th style="text-align: center;">アーティスト</th><td colspan="3" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th style="text-align: center;">BPM</th><td colspan="3" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr><th rowspan="2" style="text-align: center; vertical-align: middle;">譜面難易度</th><td style="background-color: #cdf5ed; text-align: center;">BASIC</td><td style="background-color: #f4f7cb; text-align: center;">MEDIUM</td><td style="background-color: #f7cbcb; text-align: center;">HARD</td></tr>
<tr><td style="text-align: center;">[※BASICの難易度]</td><td style="text-align: center;">[※MEDIUMの難易度]</td><td style="text-align: center;">[※HARDの難易度]</td></tr>
</tbody>
</table>

サンプル

アーティスト	[※ここにアーティスト名を入れる]
BPM	[※ここに楽曲のBPM値を入れる]
譜面難易度	BASIC	MEDIUM	HARD
	[※BASICの 難易度]	[※MEDIUMの 難易度]	[※HARDの 難易度]

楽曲情報系・難易度表付き（機種横断）

音ゲーに収録されている楽曲のなかには、2機種以上にわたって収録されているものもある。そんな楽曲の記事で欲しくなってくるのが、2機種以上の難易度表がドッキングしたものであろう。

上で紹介したような難易度表付きテンプレは、工夫すれば2機種以上の難易度表を組み合わせたものを作成することができる。その組み合わせはかなりの数に上るが、ここではその一部を紹介しようと思う。

beatmania　＋　beatmaniaIIDX

5鍵beatmaniaとbeatmaniaIIDXの難易度表を組み合わせたもの。

5鍵beatmaniaテンプレの項で述べたとおり、どのバージョンの難易度表記を記したのかを明記すると親切である。難易度表にある“beatmania”“beatmaniaIIDX”の部分にバージョンを明記すると良いだろう。

ソースコード

<table style="margin: auto;">
<tbody>
<tr><th colspan="2">ジャンル</th><td colspan="6" style="text-align: center;">[※ここに楽曲のジャンル名を入れる]</td></tr>
<tr><th colspan="2">アーティスト</th><td colspan="6" style="text-align: center;">[※ここにアーティスト名を入れる]</td></tr>
<tr><th colspan="2">BPM</th><td colspan="6" style="text-align: center;">[※ここに楽曲のBPM値を入れる]</td></tr>
<tr style="text-align: center;"><th rowspan="4" style="vertical-align: middle;">譜面難易度</th><th rowspan="2"></th><th colspan="3">beatmania</th><th colspan="3">beatmaniaIIDX</th></tr>
<tr style="text-align: center;"><td style="background-color: #f4f7cb;">NORMAL</td><td style="background-color: #f7cbcb;">HARD</td><td style="background-color: #d0fab8;">ANOTHER</td><td style="background-color: #cdedf5;">NORMAL</td><td style="background-color: #f4f7cb;">HYPER</td><td style="background-color: #f7cbcb;">ANOTHER</td></tr>
<tr style="text-align: center;"><th>シングル(SP)</th><td>[※5鍵シングルNORMALの難易度]</td><td>[※5鍵シングルHARDの難易度]</td><td>[※5鍵シングルANOTHERの難易度]</td><td>[※7鍵シングルNORMALの難易度]</td><td>[※7鍵シングルHYPERの難易度]</td><td>[※7鍵シングルANOTHERの難易度]</td></tr>
<tr style="text-align: center;"><th>ダブル(DP)</th><td>[※5鍵ダブルNORMALの難易度]</td><td>[※5鍵ダブルHARDの難易度]</td><td>[※5鍵ダブルANOTHERの難易度]</td><td>[※7鍵ダブルNORMALの難易度]</td><td>[※7鍵ダブルHYPERの難易度]</td><td>[※7鍵ダブルANOTHERの難易度]</td></tr>
</tbody>
</table>

サンプル

ジャンル		[※ここに楽曲のジャンル名を入れる]
アーティスト		[※ここにアーティスト名を入れる]
BPM		[※ここに楽曲のBPM値を入れる]
譜面難易度		beatmania			beatmaniaIIDX
		NORMAL	HARD	ANOTHER	NORMAL	HYPER	ANOTHER
	シングル(SP)	[※5鍵シングルNORMALの難易度]	[※5鍵シングルHARDの難易度]	[※5鍵シングルANOTHERの難易度]	[※7鍵シングルNORMALの難易度]	[※7鍵シングルHYPERの難易度]	[※7鍵シングルANOTHERの難易度]
	ダブル(DP)	[※5鍵ダブルNORMALの難易度]	[※5鍵ダブルHARDの難易度]	[※5鍵ダブルANOTHERの難易度]	[※7鍵ダブルNORMALの難易度]	[※7鍵ダブルHYPERの難易度]	[※7鍵ダブルANOTHERの難易度]