ボックステキストとは？

ボックステキストとは、┌───┐、│、└───┘ などの文字で作られた枠線で囲まれたテキストです。Unicode には、等幅フォントで整った角をつなげられる、シングル、ダブル、太線、角丸、破線などのボックス描画文字が一式用意されています。ボックス化されたテキストは、コードコメントのヘッダー、README の注記、ターミナルメッセージ、目立たせたいチャット投稿などに使用されます。

ツールの説明

このツールは、テキストの周囲に枠線を描画します。枠線のスタイルを選択し、行を左揃え、中央揃え、または右揃えにして、ボックスの内側に余白を追加できます。上部の枠線にタイトルを入れたり、任意の文字から独自の枠線を作成したりすることもできます。ボックスは最も長い行に合わせて拡張され、右端が揃うように各行に余白が追加されます。

機能

  • シングル、ダブル、角丸、太線、破線、および混合 Unicode 枠線
  • ASCII、アスタリスク、ハッシュ、塗りつぶしブロック、網掛け、ハーフブロックの枠線
  • 独自の角、上辺と下辺、側面の文字を使ったカスタム枠線。各文字には複数の文字を指定可能
  • 複数行テキストの左揃え、中央揃え、または右揃え
  • 左右の余白、および上下の空行
  • ┌─ 注記 ─────┐ のように上部の枠線にタイトルを表示
  • 結果をコピー、またはテキストファイルとしてダウンロード

仕組み

このツールは、等幅フォントのセル単位で各行の幅を測定します。ほとんどの文字は 1 セル分ですが、中国語、日本語、韓国語の文字や多くの絵文字は 2 セル分を占めるため、行の幅を揃える際には 2 として数えます。タブは 4 個のスペースに変換され、末尾のスペースは削除されます。複数の文字で構成された上辺または下辺の枠線は、幅を埋めるまで繰り返され、右端の長さに合わせて切り取られます。

ヒント

  • ボックスをコードブロック（Markdown、Discord、Slack では 3 つのバッククォート）に貼り付けると、等幅フォントで表示されます。プロポーショナルフォントでは右端が揃いません。
  • ソースコードのコメントには、ASCII またはアスタリスクのスタイルを使用するか、後から各行の先頭に // や # などのコメント文字を追加してください。
  • 絵文字の幅はフォントやアプリによって異なるため、絵文字を含むボックスは場所によって不揃いに見えることがあります。