http://yokohama.pm.org/2009/03/yokohamapm-4.html

1. HTML::AAFind
ID:komoriya

2. about me
- ID komoriya
- 名前 小森谷 一生
- 所属 livedoorでMobile関連
- Work HTTP::MobileJpCSS

3. about HTML::AAFind
HTML内のアスキーアートを探します

4. アスキーアートといえば？！
＿＿＿_
／ ＼
／─ ─＼
／ （●） （●） ＼
| （__人__） | ＿＿＿＿＿＿＿_
＼ ｀ ⌒´ ,／ | | |
ノ ＼ || |
／´ || |
| ｌ || |
ヽ -一ー_~､⌒)^),-､ | |_＿＿＿＿＿＿__|
ヽ ＿＿＿＿,ノγ⌒ヽ)ニニ-￣ || |
やる夫で学ぶHTML::AAFind

5. ＿＿＿_ ） やる夫で学ぶｽﾚを2chコピペブログに投稿だお！
／⌒ ⌒＼ ) これで今日もホッテントリ入り間違い無しだお！
／（ ●） （●） ＼ )／⌒Y⌒Y⌒Ｙ⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Ｙ⌒Y⌒Y丶
／ ::::::⌒（__人__）⌒::::: ＼
| |r┬-| |
＼ `ー'´ ／
ノ ＼
／´ ヽ カ
| ｌ l||l 从人 l||l l||l 从人 l||l カ タ
ヽ -一''''''quot;~~｀`'ー--､ -一'''''''ー-､. タ
ヽ ＿＿＿＿(⌒)(⌒)⌒) ) (⌒＿(⌒)⌒)⌒))
┌┬┬┐┌┬┬┬┐┌┬┬┬┐┌┬┬┬┐
,. - ''quot;|￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ρ￣`ｌ
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ノ

6. ＿＿＿
／⌒ ⌒＼ ﾎｼﾞﾎｼﾞ
／（ ●） （●）＼ そういえばAAって携帯から見るとどうなってるんだお？
／::::::⌒（__人__）⌒::::: ＼ 最近は携帯からBlog見る人も多いお。
| ｍj |ー'´ |
＼ 〈＿_ﾉ ／
ノﾉ

7. ＿＿＿_
／::::::─三三─＼ せっかくのポルナレフがケータイの
／:::::::: （ ○）三（○）＼ 液晶に収まりきれずにｶﾞﾀｶﾞﾀだお！
|::::::::::::::::::::（__人__）:::: | ＿＿＿＿＿
＼::::::::: |r┬-| ,／ .| | 超スピードだとか催眠術とか
ノ:::::::: `ー‘´ ＼ | | そんなチャチなもんじゃ断じてないお

8. Mobile
PC

9. ＿＿＿_
／⌒ ⌒＼
／（ ●） （●）＼
／::::::⌒（__人__）⌒::::: ＼ AAを画像に変換して横幅を240px以下に
| |r┬-| | 収めれば携帯でも見れるお！
＼ `ー'´ ／

10. ／￣￣＼
／ _ノ ＼
| （ ●）（●） Blogの記事の中からAAのみを動的に判別して
.| （__人__） 抜き出す必要があるだろう。
| ｀ ⌒ﾉ
.ヽ }
ヽ ノ ＼
/ く＼ ＼
| ＼ ＼ 旦~ .＼
| |ヽ、二⌒)､ ＼

11. _,..:.:-:.:―:-:....､
,.r:':.／:.:.:.:.:.:.:.:.:.:.:.:.:.:.::｀丶､
／:.:./:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.ヽ、
/:.:.:.:/:.:.:.:,r:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:ト:.:.:.:.:.＼
/:.:.:.:.!:.:.:./:.:/:.:.:.:./:.:.:.:.:.:l:.:.:.:.:!:.ヽ:.ヽ:.:.;ヽ
/:.:.:.:.:l:.:.:/:./l:.:／/:,:イ:.:/l:.:.:.:ハ:.jl:.:.:i:.:l:.､ヽ
/:.:.:.:.:.:l:.:.:l:/:.ﾚ＿/'´/シ !:.ﾂ′.V ';.:.l.:.!:.:l:.:',
/:.ィ:.:.:.:.:i:.:.:':.:.:.:!＿_｀｀`￢ ' ´ , --l:.､/:/:l:.:l
´ l;‘;.:.:.:.’,:.:.:.:.<7:::::::｀ヽ ＿ レ/:‘:ノ!/
';l:.:f ';.:.:.:.:.l::::::::r'′ r'::::::lヽ// '´/'
Vヽ ',:.:.:.:lー- ' l::::::ﾒ /:;'!
ヾl､',:.:.:.! ｀ ´ /::/
AAの法則を解析すればできるはず
';ﾊ:.:ト,、 - ノ;.:.;'
>:〈/丶､ _ -v' ´V l:,'
／ ヾ、 _ヽヽ､ l;'
イヽ ヽ'´ ｀', ｀l:ヽ、
l:.:.ヽ＼ _ヽ＿__', リr ´_二ュ _
,':.:.:.:.:ヽ .Y´,........---..ﾐ二y::´::::::::::::::;'
,':.:.:.:.:.:.:.〉Y::::::::::::::::::::::;':::::::;'::::::::::::r ､'
/:.:.:.:.:.:.:.l:.;'-､::::::::::::::::::;'::::::;':::::::::::::/ 7
/:.:.:.:.:.:／Y 〈::::::::::::::::::;'::::::;'::::::::::::ヽ.._ノ!
l:.:.r:.:.:.:.:.:.:.l f:::::::::::::::::;'::::::;':::::::::::::::::;':.:.:.!

12. スペースが
スペースが多い
┌─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─┐
┌ ＿＿＿ <- 10
│ ／ ＼ <- 13
│ ／ノ ＼ u. ＼ <- 11
│ ／ （●） （●） ＼ <- 11
│ | （__人__） u. | どうやるんだお？ <- 13
<br>区切り │
br>区切り ＼ u.｀ ⌒´ ／ <- 13
│ ノ ＼ <- 19
│ ／´ ヽ <- 16
│| ｌ ＼ <- 18
│ヽ -一''''''quot;~~｀`'ー--､ -一'''''''ー-､. <- 9
│ ヽ ＿＿＿＿(⌒)(⌒)⌒) ) (⌒＿(⌒)⌒)⌒))
<- 5
└

13. sub maybe_aa {
my $buf = shift;
return unless $buf;
$buf =~ s/<.*?>//g;
return unless $buf;
# force delimit
return - 1 if $buf =~ /ID:[a-zA-Z0-9]/;
my @char = $buf =~ /$euc_reg/g;
return unless @char;
my @symbol;
my @space = $buf =~ /$space_reg/g;
if (scalar @space / scalar @char > 0.23) {
return 1;
}
elsif (scalar @space / scalar @char > 0.18) {
@symbol = $buf =~ /$symbol_reg/g;
return 1 if scalar @char > 30 && scalar @symbol / scalar @char > 0.3;
}
@symbol = $buf =~ /$symbol_reg/g unless @symbol;
return 1 if scalar @char > 30 && scalar @symbol / scalar @char > 0.7;
return;
}

14. ／）
／／／）
／,.=ﾞ‘’“／
／ i f ,.r=‘”-‐'つ＿＿＿_ 細けぇことはいいんだよ！！
/ / _,.-‐'~／⌒ ⌒＼
／ ,i ,二ﾆ⊃（ ●）. （●）＼
/ ﾉ ilﾞフ::::::⌒（__人__）⌒::::: ＼
,ｲ｢ﾄ､ ,!,!| |r┬-| |
/ iﾄヾヽ_/ｨquot;＼ `ー'´ ／

15. ＿＿＿_
／ ＼
／─ ─＼
／ （●） （●） ＼
| （__人__） | そんな訳で完成したのが、
＼ ｀ ⌒´ ／ HTML::AAFindです。
,,.....イ.ヽヽ、___ ーーノﾞ-､.
: | '; ＼_____ ノ.| ヽ i
| ＼/ﾞ（__)＼,| i |
＞ ヽ. ハ | |｜

16. SYNOPSIS
use HTML::AAFind;
my $finder = HTML::AAFind->new(sub {
my $aa = shift;
return sprintf(‘<font color=“#FF0000”>%s</font>’, $aa);
});
my $new_html = $finder->find($html);

18. 抽出したAAを画像に変換
／￣￣＼
／ ヽ_ .＼
（ ●）（ ●） ｜ ＿＿＿_
（__人__） | ／ ＼
ｌ｀ ⌒´ ｜ ／─ ─＼
.{ ｜／ （●） （ ●） ＼
{ /| （__人__） |
,-､ ヽ ノ、＼ ｀ ⌒´ ,／＿
/ ノ／￣／ ` ー ─ '/＞＜ ` ー─ ' ┌､ ヽ ヽ,
/ L_ ￣／ _l__( { r-､ .ﾄ
_,,二) ／・ ・ 〔― ‐} Lｌ | l) ）
>_,ﾌ / }二 ｺ＼ Li‐'
＿_,,,i‐ノ l × └―ｲ ヽ |
l i ヽl
また改めて

19. REPOSITORY
CodeRepos:
lang/perl/HTML-AAFind

20. _ -───- _
, '´ ｀ヽ
/
／ ＼
/ __, ィ_,-ｧ__,, ,,､ , ､,,__ -ｧ-=彡ﾍ ヽ
ヽ
'「 ´ {ハi′ }l
|| ||
|! ||
|│ 〈!
| |/ノ二__‐──ｧ ヽﾆニ二二二ヾ } ,'⌒ヽ やら・・・
/⌒!| =彳ｏ｡ﾄ￣ヽ '´ !o_ｼ｀ヾ | i/ ヽ !
! ハ!| ー─ ' i ! `' '' quot; ||ヽ l |
ご清聴ありがとうがとう
| | /ヽ! | |ヽ i !
ございました。
ヽ{ | ! |ﾉ /
ヽ| _ ,､ ! ,′
＼! '-ﾞ ‐ ﾞ
/
レ'
/|
｀!
|＼ ,′!
ヽ ﾞ ￣ ￣｀
|＼ |
ー ─‐
_ -‐┤ ﾞ､ ＼ ／ ! l |`ｰr─- _
／
_ -‐ 'quot; / | ﾞ､ ヽ ＿___ '´ '│ ! | ﾞ''‐- ､,_