ASCIIアートジェネレーター - テキストをASCIIアートバナーに変換 オンライン
25種類のFIGletフォントでテキストをASCIIアートバナーに変換。コードコメントラッパー付き、全フォントプレビュー — 100%クライアントサイド、テキストはブラウザから送信されません。
よくある質問
ASCIIアートジェネレーターとは何ですか？
ASCIIアートジェネレーターは、プレーンテキストをASCII文字のみで構成された大きな装飾テキストバナーに変換するツールです。FIGletフォントを使用して、各文字を|、/、\、_などの記号による複数行パターンに変換します。これらのバナーは、ターミナルの起動ヘッダー、READMEの装飾、コードコメントバナー、DevOpsパイプラインの出力などに広く使用されています。
FIGletとは何ですか？
FIGletは「Frank, Ian, and Glenn's Letters」の略です。1991年に作成されたプログラムで、特別に設計されたフォント（.flfファイル）を使用して通常のテキストからテキストバナーを生成します。FIGfont仕様は、スペーシングや「スマッシング」（文字の重なり）のルールを含め、文字のレンダリング方法を定義しています。300以上のコミュニティ製FIGletフォントがあります。このツールはfiglet.jsライブラリを使用しています。
ASCIIアートジェネレーターの使い方は？
入力フィールドにテキストを入力し、ドロップダウンからフォントを選択します。ASCIIアートはリアルタイムで即座に生成されます。水平レイアウトの調整、最大幅の設定、コード用コメントラッパーの追加ができます。コピーボタンをクリックして結果をクリップボードにコピーします。全フォントタブを使用すると、利用可能なすべてのフォントでテキストを一度に確認できます。
テキストデータは安全ですか？
はい。すべてのテキスト処理はfiglet.js JavaScriptライブラリを使用してブラウザ内で100%行われます。テキストはサーバーに送信されることも、保存されることも、記録されることもありません。ページの読み込み後は完全にオフラインで動作します。フォントファイルは外部サーバーからではなく、バンドルされたアセットからオンデマンドで読み込まれます。
水平レイアウトのオプションは何ですか？
デフォルトはフォントデザイナーが意図したスペーシングを使用します。フルは文字間に最大のスペーシングを追加します。フィットは重なりなしで文字を近づけます。制御スマッシングはフォントファイルで定義されたルールに従って文字を重ねます。ユニバーサルスマッシングは、重なる位置で右の文字が優先するユニバーサルルールを使用します。
利用可能なフォントは何ですか？
FIGletフォントライブラリから厳選された25フォントが含まれています：Standard、Banner、Big、Block、Slant、Shadow、Small、Mini、Doom、Isometric1、Isometric3、3-D、Gothic、Graffiti、Colossal、Larry 3D、Star Wars、Script、Bubble、Digital、Cyberlarge、ANSI Shadow、Rectangles、Ogre、Speed。全フォントタブを使用してすべてのフォントを一度に比較できます。
コード例
// Using figlet.js in Node.js
// Install: npm install figlet
const figlet = require('figlet');
// Synchronous usage
const result = figlet.textSync('Hello World', {
font: 'Standard',
horizontalLayout: 'default',
width: 80,
whitespaceBreak: true,
});
console.log(result);
// Asynchronous usage
figlet.text('Hello World', { font: 'Slant' }, (err, data) => {
if (err) {
console.error('Error:', err);
return;
}
console.log(data);
});
// List all available fonts
figlet.fonts((err, fonts) => {
console.log('Available fonts:', fonts.length);
});
// Wrap in comment syntax for code files
function wrapInComment(art, style) {
const lines = art.split('\n');
switch (style) {
case '//': return lines.map(l => `// ${l}`).join('\n');
case '#': return lines.map(l => `# ${l}`).join('\n');
case '/* */': return `/*\n${lines.map(l => ` * ${l}`).join('\n')}\n */`;
default: return art;
}
}
const banner = figlet.textSync('API Server', { font: 'Standard' });
console.log(wrapInComment(banner, '//'));
コードコメントとしてASCIIアートを追加するには？
プログラミング言語に合ったコメントラッパースタイルを選択してください：JavaScript/C/Go用の//、Python/Ruby/Shell用の#、CSS/Cブロックコメント用の/* */、HTML/XML用の<!-- -->、SQL/Lua用の--、LaTeX/MATLAB用の%、またはVimScript用の"。ジェネレーターが出力の各行に選択したコメント構文を自動的に追加します。