サイト名をconsoleにAAで出したい！
Firefoxのサイトにアクセスし、consoleを確認すると下の画像のように、火を吹く恐竜とmozillaの文字がAAで表示されるのをご存知でしょうか。
https://www.mozilla.org/ja/firefox/new/
今回はJavascriptでAAを簡単にconsoleに出す方法をご紹介します。
asciify
asciifyというモジュールを利用することで、文字を簡単にAAに変換してくれます。
https://github.com/olizilla/asciify
node.jsがお使いのPCに入っていれば、インストールはとても簡単です。
$ npm install asciify -g
使用方法は、下記です。
コマンドプロンプトで
$ asciify "Hello World" -a
と入力すると、下記のように一覧がずらっと出力されます。"Hello World"が引数なので自由に変更できます。
AAの上のところに名前もついていますね。
筆者はlarry3dが気に入ったので、下記のようにコマンド入力してお好みのAAを表示させます。
$ asciify "Hello World" -f larry3d
コピーしてテキストとして貼り付けます。
JavaScriptのconsole上では、バックスラッシュなどはエスケープ文字になってしまうため、
バックスラッシュは、バックスラッシュ２つに置換します。
※Windowsでは¥マークです。
あとは、jsに組み込んで終了です。
サンプル
test.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script>
console.log("\n" +
" __ __ ___ ___ __ __ ___ __ \n" +
"/\\ \\/\\ \\ /\\_ \\ /\\_ \\ /\\ \\ __/\\ \\ /\\_ \\ /\\ \\ \n" +
"\\ \\ \\_\\ \\ __ \\//\\ \\ \\//\\ \\ ___ \\ \\ \\/\\ \\ \\ \\ ___ _ __ \\//\\ \\ \\_\\ \\ \n" +
" \\ \\ _ \\ /'__`\\ \\ \\ \\ \\ \\ \\ / __`\\ \\ \\ \\ \\ \\ \\ \\ / __`\\ /\\`'__\\ \\ \\ \\ /'_` \\ \n" +
" \\ \\ \\ \\ \\ /\\ __/ \\_\\ \\_ \\_\\ \\_ /\\ \\L\\ \\ \\ \\ \\_/ \\_\\ \\/\\ \\L\\ \\\\ \\ \\/ \\_\\ \\_ /\\ \\L\\ \\ \n" +
" \\ \\_\\ \\_\\\\ \\____\\ /\\____\\ /\\____\\\\ \\____/ \\ `\\___x___/\\ \\____/ \\ \\_\\ /\\____\\\\ \\___,_\\ \n" +
" \\/_/\\/_/ \\/____/ \\/____/ \\/____/ \\/___/ '\\/__//__/ \\/___/ \\/_/ \\/____/ \\/__,_ / \n")
</script>
</head>
<body>
<h1>テスト</h1>
</body>
</html>
結果
結果はこうなります。
