テキスト枠囲み・吹き出しジェネレーター
入力したテキストを、罫線・ASCII文字・吹き出しで囲みます。全角文字は幅2として揃えるので、日本語でも右端がずれません。「コメント」を選べば、// や /* */ 付きでコードにそのまま貼れます。表を作りたいときは ASCII表ジェネレーター をご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
注意事項
- 全角文字・絵文字は幅2、半角は幅1として揃えます。表示するフォントによっては全角が半角2文字分にならず、右端がずれることがあります。コードに貼る場合は、等幅フォントのエディタで確認してください。
- 罫線文字（┌─┐など）は、一部のフォントや環境では全角幅で表示されて枠が崩れます。崩れるときは「ASCII」スタイルを使ってください。
- 「罫線を全角幅（幅2）として整形」をオンにすると、罫線を幅2として数えて整形します。罫線が全角幅で表示されるフォントで右端が揃うようになりますが、半角幅で表示されるフォントに貼ると逆にずれます。また、内側の幅が奇数になる場合は右に空白を1つ足して偶数にします。対象は単線・太線・角丸です。角丸の角（╭╮╰╯）は半角幅のままとして数えます。二重線・ASCII・#・*・吹き出しは変わりません（二重線は、MSゴシックなどでも半角幅で表示されるため、オフのまま使ってください）。
- 余白と「しっぽ」は、枠のスタイルに応じて使われます。左右・上下の余白は吹き出しでは使われず、しっぽは吹き出しだけに付きます。
- ブロックコメントでは、本文中の */ がコメントを閉じてしまわないよう、* / に置き換えます。
- タブは4つの半角スペースに置き換えます。結合文字やゼロ幅文字は幅0として数えます。
用語解説
罫線文字
表や枠を描くためのUnicode文字（─ │ ┌ ┐ など）です。もともと日本語の文字コードにあった記号で、等幅フォントでは隙間なくつながります。
全角と半角の幅
等幅フォントでは、全角文字は半角文字2文字分の幅で表示されます。文字数ではなく表示幅で空白を足すことで、枠の右端が揃います。
よくある質問
日本語を入れると右端がずれます
このツールは全角を幅2として計算しますが、貼り付け先のフォントが全角を半角2文字分で描画しないと、ずれて見えます。等幅フォント（日本語対応のもの）のエディタで確認してください。それでも崩れる場合は、罫線文字ではなく「ASCII」スタイルを試してください。
コードのコメントに貼るにはどうしますか？
「コメント」で行コメント（// # --）かブロックコメント（/* */）を選ぶと、各行に接頭辞が付いた状態で出力されます。言語に合わせて選び、そのままソースに貼り付けてください。
吹き出しのしっぽは何のためですか？
ASCIIアートのキャラクターの口元につなげるための斜線です。キャラクターを置かない場合や、READMEに単独で使う場合は、「吹き出しのしっぽ」のチェックを外してください。
枠の幅や行の折り返しは指定できますか？
枠の幅は、いちばん長い行に合わせて自動で決まります。長い文章を折り返す機能はないため、必要なら自分で改行してから入力してください。
入力したテキストはサーバーに送られますか？
送られません。整形はすべてブラウザ内で行われ、入力内容が外部に送信・保存されることはありません。
このページをシェア