ドット絵をアラートで表示するBookmarkletを作ってみました

ふと思い立ってこんなものを作ってみたでござるの巻。


※ちなみに全く何の役にも立たないことうけあいです。


とあるドット絵をアラートで表示するBookmarklet

このBookmarkletをブラウザのアドレスバーにコピペしてエンターを押すと

javascript:void(alert('abbbbbccccccdabbbcccccccccdabbccbccccccccdabcbbbbbcccccccdacbcbbbbbbbccccdacbcbcbbbcbbccccdacbbbcccbcbccbbcdacccccbcbbbcbbbcdacbbbbbbcccbbccdabcbbcccbbbbbcdabbccbbbbbbbcdabbbbcccccccdabbbbbbcbbbcdabbbbbcbbbbbcdabbbbbcbbbbbcdabbbbbcbbbbbc'.replace(/a/g,'\u3000').replace(/b/g,'\u0020\u3000').replace(/c/g,'\u25a0').replace(/d/g,'\n')));

こんな感じに

ドット絵が表示されます。


ま、それだけのネタBookmarkletです。


着想と説明

私はプロフィール画像

こうしたドット絵で描いたイラストを使っています。で、単純なドット絵なので、ふとAA(アスキーアート)にもできるんじゃないか?と、考えこんな風にAAを作ってみました。

           ■■■■■■
       ■■■■■■■■■
     ■■  ■■■■■■■■
   ■          ■■■■■■■
 ■  ■              ■■■■
 ■  ■  ■      ■    ■■■■
 ■      ■■■  ■  ■■    ■
 ■■■■■  ■      ■      ■
 ■            ■■■    ■■
   ■    ■■■          ■
     ■■              ■
         ■■■■■■■
             ■      ■
           ■          ■
           ■          ■
           ■          ■

で、作ってみたものの、特に使う用途もなかったのでしばらく放置していたんですよね。……で、なんとな〜くブラウザのアラートにこれが表示できたら面白いんじゃないか?と思いついたわけです。
ただしかし、単純にアラートに文字列を流し込むとすると

javascript:void(alert('           ■■■■■■\n       ■■■■■■■■■\n     ■■  ■■■■■■■■\n   ■          ■■■■■■■\n ■  ■              ■■■■\n ■  ■  ■      ■    ■■■■\n ■      ■■■  ■  ■■    ■\n ■■■■■  ■      ■      ■\n ■            ■■■    ■■\n   ■    ■■■          ■\n     ■■              ■\n         ■■■■■■■\n             ■      ■\n           ■          ■\n           ■          ■\n           ■          ■')));

こんな感じになるんですが、これだとInternet Explorerではバイト数の上限をオーバーしてしまうのが難点でした。なので、今回は単純なパターンのAAでもあるし、全角文字を半角文字に変換して後から置換する手段をとった次第。
それだとIE6でも使えました。

で、これがなんの役に立つの?というと冒頭にも書いた通り全く何にもならないわけですが、久しぶりにIEの文字数のことを考えてBookmarklet書いたら結構楽しかった……という日記でござるの巻。


[特にオチとかも無し]

関連エントリー

ドット絵関連の過去ログだと

1年間365日、Twitterのアイコンを毎日ドット絵で変更したまとめ - 聴く耳を持たない(片方しか)
以前に365日間毎日Twitterプロフィール画像をドット絵で変更した記録とその画像一覧とか。

><