動作確認

2009.08.03現在
• ＯＳ・・・WindowsXP
• IE7.x Opera9.x Safari3.x Firefox3.x
• CSS・JavaScript・・・設定：有効
• ブラウザのフォント設定・・・等幅フォント：MSゴシック

基本情報

• ★このページについて
• サイト名/ページ名・・・ギターコード表
• URL・・・http://www9.plala.or.jp/GuitarChordER/DGM/
• 紹介文・・・ギター初心者のためのギターコード表。一覧表＋別枠で大きく表示。「大きく見やすい」表示。
• 設計意図・・・上記紹介文の内容＋ある程度大きな画面で見たとき、スクロールの必要がない。

• ★管理人について
• 管理人名・・・Reng
• ギター歴・・・2004〜（または2007〜）
• YouTube・・・http://jp.youtube.com/user/Reng22063
• 備考・・・YouTubeのチャンネル＝ギター演奏動画置き場。YUIの曲とか。デジタルカメラの動画機能で撮影・録音。
• 管理人へ連絡・・・≫メールフォーム

• ★このページを作った動機について
• web上に既にあるコード表は、小さくて見にくかったり、そういうのがイヤだったから
• web上に既にあるコード表は、いちいちページ切り替えが必要だったりで、そういうのがイヤだったから
• web上に既にあるコード表は、一覧表の大きさがスクロールが必要なほどで、そういうのがイヤだったから
• ＰＣ画面を見ながら＝モニタを前にして、ギターを構えて、それで普通に見やすい大きさのダイアグラムがいいなぁと思ったことがあるから
• 実はギター始めた当初こういうページを作ろうとして、表示に使う画像やjavascriptがあったから

更新履歴

• 2009.11.20・・・主なものを星背景でハイライト表示
• 2009.10.28・・・コード表示部：コピーボタン設置etc
  ※コピーはIEでのみ有効
• 2009.08.10・・・web拍手設置（ページ右下のボタン）
• 2009.08.08・・・バグ修正＆校正(強調色など)
• 2009.08.03・・・ブラウザごとの表示調整・細部のつめ
• 2009.07.31・・・初出

ヘルプ

• ★使い方・見方
• 一覧表から探す・・・マウスオーバー/アウトなどで表の色(背景色)が変化します。
• 一覧表から選ぶ・・・クリックで別枠内に表示。
• 別枠・・・ドラッグ＆ドロップで移動できます。

• ★ＤやＡの×部分について
• Ｄの５弦・・・ルート音は４弦なので５弦は×表示。ただし、コードの響きとして５弦も○(開放弦＝Ａを弾く)の場合もあります。
• Ａの６弦・・・ルート音は５弦なので６弦は×表示。ただし、コードの響きとして６弦も○(開放弦＝Ｅを弾く)の場合もあります。

• ★別枠の大きいほうのコード表示について
• コピー＆ペースト・・・ テキスト表示の「コード名＋TXTダイアグラム＋フレット位置」部分をコピペ出来ます。 メモ帳などtxt系エディタに貼り付け可能。 (実装：2009.10.28)
  ※ペースト先のtxt系エディタなどのフォント設定によっては、コードによって表示の不揃いが起こる場合もあります。 ※コピーはIEでのみ有効
• ●または○表示・・・特にルート音が６弦５弦にあるヶ所は●で表示。その他は○。
• ダイアグラムの表示・・・画像ではなくテキスト表示です。
• 表示の不揃い・・・ブラウザのフォント設定を確かめてください、「等幅フォント」を「MSゴシック」などの等幅フォントに変更してみてください。

• ★一覧表の小さいほうのコード表示について
• ダイアグラムの表示・・・これらは画像です。
• ●または○表示・・・●で統一。指一本で複数押さえる(＝バレーコード)ところは縦一列に●が連なっている。
• 開放弦の○表示・・・視認性を考慮し、省略しています。
• ローコードの1f-2f-3f範囲は左端(ナット)を表し、少し違う表示になっています。

ページ色

• 黒系背景・・・＊初期値
• 白系背景・・・印刷などするときにでも