自作曲の歌詞とコードを載せるとき、和音を変える言葉の位置を残す
歌詞とコードを空白で合わせた原稿は、狭い画面で別々に折り返される場合があります。完成した自作曲の二つの変更位置を使い、かなとコードの対応を保つ組み方と校正の範囲を考えます。
HUKUSYA / JOURNAL
自作曲の歌詞とコードを作品集やWebへ載せるときは、文字の間違いだけでなく、どの言葉から和音を変えるかを確かめます。原稿で空白を入れて位置を合わせていても、掲載先の幅が変わると、コードと歌詞が別々に折り返される場合があります。作者が指定した変更位置を残し、そのかなとコードを一緒に読める組み方を選びます。
「Gの次はAm」だけでは、変える場所が決まらない
例えば「かぜ」という言葉の途中でコードを変えるなら、「か」からなのか「ぜ」からなのかで指定が異なります。コード名の順序を正しく写しただけでは、この違いを残せません。完成原稿では、変更する語と、その語のどのかなから変えるかを対応させておきます。
ここでは配置を比べるために制作した短い自作曲「朝の窓」を使います。歌詞は「朝の風に目を開けて微笑んだ」、かなは「あさのかぜにめをあけてほほえんだ」。4小節、4分の4拍子の一節で、16個のかなに16個の四分音符を対応させています。既存の楽曲を転載した例ではありません。
| 位置 | 原稿の指定 | コード |
|---|---|---|
| 開始 | 最初の「あ」 | C |
| 変更1 | 5番目の「ぜ」から 第2小節の1拍目 |
G |
| 変更2 | 9番目の「あ」から 第3小節の1拍目 |
Am |
最初のCは開始時の和音です。その後の二つの変更位置を、組み直す前に確定しました。「あ」は歌詞の中に二度あるため、変更2は「あけて」の「あ」とも記して区別しています。
広い画面で合っていても、狭い画面で確かめる
最初の案はコードを一行、かなを次の行に置き、空白で横位置を合わせました。通常の幅では、Gが「ぜ」、Amが「あ」を指す対応を読めます。しかし、画面を狭くすると、コードの行とかなの行は、それぞれの長さに応じて折り返されました。
今回の画面幅390pxの表示では、Amだけが次の行へ移り、歌詞全体よりも前の行に出ました。歌詞の文字もコード名も欠けていませんが、Amと「あけて」の「あ」が上下に対応していた位置関係は失われています。
Webでは、空白を残す設定と、行を折り返す設定は別に考えます。W3CのCSS Textの草案でも、空白を保持しながら折り返しを許す設定が示されています。[1] 空白が消えていないことだけでは、二つの行の対応を確認したことになりません。
コードと、そのコードに変わるかなを一緒に動かす
次の案では、一つずつのかなと、その位置に付くコードを上下の組にしました。行末で折り返すときも、この組は分かれません。Gは「ぜ」の上、Amは「あ」の上にある関係を保って、次の行へ移ります。
この例では、画面幅1280pxでは両案の対応を読めました。390pxでは、組にした案のAmが、続く行の2文字目にある「あ」と一緒に表示されました。どちらの幅でも16個のかなと開始Cは残り、原稿で指定した二つの変更位置を照合できました。
比較したのは、MS Gothic・文字サイズ36pxで組んだ今回の二画面です。どの字体や幅でも同じ位置になるという結果ではありません。採用する字体・文字サイズ・掲載幅で、同じ原稿へ戻って確かめます。
歌詞の校正と、変更位置の校正を分ける
校正では、まず歌詞の全文と順序を原稿に照合します。そのうえで、開始のコードと、和音を変える各位置を一つずつ指します。言葉が正しく読めても、隣のかなの上にコードが付いていれば、作者の指定とは一致しません。
同じかなが何度も出てくる曲なら、前後の言葉や小節・拍も手掛かりになります。編集者だけで変更位置を推測せず、曖昧な箇所は作者へ戻し、確定した原稿を受けてから組み直します。コードの修正、採譜、移調など音楽の専門判断も、紙面の調整とは分けて確認します。
画面での対応と、紙面・演奏での使いやすさは別に見る
今回確かめたのは、画面上で歌詞とコードが原稿どおりに対応することです。人が演奏した結果や、紙に印刷して校正した結果は含みません。
冊子へ載せる場合は、実際の掲載寸法で文字の大きさと対応を確認します。演奏に使うなら、作者や演奏者にも使用する版を見てもらい、変更位置のほか、行の切れ目や必要な譜面情報が足りるかを確かめます。Webで読めた配置を、そのまま紙面や演奏用の完成版と扱わないことが大切です。
完成原稿と、確認する人をそろえて相談する
自作曲を含む作品集を作るときは、歌詞とコードの完成原稿、和音を変える位置の指定、内容を確認する方、冊子・Webなどの掲載先をそろえると、編集する範囲を具体的に話せます。画面の組み方、紙の校正、印刷、公開・更新をどこまで含めるかも、分けて確認します。
複写の作品集・冊子・Web制作では、お持ちの原稿や画像から、構成と紙面・画面の編集をご相談いただけます。音楽の専門校正や専用の表示機能を一律の提供範囲とはせず、必要な作業と費用を個別に確認します。
参考資料
- W3C「CSS Text Module Level 3」第3節 White Space and Wrapping。2026年8月14日付のCandidate Recommendation Draft。空白を保持することと折り返しの関係を参照。個別の楽曲や演奏の正しさを示す資料ではありません。
