devtools-hub

ASCII Art Generator

テキストをASCIIアートに変換 — 6フォント・コメントラッパー対応

BOOTHで見る(有料版)
開発者向けテキストデザイン

テキストを入力するだけでASCIIアートに即変換。Standard・Block・Banner・Slant・Shadow・3-Dの6フォントから選択でき、幅制限スライダーで40〜200文字幅に対応。// や /* */ など6種類のコメントラッパーで、そのままコードコメントとして貼り付け可能です。

広告

ASCII Art Generator

5/20文字

Output
|  ||---|   |    /--\ 
|--||-- |   |   |    |
|  ||   |   |   |    |
|  ||---|---|--- \--/ 
                      

Features

  • Standard / Block / Banner / Slant / Shadow / 3-D の6フォントを収録
  • フォントデータを完全バンドル(CDN不使用)
  • 幅制限スライダーで40〜200文字に対応
  • // / /* */ / # / -- / % の6種コメントラッパーを選択可能
  • ワンクリックでクリップボードにコピー

Desktop App

デスクトップ版を入手する

Web版にはない機能をデスクトップ版で追加しています。

  • ASCII アート結果を .txt ファイルとして保存
BOOTH で見る

ASCIIアートの作り方 — FIGlet・フォント選択・コードコメントへの活用

ASCIIアートはテキスト文字のみで絵や文字を表現する技法で、ターミナル出力やコードコメントのバナー、READMEの装飾に広く使われます。ASCII Art Generatorを使えば、テキストを入力するだけで複数フォントのASCIIアートを即座に生成し、コメント形式で貼り付けられます。

FIGletとは何か — ASCIIアートの標準ツール

FIGletは1991年に開発されたASCIIアート生成ツールで、テキストを大きな文字("図形文字")に変換します。FIGletフォントは.flf形式で定義されており、Standard・Shadow・Slant・Big・Blockなど多数のスタイルが存在します。オリジナルのfigletコマンドはLinux/macOSで利用でき、Webでは各種JavaScriptライブラリやバンドルされたフォントデータを使って実現します。

コードのバナーコメントとしての活用

ASCIIアートはコードのセクション区切りやファイルヘッダーのバナーとして活用されます。例えばJavaScriptなら // で始まるラインコメント、CやJavaなら /* */ ブロックコメント、PythonやBashなら # コメントでラップします。プロジェクトの初期化コード、設定ファイル、モジュールの先頭などに置くと視覚的なランドマークになります。チームで使う場合はコメントスタイルを統一するのがベストプラクティスです。

フォントの選び方とユースケース

StandardはFIGletの基本フォントで汎用的。Blockは太い塗りつぶし文字でインパクト重視。Bannerは#文字を使い均等な幅でクリアに読める。Slantは斜体風でデザインスクリプト的な雰囲気。Shadowは影付きで奥行き感を演出。3-Dは立体感を強調した視覚的なスタイル。ターミナルツールにはStandardやBanner、ゲームやクリエイティブ系にはShadowや3-Dが向いています。

ASCIIアートの文字幅と等幅フォントの重要性

ASCIIアートは等幅(モノスペース)フォントを前提にデザインされています。プロポーショナルフォントで表示するとアライメントが崩れます。VSCodeやその他のコードエディターはデフォルトで等幅フォントを使用するため、コードコメント内でも正しく表示されます。幅制限(40〜200文字)は環境に合わせて調整でき、ターミナル幅80文字やエディターのruler設定(100/120文字)に合わせると見やすくなります。

広告

Related Tools

base64-studio

Base64 エンコード & デコード

開発者向けテキストエンコード

使ってみる →

BOOTH

JSON Studio

JSON フォーマッター & バリデーター

JSON開発者向けフォーマッター

使ってみる →

BOOTH

color-deck

カラーコード変換 & パレット保存

カラーデザイン開発者向け

使ってみる →

BOOTH

このツールを共有する