2012年12月27日木曜日

ブックマークレットで iOS,Android 端末でも綺麗なアスキーアート(AA)を表示しよう!

このブログを開設する前に作成しました Kuma_Lite ブックマークレット(やる夫之書さんぶらりとやる夫さん他多数のブログでご紹介いただきました.ありがとうございます)でのアスキーアート表示のクォリティに不満があったため,今回ブックマークレット & フォントを一から作り直しました.フォントサイズは 650 KB 弱約 560 KB(2013 年 1 月 12 日現在)と Kuma_Lite の 140 KB より増えていますが,ブラウザ自体のキャッシュ機能 + 最近の通信事情を考えますと実用に耐える範囲内でしょう.


Android 端末でのブックマークレットの登録方法は
  1. 上記 “javascript:~” で始まる文字列をすべて選択してコピー
  2. 「お気に入り」登録画面を開き,1. でコピーした文字列を新規お気に入りのアドレス欄にペーストして保存
です(2013 年 1 月 4 日追記).iOS 端末でのブックマークレットの登録方法はこちらのページをご覧ください(むぅもぉ.jp さんに感謝!)こちらのページの「ブックマークレットの登録方法」の項目を参考にしてください.

ブックマークレットを登録しましたら,
  1. 見たいサイトを開く
  2. 「お気に入り」を開き,先ほど登録したブックマークレットを起動
することにより処理が始まります.

使用前:
元  URL: http://www.twitaa.in/?v=pftf

使用後:


不具合報告,要望等はこの記事のコメント,もしくは Twitter の @keage までよろしくお願いします.

【2013 年 1 月 25 日追記】
現在までに動作確認のとれた OS・ブラウザ
  • iOS の Safari,UIWebView を用いたサードパーティ製ブラウザアプリ(Opera Mini は不可)
  • Android 4.x の Chrome
    (【2013 年 2 月 23 日追記】本記事のコメント欄にて Chrome では動作しない,との報告もございました)
  • Android 2.x の 標準ブラウザ,iLunascape,Dolphin Browser

【2014 年 1 月 18 日追記】
したらば掲示板が & を & にエスケープして数値参照文字を使った AA が崩れる問題に対応
【2015 年 4 月 24 日追記】
iOS での登録方法を紹介したページへのリンクが切れていたのを修正