ルビ記法コンバーター

小説投稿サイトや青空文庫のルビ記法「|漢字《かんじ》」を HTML の <ruby> に変換します。HTML から記法へ戻す、括弧書き「漢字(かんじ)」にする、ルビを外す、もできます。

プレビュー(ルビを実際に表示)

記法の読み方:「|」(全角)または「|」(半角)から《 までが親文字、《 》の中がルビです。「|」がないときは《 の直前に続く漢字(々・〆・ヶ を含む)だけが親文字になります(青空文庫の決まり)。ひらがな・カタカナや英字にルビを振るときは「|」が必要です。《《 》》で囲むとカクヨム式の傍点になります。「|《」と書くと《 をそのまま文字として残せます。

サイトごとに細かい決まり(ルビの最大文字数、括弧ルビの扱いなど)が違います。投稿先のヘルプも確認してください。青空文庫の傍点は本来「[#「…」に傍点]」という注記で書くため、このツールでは扱いません。

プレビューはタグを文字として安全に組み立てて表示しており、入力に含まれるスクリプトなどは実行されません。変換はブラウザ内だけで行います。

ルビ記法コンバーターでできること

小説投稿サイトや青空文庫のルビ記法「|漢字《かんじ》」を、Webページで使える HTML の <ruby> タグに変換します。HTML から記法への逆変換、括弧書き「漢字(かんじ)」への変換、ルビを外した本文の取り出しもでき、ルビの付き方をプレビューで確認できます。

使い方

  1. 「入力の形式」で「ルビ記法」か「HTML」を選び、「変換先」で HTML・ルビ記法・括弧書き・本文だけのどれにするかを選びます。
  2. 「入力」欄に文章を貼り付けます。「記法の例」「HTML の例」ボタンで見本を入れられます。
  3. 変換先に応じて出るオプション(<rp> を付ける、改行を <br> にする、傍点の出力、縦棒の全角・半角、括弧の全角・半角など)を選びます。
  4. 「プレビュー」でルビが正しい文字にかかっているかを確認し、「結果をコピー」で変換結果をコピーします。

計算の仕組みと注意点

よくある質問

「漢字《かんじ》」と「|漢字《かんじ》」の違いは?

「|」がない場合は《 の直前に続く漢字だけにルビがかかり、「|」がある場合は「|」から《 までの文字すべてにかかります。「木枯《こが》らし」なら「木枯」に、「|あの人《ひと》」なら「あの人」にかかります。プレビューで確かめられます。

HTML の <ruby> タグを小説投稿サイトの記法に戻せますか?

できます。「入力の形式」を HTML、「変換先」をルビ記法にしてください。<rp> や <rb> は自動で取り除かれます。「省ける「|」は省く」をオフにすると、すべてのルビに「|」を付けます。

<rp> タグは何のために付ける?

ルビ表示に対応していない環境で「漢字(かんじ)」のように括弧付きで表示させるためのタグです。現在の主なブラウザはルビに対応していますが、付けておくとテキストとして読まれる場面でも意味が通じます。

傍点はどう変換されますか?

《《確かに》》のように書くと傍点になり、HTML では1文字ずつ「﹅」をルビにした形か、text-emphasis を指定した <em> を選べます。括弧書きや本文だけに変換すると、傍点の印は外れて文字だけが残ります。