アスキーアート表示プラグインとは?

基本情報

プラグイン名
aapro
種別
ブロック型プラグイン
書式
#aapro{{
アスキーアート1行目
アスキーアート2行目
  
  
  
アスキーアート最後の行
}}
概要
プロポーショナルフォントで描かれたアスキーアートをPukiWikiできれいに表示するプラグインです。

詳細

このプラグインはsue445さんのアスキーアート出力プラグインを改造した物です。
オリジナルのプラグインはWindowsに特化しているらしくMacではうまく表示されないので改造しました。
主に2ちゃんねるのアスキーアートをターゲットにしています。

IPAモナーフォントにも対応。なので MS Pゴシックを手に入れることができない環境(Linux など)でもOK。

v(バージョン)1.4.6以上のPukiWikiで利用可能。ソフトウェアライセンスはGNU GPL 2です。

ちなみに "aapro" の名前の由来は、
ASCII art drawn with a proportional font プロポーショナルフォントで描かれたアスキーアート)

リリース情報

バージョンリリース年月日概要
1.012006-09-05初リリース
1.022007-01-11URLを自動的にリンクに変換する機能を追加
1.032008-02-17バグフィックス版。pukiwiki.dev:BugTrack2/29に従い定数名を修正しました。機能に変更はありません。
1.042008-09-15以前のバージョンにあった、横に長いAAを貼るとレイアウトが崩れる問題を回避
 

使用例

#aapro{{
        _,,:-ー''" ̄ ̄ ̄ `ヽ、
     ,r'"           `ヽ.
 __,,::r'7" ::.              ヽ_
 ゙l  |  ::              ゙) 7
  | ヽ`l ::              /ノ )
 .| ヾミ,l _;;-==ェ;、   ,,,,,,,,,,,,,,,_ ヒ-彡|
  〉"l,_l "-ー:ェェヮ;::)  f';;_-ェェ-ニ ゙レr-{
  | ヽ"::::''   ̄´.::;i,  i `'' ̄    r';' }
 . ゙N l ::.  ....:;イ;:'  l 、     ,l,フ ノ
 . |_i"ヽ;:...:::/ ゙'''=-='''´`ヽ.  /i l"
   .| ::゙l  ::´~===' '===''` ,il" .|'".
    .{  ::| 、 :: `::=====::" , il   |
   /ト、 :|. ゙l;:        ,i' ,l' ノト、
 / .| \ゝ、゙l;:      ,,/;;,ノ;r'" :| \
'"   |   `''-、`'ー--─'";;-'''"   ,|   \_
}}

     ↓

        _,,:-ー''" ̄ ̄ ̄ `ヽ、
     ,r'"           `ヽ.
 __,,::r'7" ::.              ヽ_
 ゙l  |  ::              ゙) 7
  | ヽ`l ::              /ノ )
 .| ヾミ,l _;;-==ェ;、   ,,,,,,,,,,,,,,,_ ヒ-彡|
  〉"l,_l "-ー:ェェヮ;::)  f';;_-ェェ-ニ ゙レr-{
  | ヽ"::::''   ̄´.::;i,  i `'' ̄    r';' }
 . ゙N l ::.  ....:;イ;:'  l 、     ,l,フ ノ
 . |_i"ヽ;:...:::/ ゙'''=-='''´`ヽ.  /i l"
   .| ::゙l  ::´~===' '===''` ,il" .|'".
    .{  ::| 、 :: `::=====::" , il   |
   /ト、 :|. ゙l;:        ,i' ,l' ノト、
 / .| \ゝ、゙l;:      ,,/;;,ノ;r'" :| \
'"   |   `''-、`'ー--─'";;-'''"   ,|   \_

 

実体参照も使えます。

#aapro{{
♠ ♦ ♥ ♣
}}

     ↓

♠ ♦ ♥ ♣

URLは自動的にリンクに変換されます。
プラグインの設定によって自動リンクを許可しないようにすることもできます。

このサイトのURL
 http://warota.web5.jp/

先頭のhを抜いたURLはリンクされない
 ttp://warota.web5.jp/

使用上の注意点

その1

アスキーアートの中に

}}

が含まれているとエラーとなります(Wikiの仕様)。
この場合、最初と最後の中括弧の数を増やせば、正しく表示する事が出来ます。

 

エラーの例 エラーの例

#aapro{{
  /゙ ゙.";ヽゞ'-、、
 .jミノ,ノノ~ ̄""''ヽミ!
 i ノハー′     .iミ!
 iミ! ,--、_ ,_,,,..、、.i;;l
 }iト  ィェァ} (ェoァ j}}
  レl  .ノ,!_!、   j-'
   l  /_二'_、〉 .ij
-ー;丶、  ̄  ノ;ー-、,
;;;;;;;;;;/;;;\ニ//;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}

     ↓

error.png
 

対処法

#aapro{{{{
  /゙ ゙.";ヽゞ'-、、
 .jミノ,ノノ~ ̄""''ヽミ!
 i ノハー′     .iミ!
 iミ! ,--、_ ,_,,,..、、.i;;l
 }iト  ィェァ} (ェoァ j}}
  レl  .ノ,!_!、   j-'
   l  /_二'_、〉 .ij
-ー;丶、  ̄  ノ;ー-、,
;;;;;;;;;;/;;;\ニ//;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;
}}}}

     ↓

  /゙ ゙.";ヽゞ'-、、
 .jミノ,ノノ~ ̄""''ヽミ!
 i ノハー′     .iミ!
 iミ! ,--、_ ,_,,,..、、.i;;l
 }iト  ィェァ} (ェoァ j}}
  レl  .ノ,!_!、   j-'
   l  /_二'_、〉 .ij
-ー;丶、  ̄  ノ;ー-、,
;;;;;;;;;;/;;;\ニ//;;ヽ;;;;;;;;;;
;;;;;;;;;;ヽヽ .};;{ /;;;;;/;;;;;;;;;;;

その2

AAに機種依存文字が含まれていると文字化けすることがあります。
似たような文字に置き換えてください。

インストールの手順

プラグインファイルの追加

このファイルをダウンロード・解凍して「plugin」フォルダ内に入れてください。

EUC-JPでエンコーディングしていますので、UTF-8版をお使いの方はテキストエディタなどでエンコーディングを変換してください。変換しなくても一応動きます。

なおv1.03とv1.04の内容はほとんど変わらないので、v1.03からv1.04へアップグレードする場合は、プラグインファイルの更新は必要ではありません。

PukiWiki設定ファイルの編集

MarronWiki:Pluginsより引用

デフォルトでは複数行引数はOFFになっているので、pukiwiki.ini.phpの56行目の以下のところで1になっている部分を0に変えてください。

define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 1); // 1 = Disabled

スタイルシートの編集

v1.03 以前から v1.04 へのアップグレード

v1.03 以前から v1.04 へアップグレードする場合は skin/pukiwiki.css.php の p.aapro に次の2つの宣言を書き加えて下さい。

	white-space:nowrap;
	width:auto;

これで終わりです。

方法1

skin/pukiwiki.css.php の40行目辺りに body,tdの 設定項目があります。

body,td {
	color:black;
	background-color:white;
	margin-left:2%;
	margin-right:2%;
	font-size:90%;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

ここの font-size とfont-family の行をコメントアウトするか削除してください。
それから、以下のテキストを追加してください。

/* aapro.inc.php */
p.aapro {
	font-size:100%;
	white-space:nowrap;
	width:auto;
	line-height:110%;
	border-top:#DDD 1px solid;
	border-bottom:#888 1px solid;
	border-left:#DDD 1px solid;
	border-right:#888 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:1em;
	color:black;
	background-color:#EEE;
}

必要に応じて宣言ブロックの内容を編集してもかまいませんが、font-size から line-height までの4行は
アスキーアートの表示に大きく関わっている部分なので変更する場合は十分注意して下さい。

方法2

上記の「方法1」では body の font-size を変更していますが、そうするとサイトのレイアウトが大きく変わり、読みづらくなることがあります。
font-size を変えたくない場合はこの方法を使ってください。

skin/pukiwiki.css.php の40行目辺りに body, td の設定項目があります。

body,td {
	color:black;
	background-color:white;
	margin-left:2%;
	margin-right:2%;
	font-size:90%;
	font-family:verdana, arial, helvetica, Sans-Serif;
}

ここの font-family の行をコメントアウトするか削除してください。
それから、以下のテキストを追加してください。

/* aapro.inc.php */
p.aapro {
<?php   if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HTTP_USER_AGENT'])) { ?>
	font-size:small;
<?php   } else { ?>
	font-size:medium;
<?php	}?>
	white-space:nowrap;
	width:auto;
	line-height:110%;
	border-top:#DDD 1px solid;
	border-bottom:#888 1px solid;
	border-left:#DDD 1px solid;
	border-right:#888 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:1em;
	color:black;
	background-color:#EEE;
}

必要に応じて宣言ブロックの内容を編集してもかまいませんが、line-height までの8行は
アスキーアートの表示に大きく関わっている部分なので変更する場合は十分注意して下さい。

これを使用する際には、ブラウザのユーザーエージェントを偽装している人に問題が発生する場合があるので
ユーザーエージェントを変えるようにアナウンスする必要があるでしょう。

例文
注意:ウェブブラウザのユーザーエージェントを偽装している方へ
このサイトではアスキーアートをきれいに表示する為に、 ウェブブラウザの種類によってアスキーアートの文字サイズの最適化を行っております。
そのため、Opera や FireFox? 等のブラウザで、ユーザーエージェントを IE に偽装している場合に アスキーアートの文字サイズが本来の設定よりも小さく表示される事があります。
また、IE コンポーネントブラウザにおいてユーザーエージェントを「IE 系でない」ように偽装している場合にも 同様の問題が発生するかもしれません。
このサイトを閲覧される際にはユーザーエージェントの設定を元に戻してください。
 
*補足説明
p.aapro のプロパティ "font-size" の値をキーワード "medium"(標準の大きさ)で指定する事で body や他の親要素の font-size の値に依存せずにAAを表示できるはずですが、 IE 6.0 以前でPukiWikiをブラウズするときには "small" がブラウザ標準のフォントサイズになる *1 という困った仕様があるので、ブラウザが IE 6.0 以前の場合は "font-size" の値を "small" となるようにしなければいけません。 この条件分岐を行ったのが上記のコードです。
追記:IEコンポーネントブラウザの中に、ユーザーエージェントの値に「MSIE」を含まない(意図的に隠す場合が多いらしい) ものがあるそうなので、上記の説明文にそのことについてのアナウンスを追記しておきます。

プラグインの設定

デフォルトでは、AA中のURLは自動的にリンクに変換されます。
自動リンクを許可しない場合は、aapro.inc.phpファイルの15行目辺りにある「URLの自動リンクを許可するかどうかの設定」を編集してください。

Monobook skin へのインストール

ここではMonobook skin を使用している場合のプラグイン導入法を説明します。
以下の説明は「スタイルシートの編集」の「方法2」に該当します。
以前の方法ではFireFox?でうまく動作しなかったようなので改善しました。

なお、動作テストはまだ十分には行えておりませんので、悪しからず。

また、ページ幅設定プラグインは Monobook skin では動作しません。

プラグインファイルの追加

同上

PukiWiki設定ファイルの編集

同上

スタイルシートの編集

monobook.cssを複製して、2つのファイル「monobook_oldie.css」「monobook_other.css」を作成してください。

それから新しいファイルの両方を次のように編集します。

body {
-	font: x-small sans-serif;
+	font-size: x-small;
	background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
	color: black;
}

/* IE6 + EUC */
* html body {
-	font: xx-small Arial, sans-serif;
+	font-size: xx-small;
}

/* IE7 + EUC */
*+html body {
-	font: x-small Arial, sans-serif;
+	font-size: x-small;
}

/* Opera8 */
*+html > /**/body {
-	font: x-small sans-serif;
+	font-size: x-small;
}

次に、monobook_oldie.css に以下のテキストを追加してください。

/* aapro.inc.php */
p.aapro {
	font-size:small;
	white-space:nowrap;
	width:auto;
	line-height:110%;
	border-top:#DDD 1px solid;
	border-bottom:#888 1px solid;
	border-left:#DDD 1px solid;
	border-right:#888 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:1em;
	color:black;
	background-color:#EEE;
}

また、monobook_other.css に以下のテキストを追加してください。

/* aapro.inc.php */
p.aapro {
	font-size:medium;
	white-space:nowrap;
	width:auto;
	line-height:110%;
	border-top:#DDD 1px solid;
	border-bottom:#888 1px solid;
	border-left:#DDD 1px solid;
	border-right:#888 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:1em;
	color:black;
	background-color:#EEE;
}

必要に応じて p.aapro の宣言ブロックの内容を編集してもかまいませんが、font-size から line-height までの4行は
アスキーアートの表示に大きく関わっている部分なので変更する場合は十分注意して下さい。

monobook.skin.phpの編集

- <link rel="stylesheet" type="text/css" media="screen" href="<?php echo SKIN_DIR ?>monobook/monobook.css" />
+ <link rel="stylesheet" type="text/css" media="screen" href="<?php echo SKIN_DIR ?>monobook/<?php
+if (preg_match('/MSIE [4-6].+Win/', $_SERVER['HTTP_USER_AGENT'])){ ?>monobook_oldie.css<?php } else { ?>monobook_other.css<?php } ?>" />

コメント

PukiWikiなので他人が書き込んだレスも自由に編集できてしまいます。 管理人に確実に知らせたい事があればメールフォームをご利用下さい。

SPAM対策のため、投稿にIDとパスワードの入力が必要です。

  • ID : Lang
  • パスワード : hisabisaniwarota

    最新の10件を表示しています。 コメントページを参照

    • Monobook skinを使用した場合どのように編集すれば宜しいのでしょうか? -- 2007-05-27 (日) 12:50:11
    • Monobook skinを使用した場合どのように編集すれば宜しいのでしょうか? -- 2007-05-27 (日) 18:31:42
    • 申し訳ありません、更新ボタンを押したら二重投稿になってしまいました、Monobook skinを使用した場合どこを設定変更すればいいのかわからない状態です -- 2007-05-27 (日) 18:33:50
      • ご返答が遅れて申し訳ありませんでしたm(_ _)m とりあえずMonobook skinの設定方法を追加しましたのでご参考にしていただければと思います。 -- comcom 2007-06-28 (木) 23:10:37
    • monobook.skin.phpにて、CSSをphpに変えるとFireFox?ではCSSが効いてない状態になってしまいます・・・。 -- 2007-07-22 (日) 13:45:29
    • monobook.css.→monobook.css.phpに変えると、でした。言葉足らずですみません。 -- 2007-07-22 (日) 13:46:35
      • cssファイル内の<?php if〜から始まる5行分を削除して、拡張子CSSに戻して一応の対処ができました。とりあえずご報告まで -- 2007-07-22 (日) 14:00:01
    • 新ヴァージョンのテスト中 -- comcom 2008-09-13 (土) 16:01:55
    • ヴァージョン1.04をリリース。 -- comcom 2008-09-15 (月) 20:39:28
    • /* aapro.inc.php */ -- TOBY? 2008-11-30 (日) 12:20:41
    • 貼り付け失敗しました orz CSSの「方法2」ですが、 IE7や今後も考慮して、"<?php if (preg_match('/MSIE \d+.+Win/', $_SERVER['HTTP_USER_AGENT'])) { ?>" ではどうでしょうか? -- TOBY? 2008-11-30 (日) 12:22:29
    • Pukiwiki Plus 1.4.7plus-u2-i18n rev1726だと手順どおりに設定してもズレてしまい困っています。 -- yaruo? 2008-12-21 (日) 14:08:37
      • PukiwikiPlus?! はテキストエンコーディングが「UTF-8」ですね。可能ならばテキストエンコーディングを「EUC」に変更してください。あるいは「人力検索はてな」の、この質問を参考にしてください。 -- comcom 2008-12-22 (月) 19:33:20
      • ただ、この解決法だと font-family を「MS Pゴシック」に指定しているので Windows環境以外ではAAがずれるかもしれません。そもそも font-family に関しては各ブラウザーで仕様がかなり異なる(バグが多いとも言える)ので、個人的にはあまり手を出したくない。。。 -- comcom 2008-12-22 (月) 19:36:57
    お名前:

*1 すなわち "font-size" の値を "medium" に設定すると、IEでは標準の文字サイズの約1.2倍の大きさで表示されてしまう

添付ファイル: fileaapro.inc.php.zip 1494件 [詳細] fileerror.png 788件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2015-11-21 (土) 06:52:26 (313d)