最近は Chrome やら Safari やら他のブラウザも元気で Firefox ならではというアピールポイントは少なくなってきてる感じですが、やはり手になじんだアドオンが揃っているブラウザを手放すのはなかなか難しいところで、このまま使い続けていくんじゃないかという気がしますね。

導入に当たっては、3.0 のときも行ったんですが、新しいプロファイルを作成して、アドオンを順次追加していったり。不要なアドオンを取り去るという、棚卸し的な作業にもなりましたが、おかげで重いアドオンから軽量なものに乗り換えられたりと、それなりに効果あったんじゃないでしょうかね。

ということで、現在使用中のアドオンリストはこちらです。

Firefox 4.0 アドオン一覧(2011/03/23版)

1. 1Password 1.0.4.173
• パスワード管理は 1Password にお任せしているので、これがないと一気に大変になります。新しいプロファイルを作成したときは、1password側でアドオンの設定を一回解除してから再設定してやる必要があるので、そこだけ要注意でしょうか。
2. AutoPagerize 0.7.2
• 検索しまくる使い方をしていると、必須ともいえるアドオンですね。続きのページがどんどん読み込まれていきます。Greasemonkey 版から独立したアドオンになっていました。
3. Context Search 0.4.6
• 右クリックのコンテキストメニューから選択した文字列で検索してくれるアドオンです。通常は Google 使っていても 見ていたページの商品を Amazon で消費を検索したくなったときとかに重宝します。
4. Download Statusbar 0.9.8
• 標準のダウンロード機能を拡張してくれます。
5. FireGestures 1.6.1
• マウスジェスチャーはこれでたいてい事足りるかなと。
6. Greasemonkey 0.9.1
• スクリプトあんまり使ってないんですけどあると便利なのは間違いなしですね。
7. Make Link 10.12(互換性無し)
• Nightly Tester Tools で強制インストール。見ているページの情報を指定したフォーマットでクリップボードに送ることができるアドオン。HTMLで整形する設定などを書いておけばブログ更新の効率アップですね。
8. Menu Editor 1.2.7
• 不要なメニューを非表示にしたり、順番を変更して使いやすくしたいときに。
9. Nightly Tester Tools 3.1.2
• とりあえず入れておけばOK。バージョンチェックで引っかかるアドオンを強制的にインストールする機能はよく使うかと。about:config 開いて設定すれば不要なんですが。
10. RefControl 0.8.14
• Google Reader などでリファラチェックされて表示されない画像を表示したいときに。
11. RequestPolicy 0.5.20
• No Script から乗り換えました。癖はありますが設定を詰めていけば良い感じになりそう。
12. SBMカウンタ 0.4.5(互換性無し)
• Nightly Tester Tools で強制インストール。ソーシャルブックマーク数やコメントを表示してくれます。はてブアドオンが対応したらいらなくなるかもしれませんが、これはこれで見やすいです。
13. Stylish 1.1.1
• 特定のサイトに特定のスタイルを指定したいときに。
14. Tab Utilities 1.0.1
• Tab Mix Plus は重すぎるということなので、代替として使用。自分の使い方ではまったく不便がないですね。
15. Tombloo 0.4.20
• これが対応してくれなかったら、まだ移行はできなかったかもしれません。写真やメモ、ブックマークや引用などを、いろいろなサービスに投稿してくれる素敵アドオンです。
16. ViewSourceWith 0.7.3
• ソースは使い慣れたエディタで見たい、そんな要求に応えてくれます。
17. WebMail Notifier 2.7.5
• Gmail Manager から乗り換えました。Gmail 使いはこれか、Gmail Manager のどちらかを使えば幸せになれるかと。
18. テキストリンク 4.0.2011021601
• Webページに書かれたURI文字列を、ダブルクリックするだけで開いてくれます。http 省略したアドレスなどをいちいちコピーして貼り付け移動をしなくて良くなります。

あとは開発時に便利な Firebug とかの強力なアドオンもありますが、必要なときに追加すれば良いかなあという感じで、まだインストールしてません。

本体がアドオンに依存していた機能を取り込んだところもあるので、いくつか不要になったアドオンもあります^*1。

速度的な部分では、最速とまでは行きませんが、使い勝手の部分でトータルの快適さが得られれば良いかなあという感じの今回のバージョンアップ。さすがに3から比べればかなり高速になっているので、不満は少ないのです。

1. Paste and Go とか

関連記事 :

1. Firefox 3.6 で VMware Server 2 のリモートコンソールプラグインが動かなくて困った
2. Firefox 3.0 で愛用(する予定)のアドオンを列挙してみる
3. WordPress を AutoPagerize に対応させた
4. 新たなフレッシュリーダーの脆弱性および対応版の公開について

といっても、ほとんど、AnyEvent::Twitter::StreamでDesktop Notify – すぎゃーんメモ のコードを使ったようなものですが。

ハッシュタグ #oreimo にヒットした行をコマンドラインに出力するようにしてるのは、ちょうど TL で俺妹の実況がされていたから。Windows 上で実行しているので、文字コードは sjis にしてから print してます。

うーん、思った以上に簡単に UserStream が利用できますね。AnyEvent::Twitter を使えば TL へのポストも可能なようで、bot の TL 取得部分をこの処理に変えると、最速で反応することもできるんだろうなあ。

#!/usr/bin/perl
use strict;
use AnyEvent::Twitter;
use AnyEvent::Twitter::Stream;
use Encode;
use utf8;
my $cv = AE::cv;

my $twitty = AnyEvent::Twitter->new(
      consumer_key        => $consumer_key,
      consumer_secret     => $consumer_secret,
      access_token        => $access_token,
      access_token_secret => $access_token_secret,
);
my $done = AnyEvent->condvar;
my $listener = AnyEvent::Twitter::Stream->new(
      consumer_key        => $consumer_key,
      consumer_secret     => $consumer_secret,
      token               => $access_token,
      token_secret        => $access_token_secret,
      method          => "userstream",
      on_tweet        => sub {
        my $tweet = shift;

        my $user = $tweet->{user}{screen_name};
        my $text = ($tweet->{text} || '');
        return unless $user && $text;
        if ($text=~/#oreimo/) {print '#oreimo'.encode("sjis",$text);}
     },
     on_error => sub {
        my $error = shift;
        warn "ERROR: $error";
        $done->send;
     },
     on_eof   => sub {
        $done->send;
     },
);
$cv->recv;

関連記事 :

1. PULLTOP の Twitter アカウントができたよ! できたよ!
2. Twitpress を twicco に力業で対応させてみる
3. Twitpress の通知 URL にパーマリンクをちゃんと使いたい
4. Twitpress を改造して Wassrpress (仮)にする
5. Twitter はじめました
6. Plagger を導入してみる
7. 中継君の古いキャッシュが削除されないバグの修正

常時 Web サーバを稼働させているとどこかのタイミングでメモリ不足が原因でプロセスが落ちまくる、Apache の負荷がスゴいことになるとかは、稼働するプロセスの数をとことん減らすことでたぶん改善。更新時の高負荷は XML-Sitemap が原因ぽいのでそれをちょっと停止して様子を見てみようかなと。

あとは、少しでも WordPress の動作を快適にしてみたかったので、ぐぐっている最中に見つけた、memcached を使ってオブジェクトキャッシュを行う方法を試してみました。

memcached のインストール

memcached と libevent はソースからインストールしました。

$ wget http://www.monkey.org/~provos/libevent-1.4.14b-stable.tar.gz
$ gtar xvzf libevent-1.4.14b-stable.tar.gz
$ cd libevent-1.4.14b-stable
$ ./configure
$ make
$ sudo make install
$ cd ../
$ wget http://memcached.googlecode.com/files/memcached-1.4.5.tar.gz
$ gtar xvzf memcached-1.4.5.tar.gz
$ cd memcached-1.4.5
$ ./configure --with-libevent=/usr/local/libevent/
$ make
$ sudo make install
$ sudo cp scripts/memcached.sysv /etc/rc.d/init.d/memcached
$ sudo mkdir /var/run/memcached
$ sudo ln -s /usr/local/bin/memcached /usr/bin/
$ sudo /etc/rc.d/init.d/memcached start

WordPress で memcached を利用する

まずは PHP から memcached を利用できるようにするために、

$ pecl install memcache 

足りないパッケージは適当に追加で。

その後、php.ini の最後に extension=memcache.so を追加して Apache を再起動。phpinfo() で確認すると、

こんな感じで動いてるのが確認できます。

その後、MySQL の設定ファイル my.cnf を編集して、

[mysqld]
query_cache_limit = 1M
query_cache_size = 24M
query_cache_min_res_unit= 4k
query_cache_type = 1

として再起動。

最後に、WordPress のオブジェクトキャッシュ機構で memcached を使用するために、 /wp-content/ 以下に http://plugins.trac.wordpress.org/browser/memcached/tags/2.0 からダウンロードした object-cache.php を保存して終了。

memcached の効き具合は、memcache.php で確認できるのでお好みで設置すればOK。

さて、これで少しはマシになったかなあ。表示されるクエリー数は結構減ってるみたいですが。体感できると嬉しいですね。

参考

• hiromasa.another :o)» Blog Archive » WordPress の memcached による高速化
• WordPress+Memcached+MySQL最適化 | それでも地球はまわっている
• CentOS に memcached をインストールする | dTblog | デザインとプログラムの境界をさまようブログ
• [memcached] PHPでmemcachedの稼働状況をチェック – ありんく tech-log

関連記事 :

1. WordPress の本文内にショートコードでコメントアウトを埋め込む方法
2. WordPress には最適かもしれない拍手ツール 【GJ!】
3. WordPress 2.2 リリース
4. Nucleus から WordPress へのデータの移行
5. WordPress 2.1.1 は危険らしいですぞ?
6. WordPress 2.1 へのデータ移行のテスト
7. WordPress ME 2.0.5 リリース

移転したおもなサービスは、DNSと www.u-1.net でアクセスできる WordPress で構築してあるメインコンテンツです。さくらの VPS 側で使っている OS も CentOS 5 の 64ビット版と、自宅の環境と全く同じだったので、移転は非常に簡単に行えました。

サーバが非常に快適に使えたのも大きな理由ですが、自宅の改装が行われている関係上、いつ回線が切れたり電源が落とされたりするか不安でしょうがなかったのも、今回の引っ越しの理由の一つですね。

ついでに、WordPress で使っているテーマの Obscure も、WordPress 3.0 以降の機能に対応した 2.0 がリリースされていたので、それを使ってみました。以前のテーマでは気づかなかったのですが、Internet Explorer 7 以前ではレイアウトが結構崩れてメニューが使い物にならなかったようなので……。

最新バージョンではその辺も改善されているようで、モダンブラウザならだいたい同じようなレイアウトで表示されるようですね。うちの場合は、IEが6割程度とやっぱり大多数なので、その辺のフォローがしっかりできてなかった点は反省しきりです。

DNSのAレコードも切り替えが順調に進んでいるようで、ほとんどのアクセスは新サーバ側に移っているとは思います。環境が全く同じなので、トラブることもないとは思いますが、今までの仮想環境に比べてメモリの容量が1/4になった割には、快適さがむしろ増しているように感じるのは、さすがに最適化の違いというところなんでしょうかね。これで980円／月というのは、確かにお得感はありますよ。

でもメモリがきつい……

なぜか、WordPress で新しい記事を投稿すると Apache のプロセスがスゴい勢いで増えていって、メモリを使い切ってしまって停止状態になってしまうので困ってます。設定ファイルで起動するプロセス数とかを抑えているけれど、改善できないとちょっとつらいかなあ。

関連記事 :

1. FeedBurner 提供の RSS が Quick Cache の影響で更新遅れていた罠
2. WordPress の本文内にショートコードでコメントアウトを埋め込む方法
3. Yahoo!ブログ検索に WordPress 更新を通知するスクリプト Ping to Y!J-BSC
4. sim2ruby.css を使ってルビの表示を改善する
5. コメント欄に Gravatar を表示するようにしてみた
6. Snap Preview Anywhereを組み込んでみる(2)
7. wp-tegakiプラグインを導入してみる

Firefox 3.6 に更新したら VMWare Server 2.0 のリモートコンソールプラグインが動かなくなったので困ったメモ。

Mozilla と VMWare のフォーラムのどちらにもこの件に関する話題がありますね。

• "VMware Server" remote console no longer works with Firefox 3.6. See: http://communities.vmware.com/thread/252218
• VMware Communities: Firefox 3.6 and vmware remote console …

現状ではどうしようもないので IE を使ってやるしかないんですが、なんとかならないのかなあ。

コンソールを使うときに IE -> 管理画面 -> コンソール画面 と飛ぶのも面倒なので、デスクトップに Generate Virtual Machine Shortcut からショートカットを作ってやりましたが。これも Firefox からは動作しなかったんですよねえ。

その他の方法としては VIClient を導入して独立したアプリから管理をするというのもあるようですね。VMwareServer2VIClient – アクセンスのおまけ を見ると Windows 版の VMWare Server から入手できるようですが、今その環境がなかったので、試してません。こっちのが軽いらしいし便利なのかなあ。

関連記事 :

1. Firefox 4.0 移行時に引き継いだ18のアドオンを列挙してみる
2. Firefox 3.0 で愛用(する予定)のアドオンを列挙してみる
3. WordPress を AutoPagerize に対応させた
4. 新たなフレッシュリーダーの脆弱性および対応版の公開について

残念ながら私のメイン環境は Windows 7 の 64ビット版なので、まだインストールはできないのですが、仮想環境上に置いてある XP でいろいろ試してみました。

まぁ、うちのサイト的にはラノベ関連の語がどれくらい変換できるかってことで、メディアマーカーに登録してある本から100人ばかり、変換してみました。

結果は以下。

OS

Windows XP SP2

Google 日本語入力バージョン

GoogleJapaneseInput-0.8.186.0 (インストール直後の状態)

予測変換で出てきた作家名

80

変換キー押下で変換する必要があった作家名

16

そのままでは変換できなかった作家名

4

ってことで、かなり良い感じに変換してくれるみたい。今後もバージョンが上がっていくとさらに辞書が充実していきそうな感じですね。

気になる点としては間違ったよみでも変換してくれたりするので気づかないまま、名前を誤って覚えてしまう可能性があったりすること?　機械的に処理して辞書を作るという点で、ATOK とは正反対のアプローチでなかなかの変換精度を提供してくれている本 IME 、使いどころによっては十分選択肢に含まれるのではないでしょうか?

関連記事 :

1. レジンキャストミルク〈7〉
2. マイクロフォーマット（hReview） はラノベレビューサイトの福音となるか?
3. 侵略する少女と嘘の庭
4. 銀色のオリンシス
5. Google Sitemap Generator 3 Beta でMySQLエラー
6. カーリー ~黄金の尖塔の国とあひると小公女~
7. 最後の夏に見上げた空は〈3〉

CentOS 5.4 では yum からインストールされる ImageMagick が 6.2.8 と現行のバージョン^*1 と比べてかなり古いようなので、入れ替えのための情報を探してみたら良さげなものがありました。

ImageMagick の RPM を作ってみる

CentOS 5 の ImageMagick を RPM でアップグレードしてみた – PHPで携帯サイトを開発する人のブログ の情報を参考に、ImageMagick 6.5.3-10 の RPM を作成しました。

まずは SRPM を取ってきてインストール

# wget ftp://ftp.kddlabs.co.jp/graphics/ImageMagick/linux/SRPMS/ImageMagick.src.rpm
# rpm -ivh --nomd5 ImageMagick.src.rpm

基本的な手順はリンク先のサイトと同じで、足りないパッケージをインストール、 yum でインストールできなくて、ついでにあまり必要でなさげな JPEG2000 の対応を切り捨て、SPEC ファイルを書き換えてリビルドして完了。CentOS 標準の yum から取ってこれなかったのは以下の3つで、それぞれ

• perl-devel …… Perl パッケージに含まれるので SPEC から perl-devel を削除
• jasper-devel …… JPEG2000 サポートなので使わなければ SPEC から削除
• djvulibre-devel …… dag リポジトリからインストール

という状況なので、djvulibre-devel だけ入れてやって完了。

/etc/yum.repos.d/dag.repo を作成し、

[dag]
name=Dag RPM Repository for CentOS5
baseurl=http://ftp.riken.jp/Linux/dag/redhat/el5/en/$basearch/dag/
enabled=0
gpgcheck=1

と書いてやって、

# rpm --import http://ftp.riken.jp/Linux/dag/RPM-GPG-KEY.dag.txt
# yum --enablerepo=dag install djvulibre-devel

そして、パッケージをリビルド。

# rpmbuild -ba ImageMagick.spec

うまくいけば、以下のパッケージができます。

• ImageMagick-6.5.3-10.x86_64.rpm
• ImageMagick-c++-6.5.3-10.x86_64.rpm
• ImageMagick-c++-devel-6.5.3-10.x86_64.rpm
• ImageMagick-devel-6.5.3-10.x86_64.rpm
• ImageMagick-doc-6.5.3-10.x86_64.rpm
• ImageMagick-perl-6.5.3-10.x86_64.rpm

古いバージョンのパッケージを yum remove してやってから新しいパッケージをインストールしました。

PECL::Imagick を導入する

ImageMagick がインストールされたので、次は PHP から簡単に使うための API を提供する PECL::Imagick を導入します。

これはコマンド一発なのでかなり簡単。

# pecl install imagick

エラーが出なければ、php.ini にモジュール読み込むための記述

extension=imagick.so

を追記して Apache を再起動すればOK。ここはハマらないで済みましたよ。

Imagick で遊んでみる

まずは練習がてらいくつか画像を作ってみました。

• GD でいろいろやってみた画像フォントは基本的な描画しかできないのでちょっと不便
• Imagick で画像を作ってみたサンプル1 縁取りとかも割と簡単にできます
• フォントに影を付けようとやってみたら失敗した画像
• ドロップシャドウに成功した画像

とまぁ、四苦八苦しながらそれなりにできるようになりました。まだ全然理解できてないので試行錯誤でやっているのですが、表現力の高さは嫌でも感じられますね。というか、マニュアル見た段階で、(；ﾟДﾟ) な感じなのですががが。

お次の段階としては、WordPress のプラグインの WP-tegaki の GD を使っている部分を Imageck に置き換えるのをやってみたいかな。

1. 現時点の最新バージョンは 6.5.7-4 だったり

関連記事 :

1. WordPress の wp-tegaki プラグインを ImageMagick を使って動くようにしてみる
2. WordPress には最適かもしれない拍手ツール 【GJ!】
3. PHP5 へアップグレード
4. Postfix の SPF 対応
5. PS3 Linuxの実力の片鱗が見えた?
6. Linuxからシリアルポート接続でRTX1500の設定を行う
7. ITmedia News：PS3向けLinux、Terra Softが発表

んで、こっそり以前にも設置して、放置していた Sweetcron に再度挑戦してみました。

設置したサイトはこちら、らいふすとりーむっ!

設置の参考になるサイトは、

• caramel*vanilla » ライフストリーミングツール「Sweetcron」をインストールしてみた
• インストール – Sweetcron Japanese Doc

などですね。というか検索すればこの辺が引っかかるので、環境さえ揃っていれば、そのままやれば多分OK。設定ファイルを手動で書き換えなきゃいけない部分が多少あるので、その辺は今どきにしてはやや面倒な感じはしますが、それはそれ、ベータ版なのでまだまだ発展途上のツールってことでしょうか。

テーマはSweetCronをもう一度入れました – londoner25.net経由でLifestreaming for bloggers: teh blog ar (not) dead | Free Sweetcron themeというテーマを。登録したフィードに応じてカスタマイズをしないとまともに表示してくれない部分があるのですが、そこは気合いでカバー。多少の PHP の知識とブログのデザインなどで CSS をいじっていればきっとなんとかなります!　表示が崩れる部分とかはJapanese/boxy – Sweetcron Japanese Docの修正で対応できますしまずは人まねから行ってみるのも良いかと。

とまぁ、適当に自分が使ってるサービスのフィードを登録してみましたが、10個～20個とか使ってるとなかなか壮観な感じ。一ヶ所に集約するって点でも面白いツールだと思いますね。

関連記事 :

1. WordPress で Action Streams もどきを実現するプラグイン SimpleLife

私もルビを使う――使いたいケースがたまにあったりで、そのたびにいろいろ検索して試行錯誤していたんですが、以下はそんな記録。

CSS で頑張ってみる その1

まずは正攻法(?) の CSS によるマルチプラットフォーム対応の方法。

結構前に、404 Blog Not Found:css – ルビもCSSで の記事で示された CSS を試してみました。こちらの記事の元ネタはルビ表示はユーザスタイルシートで! – 徒書 からのようです。

で、これはこれで複雑怪奇な CSS を使っていなければ、表示結果はそれなりになるのですが、WordPress に移ってからは表示が崩れたりして使ってませんでした。

CSS でいろいろ頑張ってみた比較は ホームページ作成浜松Tips:CSSによるルビ（振り仮名）表示方法 で見ることができますが、Firefox3 だとなかなか満足のいく結果が出ていないように思えて残念無念です。

Firefox のアドオンで自分だけ幸せになる

Firefox を使っているのなら、XHTMLルビサポート (XHTML Ruby Support) を使えば概ね良好な動作をしてくれますね。

閲覧環境を整えるということなら、こちらのアドオンを導入すればルビの表示についてはほぼ解決ではないでしょうか。

CSS で頑張ってみる その2

で、本題。今日、また思い立って検索してみたら、CSSでルビを表示する – mukakenの日記 経由で sim2ruby.css という CSS ファイルを知りました。

結構小さい割に、IE 以外の最近のブラウザでもルビの表示が良い感じになるようです。

ウチのサイトにも追加で sim2ruby.css を読み込むようにしてみましたが、Firefox3 でも

のような感じで、かなり自然に見ることができるようになりました^*1。

導入自体も、追加で CSS ファイルを読み込むようにするだけなので簡単。ブラウザに応じて JavaScript で CSS の振り分けをするとか、面倒な手順を踏まなくても、ルビ表示ができるようになるこの CSS ファイル、かなり便利ではないかと。

1. ルビの部分にマウスカーソルを重ねると、文字を拡大する機能も付いています。〈ただそこに佇立する者〉の部分ですね。

関連記事 :

1. さくらのVPSへ一部コンテンツを引っ越しました
2. WordPress 2.8.1 beta 1 でプラグイン管理でアクセス権に関するエラーが発生
3. Twitpress を twicco に力業で対応させてみる
4. Twitpress の通知 URL にパーマリンクをちゃんと使いたい
5. WordPress 2.1 へのデータ移行のテスト
6. Snap Preview Anywhereを組み込んでみる(2)
7. テーマを変更

SS の公開に使っている、bookreader.js ですが、やっぱり便利。ブラウザで超長文を縦スクロールで読むのは、辛いなあと思っていたひとには福音となりそうなライブラリです。というか、Web 小説を公開しているひとの多くが該当するのかも。まぁ、見せる方のこだわりの一つと思ってもらえれば……。

ただ、使用できるタグが限定されていたり、カスタマイズに関する情報はさすがに少なかったので、自力でいろいろいじってみて分かったことについてメモってみようかと思います。

bookreader.js 0.4.5 のカスタマイズ

0.4.1でも施した、p タグや div タグへの class 指定を 0.4.5 でもできるようにしてみました。パッチは以下。

--- bookreader.src.js.org	2008-07-08 00:11:32.000000000 +0900
+++ bookreader.src.js	2008-07-09 11:44:12.000000000 +0900
@@ -71,15 +71,17 @@
 				case 'P':
 					s = elm.innerHTML;
 					t = BookReader.Utils.dividelines(s, maxletter);
+					w = elm.readAttribute('class');
+					if (!w) { w = ''; }
 					t.each(function(line){
 						if (BookReader.currentline >= maxline || line == '<HR />'){ BookReader.insertPage(); }
 						if (line != '<HR />'){
 							if (elm.align == 'right'){
-								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' right">' + line + '</P>';
+								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' '+w+' right">' + line + '</P>';
 							} else if (elm.align == 'center'){
-								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' center">' + line + '</P>';
+								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' '+w+' center">' + line + '</P>';
 							} else {
-								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+'">' + line + '</P>';
+								BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' '+w+'">' + line + '</P>';
 							}
 							BookReader.currentline++;
 						}

0.4.5 では、行揃えなどが標準で組み込まれているので class 指定を使う必要があるケースはかなり少ないと思いますが、例えば、インラインで img タグを使用し文中に画像を入れたいときなどは、行の高さが決め打ちされているので、一部分しか表示されないなどの現象が起こりえます^*1

例えば、バナーなどをインラインで表示したい場合などは、専用の class を CSS に追記して、画像を表示する行に対して class を指定してやるなどの方法で対応するのが良いかと思います。

動作サンプルで具体的な記述方法や CSS の指定を確認して下さい。

勝手にバナー作ってみました

アイコンの画像は、Detailed information for icon – document2 を使用させていただいています。アイコンのライセンスが GPL なので、こちらのバナーも GPL ってことで。

Illustrator で加工した EPS 形式のファイルと、バナー用の PNG ファイルをアーカイブしておいておきますので、自由に使って下さい。あ、公式とは全く関係ないので、その点はご注意を。

• Powered by bookreader.js バナー (284)
  Update:2008/07/09

以下の内容は bookreader.js 0.4.1 に対して行った改造です。それ以降のバージョンではほぼ同等の機能が取り込まれていますので、改造は不要となっています。

使用できるインラインタグの種類を増やす

たぶん、これが一番不満な部分だと思うのですが、マニュアルによると、

HTMLのタグの機能を置き換えたり、制限している部分があります。
[H1]: 大見出し。グリッド3行分。
[H2]: 中見出し。グリッド2行分。
[H3]: 小見出し。グリッド1行分。改ページ直後でなければ、直前に改行を追加。
[P]: 本文。グリッド1行分。DIVタグも、Pタグと同一動作。
[BR]: 本文中の改行。
[HR]: 改ページ。
[IMG]: Pタグの内部で使うと、インライン表示。それ以外では、次の改ページ位置に挿入されます。この場合、ALT属性を指定しておくと、画像の下部にキャプションとして表示されます。
その他 : 本文中で、STRONG, STRIKEが使えます。

のように、使用可能なタグがかなり少ないのですね。

文章を公開するという用途においては、必要最低限のタグは対応していますが、例えば斜体を使いたかったり、文字の色を変えたかったり、といった装飾ができないのは辛いところ。strong や strike が使えるってことは、改造すれば対応できそうだったので、ソースを眺めてみましたら、library/bookreader/bookreader.js の 337行目辺り、switch (tagname) という命令の下に素通りさせるタグが指定できるようです。そんなわけで、

case 'STRONG':
case 'STRIKE':
case 'SPAN':
case 'I':
case 'EM':

のように、書いてやれば、ソース内のタグが取り除かれることなく出力されました。span タグで囲んで CSS で装飾すれば色変えなどもできるので、ちょっと表現力が上がるかも。ただ、文字の大きさの変更は、レイアウトを崩す原因になるので、それは厳禁ぽいかなあ。表示チェックをしっかりして、使いどころを間違えなければたぶん便利になるかと思いますね^*2。

ブロックタグをいじろうとすると、かなり大規模な改造が必要になるかも。私には手に負えません(^^;

行揃えを行う

p タグや div タグへ class を指定するのが標準ではできないので、class 指定を残すように変更してみました。実際は、中央揃えや右揃えを行う class をCSSファイルに記述してやる必要があります。

bookreader.js の80行目前後にある、

BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+'">' + line + '</P>';

という行を、

w = elm.readAttribute('class');
if (!w) { w = ''; }
BookReader.pages[BookReader.pages.length-1] += '<P class="'+fontsize+' '+w+'">' + line + '</P>';

のように書き換えてやると、それぞれのタグに class 指定がされている場合は、その class を残したまま整形するようになります。後は、それぞれのテーマのスタイルシート、default.css、vista.js、mac.js について、中央揃えや右揃え用のスタイルを追記してやればOKです。例えば、class="RIGHT" で右揃え、 class="CENTER" で中央揃えしたいときは、

/*テキスト寄せの設定*/
#br_body p.RIGHT {text-align:right;}
#br_body p.CENTER {text-align:center;}

をスタイルシートの最後にでも追記してやれば動作するかと思います。

テーマのカスタマイズ

library/bookreader/themes 以下のテーマをがりごりすればある程度のカスタマイズができますね。

見出しタグの大きさや文字寄せ、色などは機種別の CSS ファイル、default.css、vista.js、mac.js それぞれに書いてやらないと、環境によって見栄えが統一されなくなるので注意ですかね。

そんな感じで、ちょっとだけ手を入れ、今後のバージョンアップに期待している今日この頃なのです。

……まぁ、その前に、しっかりとした文章をもっと書けるようになるための精進を忘れないようにしなければいけませんね。

1. 画像自体に width や height を指定しないと、その行に収まるように高さを無理矢理縮めて表示するようです。
2. ただ、i タグなどはXHTML1.0 では非推奨、 2.0 では廃止されるタグなので、font-style による装飾を行うなどした方が良さそうですね。

関連記事 :

1. Google 日本語入力 でライトノベル作家の名前をいろいろ変換してみよう
2. Amazon 画像のリンク切れをJavaScript でごまかしてみる
3. 只今RSS取得が行えません : アメブロ が RSS 配信を一時的に停止
4. セグメントを越えてiTunes のプレイリストを共有する
5. システム用HDDの交換
6. Wii・PS3のネット接続設定でハマる(AOSS自動設定編)
7. Linuxからシリアルポート接続でRTX1500の設定を行う

各所の紹介記事でも書かれてますが、パフォーマンスがかなり上がってます。2.0.x で感じた動作の遅さはかなり改善されていますね。拡張されたロケーションバーと、ブックマーク機能も何気に便利。ブックマークにタグ付けすると、そのタグがロケーションバーで検索できるようになるので、よく使うサイトへのアクセスがさらに容易になるのかも。過去の履歴も同様にロケーションバーから検索できるので、記憶を頼りに探すのもかなり楽になっていますね。

ただ、やはりマシンパワーがある程度ないと、Firefox 自体が重いのはどうしようもないですね。PCG-U1 は Opera 9.50 で使ってますが、ある程度のスペックがある PC なら、Firefox 3.0 はかなり快適に使えるかと思います。

導入ですが、私は RC の段階から試用していたので正式リリース版への移行自体は上書きインストールで行けました。が、2.0.x から移行はやっぱり最初は大変。

そんなわけで、私が 2.0.x から 3.0 RC への移行の段階で取捨選択したアドオンなどを紹介。

操作性の改善や、ちょっとした便利機能を追加するアドオンが中心ですが、2.0.x 系統とほぼ同じ環境が再現できています。他にもまだまだ便利なアドオンもありますし、メジャー系が中心の紹介になるかと思いますが、 Firefox 3.0 への移行の参考になれば。

試験的に移行する場合は、プロファイルのバックアップ、および新規プロファイルでテストするのが肝要です。失敗して泣かないためにバックアップ重要、ってことで。

Adaptive Referer Remover

• Nightly Tester Tools にて強制インストール。

リファラの送出を制御するアドオンです。中継ページを経由しないアクセス解析の URL が意図せずに伝わってしまうのを回避できるかも。

まずは、ちゃんとアクセス制限かけて、それからこういうのを使いましょう。

Adblock Plus

• 3.0 対応 OK。

説明無用に近い、広告除去のためのアドオン。とりあえず入れておけばすっきりするかと。

Context Search

• 3.0 対応 OK。

コンテキストメニューに検索を追加します。選択した文字列をそのまま検索してくれるので、調べ物に便利。

Delicious Bookmarks

• 3.0 対応 OK。

del.icio.us 使うなら入れておいて損のないプラグイン。Firefox と del.icio.us がシームレスに連動します。

Download Statusbar

• 3.0 対応 OK。

標準のダウンロード管理画面は好きになれないので。

FireGestures

• 3.0 対応 OK。

マウスジェスチャアドオン。設定詰めればどんどん便利に。

Gmail Manager

• 3.0 対応 OK。

複数アカウントの管理にも対応した Gmail 用アドオン。Google Apps で運用している独自ドメインのメールにも対応してる優れもの。というか、これ入れないと Gmail 使う気が失せます。

Greasemonkey

• 3.0 対応 OK。

ユーザスクリプトを追加してもっと便利に。というか、AutoPagerize 使ったら戻れない身体になります。本気で便利。

IE Tab

• 3.0 対応 OK。

IE 専用ページなどを Firefox のタブ内に IE を用いて表示します。最近は Firefox でも満足に表示できるサイトが多いですが、どうしても IE を使わざるを得ないときはこちらで。

URL を登録すれば以降は自動で IE で表示されるので最初に設定しちゃえば IE の出番はさらに減ること間違いなし。

Make Link

• 3.0 対応 OK。

表示中のサイトの URL などを望んだフォーマットでクリップボードにコピー。ブログで記事書くときなどは、これがあるのとないのとでは効率全然違います。必携。

Menu Editor

• 3.0 対応 OK。

アドオン追加していくと混沌となるメニューやコンテキストメニューを整理整頓。表示順番も制御できるので、自分の使い方に応じた最適なメニューに変更できます。

Nightly Tester Tools

• 3.0 対応 OK。

3.0 以前対応のアドオンを強制インストールしたいときにこちらを使います。対応してないアドオンは、動かない場合があるので、そのときは潔く諦める必要がありますが、使える場合もあるので、自己責任でどうぞ。

pageinfo+link

• 3.0 対応 OK。

Firefox 3.0 になって、ページ情報から消えてしまったリンクパネルを追加するアドオンです。

Paste and Go 2

• Nightly Tester Tools にて強制インストール。

クリップボードに保存された文字列を URL として開いたり、検索したりするアドオン。

Popup ALT Attributes

• 3.0 対応 OK。

画像の代替テキストをポップアップで表示できるようになります。地味だけど他のブラウザでは表示してくれるんですよね。何気にないと不便なアドオン。

Stylish

• 3.0 対応 OK。

ユーザスタイルシートを拡張。Mixi 3column Customizer とか、simple-twitter-3rd とか入れてます。

Tab Mix Plus

開発版の tab_mix_plus-0.3.6.1.080416.xpi にて対応。

Firefox のタブ管理を拡張。標準でタブ機能を持っていますが、このアドオンを入れるとさらに詳細な制御が可能になります。

User Agent Switcher

• 3.0 対応 OK。

User Agent の文字列を変更できます。携帯サイトの表示確認とかに。

ViewSourceWith

• 3.0 対応 OK。

ソース表示を好きなエディタで行えるようになります。

Web Developer

• 3.0 対応 OK。

Web Developer 1.1.5 日本語版 は一部表示に不具合があったので 1.1.6 英語版を使用。

Web デザインなどには必携のプラグイン。CSS をいじくりまくるときとか、超便利。そのほかにも様々な機能があるので、サイト持ちは入れておくと吉かと。

XUL/Migemo

• Nightly Tester Tools にて強制インストール。

ページ内検索を拡張。ローマ字のまま日本語をインクリメンタル検索できるようになります。Firefox 3 になって、IME の制御がかなり賢くなったので、このアドオンとの相性がさらに良くなった感じ。

テキストリンク

• 3.0 対応 OK。

Webページに書かれたURI文字列を、ダブルクリックするだけで読み込めるようになります。ttp とかで書かれてる文字列も OK だったりするのでかゆいところに手が届く感じ。

関連記事 :

1. Firefox 4.0 移行時に引き継いだ18のアドオンを列挙してみる
2. Firefox 3.6 で VMware Server 2 のリモートコンソールプラグインが動かなくて困った
3. WordPress を AutoPagerize に対応させた
4. 新たなフレッシュリーダーの脆弱性および対応版の公開について

以前、Web 拍手ツールを探したときは、こういうタイプのが見つからなかったんですが、ついに見つけました。その名も GJ!

1. ブログに特化したＷｅｂ拍手なので、どのエントリーに対する拍手なのかが判る
2. 拍手数を拍手ボタン上に合成することで、拍手数がわかりやすい
3. 拍手数をＸＭＬで出力（ブログパーツなどに使えます）
4. ボタングラフィック差し替え可能
5. コメント閲覧画面（パスワード設定可能）完備

といった特徴があるように、ブログでの使用を前提にした設計になっているので、それなら WordPress に組み込んでやろうってことで、やってみました。配布ページでも WordPress 用のテンプレートの編集方法の解説ありますしね。

んが、ちょっとハマった部分といじった部分がありますので、備忘録的にメモしておきます。

PHP5 の fgetcsv の仕様でハマる

PHP5 の環境で、文字が化けたりするのは、fgetcsv の仕様で、OS
ロケールを関数が参照しているから、らしい。

fgetcsv 文字化け を見てみて、それならスクリプト内部でロケールを指定してやれば良いじゃない、といいことなので、fgetcsv関数を使用した場合の文字化けについて を参考に、スクリプトの先頭に setlocale(LC_ALL,'ja_JP.UTF-8'); と追加してやったらほぼ解消しました^*1

PHP5では動かない

現在のバージョンは PHP5 にも対応しています。

えー、推奨環境が PHP4 + GD なのですが、私の環境は PHP4 のサポート終了に伴い、PHP5 へアップデート済みなわけです。が、このスクリプトが内部で行っている XML の書き出し部分が PHP4 依存のコードを用いているので、そのままでは PHP5 で動かないことが分かりました。いつまで経ってもロックファイルが削除されないなあと思って、コードを追ったら見つけました。

domxml は PHP5では動作しないってなわけで、コードを書き換えるか、削除するか悩んでぐるぐるしていたところ、指向性メモ::2004-08-01::PHP4のDOMXML関数をPHP5のDOM関数に移植する 経由で見つけたのが、domxml-php4-to-php5.php。PHP4 の domxml を PHP5 の dom へ変換してくれる素敵スクリプトです。

これを、gj.php と同じ場所に保存して、

if (version_compare(PHP_VERSION,'5','>='))
 require_once('domxml-php4-to-php5.php');

をスクリプトの最初に書いてやれば、無事動作しました。

prototype.js はちょっと重いかなあ

や、WordPress 動かしてる時点で、重いってのは分かってるんですが。

Ajax 部分のフレームワークに prototype.js を使用していますが、98KB もあるスクリプトをまるまる使うのは多分無駄だと思ったので、その部分だけ抜き出して使えないかどうかを調べてみました。

Ajax なライブラリを使いまくって、自分のサイトが重くなってしまったら：Goodpic を見てみると、prototype.jsをAjaxのためだけに使いたいなら、pt.ajax.js や、moo.ajax を とあるように、Ajax を使うだけなら、pt.ajax.js でも行けそうです。ということで、prototype.js の読み込みを止め、pt.ajax.js を読み込んで見たところ、問題なく動作。素敵。98KB を 9KB のファイルで代用できました。

ログが文字化けしてしまう

スクリプトが作成する、 gjcount.dat と gj.xml に書き込まれる文字列が化けてしまうなあ。2行目以降が追加されるときに化けてるみたい。原因が分からない。PHP5 で無理矢理動かしてるからかな?　詳細ログの方は化けてないから、実用上困ることはなさそうだけれど。

場当たり的な私家バージョン

文字化けの原因は良くわからないのですが、mb_convert_encoding で EUC-JP で保存してやると、良い感じに記録されているようなので、ページ名やコメント部分を EUC-JP で保存して、管理画面の文字コードも EUC-JP とした版を置いておきます。

• gj-euc.zip (417)
  Update:2008/04/17

1. CentOS5.2 + PHP 5.2.6 の環境です。

関連記事 :

1. WordPress の更新内容を mixi へ投稿するスクリプト RSS2mixi with MagpieRSS
2. WordPress 2.2 リリース
3. WordPress 2.1.1 は危険らしいですぞ?
4. WordPress 2.1 へのデータ移行のテスト
5. WordPress ME 2.0.7 リリース
6. WordPress 2.0.6 がリリース
7. WordPress ME 2.0.5 リリース

トップページ、単一記事、カテゴリ、タグのそれぞれのページにて、一番下までスクロールすると、自動で前のページが追加されるようになってます。

副作用として、Litebox が2ページ目以降の画像には適用されなかったりするけど、それを捨ててもこの便利さを取りたかったので。

Firefox ユーザは、ぜひ Greasemonkey + AutoPagerize で快適なブラウジングを堪能してみては。

関連記事 :

1. WordPress には最適かもしれない拍手ツール 【GJ!】
2. WordPress 2.2 リリース
3. WordPress 2.1.1 は危険らしいですぞ?
4. WordPress 2.1 へのデータ移行のテスト
5. WordPress ME 2.0.7 リリース
6. WordPress 2.0.6 がリリース
7. WordPress ME 2.0.5 リリース

ということで、検索。 WordPress 2.2.3のコメント通知メールをISO-2022-JPに | 老眼palm というエントリを発見し、そのパッチを適用してみたところ、件名および本文の文字化けは解消。
件名の方は、時折一部が化ける現象が発生していたのですが、メールの件名の文字化け防止パッチの実証プラグイン « iDeasilo を導入することで、それも解消。数件テストしてみた感じでは、件名の化けも起きていないようです。

で、気づいたのが差出人 From: フィールドは化けたままだということ。なので、さらにちょちょいと1行書き換えてテストしたら化けなかったのでこれでいいか、と。

パッチ

./wp-includes/pluggable.php に対するパッチは、以下。老眼palm のものとほぼ同じですが、$phpmailer->FromName についても、mb_encode_mimeheader を通してみました。

$ diff -u pluggable.php.bak pluggable.php
--- pluggable.php.bak   2007-09-08 14:06:51.000000000 +0900
+++ pluggable.php       2007-09-20 00:19:33.000000000 +0900
@@ -160,6 +160,8 @@
 function wp_mail($to, $subject, $message, $headers = '') {
        global $phpmailer;

+       mb_internal_encoding("UTF-8");
+
        if ( !is_object( $phpmailer ) ) {
                require_once(ABSPATH . WPINC . '/class-phpmailer.php');
                require_once(ABSPATH . WPINC . '/class-smtp.php');
@@ -185,8 +187,12 @@

        $phpmailer->FromName = "WordPress";
        $phpmailer->AddAddress("$to", "");
-       $phpmailer->Subject = $subject;
-       $phpmailer->Body    = $message;
+//     $phpmailer->Subject = $subject;
+//     $phpmailer->Body    = $message;
+       $phpmailer->CharSet = "ISO-2022-JP";
+       $phpmailer->Encoding = "7bit";
+       $phpmailer->Subject = mb_encode_mimeheader($subject, "ISO-2022-JP", "B", "\n");
+       $phpmailer->Body    = mb_convert_encoding($message, "ISO-2022-JP", "UTF-8");
        $phpmailer->IsHTML(false);
        $phpmailer->IsMail(); // set mailer to use php mail()

@@ -197,14 +203,16 @@
                $header = explode( ":", $line );
                switch ( trim( $header[0] ) ) {
                        case "From":
+
                                $from = trim( str_replace( '"', '', $header[1] ) );
                                if ( strpos( $from, '<' ) ) {
-                                       $phpmailer->FromName = str_replace( '"', '', substr( $header[1], 0, strpos( $header[1], '<' ) - 1 ) );
+                                       $phpmailer->FromName = mb_encode_mimeheader(str_replace( '"', '', substr( $header[1], 0, strpos( $header[1], '<' ) - 1 ) ), "ISO-2022-JP", "B", "\n");
                                        $from = trim( substr( $from, strpos( $from, '<' ) + 1 ) );
                                        $from = str_replace( '>', '', $from );
                                } else {
                                        $phpmailer->FromName = $from;
                                }
+
                                $phpmailer->From = trim( $from );
                                break;
                        default:

1. Gmail とか Becky!2 とか。今は Google Apss にメールはお任せしてるので、Gmail 一本です。

関連記事 :

1. WordPress には最適かもしれない拍手ツール 【GJ!】
2. WordPress のカテゴリ管理画面でカテゴリ ID の隣にterm_taxonomy_id を表示する
3. Customizable Post Listings を WordPress 2.3 系統で使用する
4. WordPress 2.2 リリース
5. WordPress 2.1.1 は危険らしいですぞ?
6. WordPress 2.1 へのデータ移行のテスト
7. WordPress ME 2.0.5 リリース

$ make
/usr/bin/apxs -c    mod_dosdetector.c
/usr/bin/libtool --silent --mode=compile gcc -prefer-pic  -DAP_HAVE_DESIGNATED_INITIALIZER -DLINUX=2 -D_REENTRANT -D_XOPEN_SOURCE=500 -D_BSD_SOURCE -D_SVID_SOURCE -D_GNU_SOURCE -g -O2 -pthread -I/usr/include/apache2  -I/usr/include/apache2   -I/usr/include/apache2 -I/usr/include  -c -o mod_dosdetector.lo mod_dosdetector.c && touch mod_dosdetector.slo
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:26:1: warning: "REG_ICASE" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:277:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:27:1: warning: "REG_NEWLINE" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:282:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:28:1: warning: "REG_NOTBOL" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:296:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:29:1: warning: "REG_NOTEOL" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:299:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:34:1: warning: "REG_EXTENDED" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:273:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:35:1: warning: "REG_NOSUB" redefined
In file included from mod_dosdetector.c:31:
/usr/include/regex.h:286:1: warning: this is the location of the previous definition
In file included from /usr/include/apache2/httpd.h:44,
                 from mod_dosdetector.c:32:
/usr/include/apache2/pcreposix.h:41: error: redefinition of `REG_BADBR'
/usr/include/regex.h:323: error: `REG_BADBR' previously defined here
/usr/include/apache2/pcreposix.h:42: error: redefinition of `REG_BADPAT'
/usr/include/regex.h:315: error: `REG_BADPAT' previously defined here
/usr/include/apache2/pcreposix.h:43: error: redefinition of `REG_BADRPT'
/usr/include/regex.h:326: error: `REG_BADRPT' previously defined here
/usr/include/apache2/pcreposix.h:44: error: redefinition of `REG_EBRACE'
/usr/include/regex.h:322: error: `REG_EBRACE' previously defined here
/usr/include/apache2/pcreposix.h:45: error: redefinition of `REG_EBRACK'
/usr/include/regex.h:320: error: `REG_EBRACK' previously defined here
/usr/include/apache2/pcreposix.h:46: error: redefinition of `REG_ECOLLATE'
/usr/include/regex.h:316: error: `REG_ECOLLATE' previously defined here
/usr/include/apache2/pcreposix.h:47: error: redefinition of `REG_ECTYPE'
/usr/include/regex.h:317: error: `REG_ECTYPE' previously defined here
/usr/include/apache2/pcreposix.h:48: error: redefinition of `REG_EESCAPE'
/usr/include/regex.h:318: error: `REG_EESCAPE' previously defined here
/usr/include/apache2/pcreposix.h:50: error: redefinition of `REG_EPAREN'
/usr/include/regex.h:321: error: `REG_EPAREN' previously defined here
/usr/include/apache2/pcreposix.h:51: error: redefinition of `REG_ERANGE'
/usr/include/regex.h:324: error: `REG_ERANGE' previously defined here
/usr/include/apache2/pcreposix.h:52: error: redefinition of `REG_ESIZE'
/usr/include/regex.h:330: error: `REG_ESIZE' previously defined here
/usr/include/apache2/pcreposix.h:53: error: redefinition of `REG_ESPACE'
/usr/include/regex.h:325: error: `REG_ESPACE' previously defined here
/usr/include/apache2/pcreposix.h:54: error: redefinition of `REG_ESUBREG'
/usr/include/regex.h:319: error: `REG_ESUBREG' previously defined here
/usr/include/apache2/pcreposix.h:57: error: redefinition of `REG_NOMATCH'
/usr/include/regex.h:311: error: `REG_NOMATCH' previously defined here
/usr/include/apache2/pcreposix.h:66: error: conflicting types for `regex_t'
/usr/include/regex.h:412: error: previous declaration of `regex_t'
/usr/include/apache2/pcreposix.h:70: warning: redefinition of `regoff_t'
/usr/include/regex.h:415: warning: `regoff_t' previously declared here
/usr/include/apache2/pcreposix.h:75: error: conflicting types for `regmatch_t'
/usr/include/regex.h:443: error: previous declaration of `regmatch_t'
/usr/include/apache2/pcreposix.h:79: error: conflicting types for `regcomp'
/usr/include/regex.h:558: error: previous declaration of `regcomp'
/usr/include/apache2/pcreposix.h:80: error: conflicting types for `regexec'
/usr/include/regex.h:562: error: previous declaration of `regexec'
/usr/include/apache2/pcreposix.h:81: error: conflicting types for `regerror'
/usr/include/regex.h:567: error: previous declaration of `regerror'
/usr/include/apache2/pcreposix.h:82: error: conflicting types for `regfree'
/usr/include/regex.h:570: error: previous declaration of `regfree'
mod_dosdetector.c: In function `dosdetector_handler':
mod_dosdetector.c:264: error: `ap_regmatch_t' undeclared (first use in this function)
mod_dosdetector.c:264: error: (Each undeclared identifier is reported only once
mod_dosdetector.c:264: error: for each function it appears in.)
mod_dosdetector.c:264: error: syntax error before "regmatch"
mod_dosdetector.c:265: error: `ap_regex_t' undeclared (first use in this function)
mod_dosdetector.c:265: error: `contenttype_regexp' undeclared (first use in this function)
mod_dosdetector.c:265: error: syntax error before ')' token
mod_dosdetector.c:267: error: `regmatch' undeclared (first use in this function)
apxs:Error: Command failed with rc=65536
.
make: *** [mod_dosdetector.so] エラー 1

とステキな量のエラーが出てしまったので諦めていたのですが、今日検索したら、mizzy.org : mod_dosdetector を Apache 2.0 系で動かすパッチ というぐれぇとなパッチが提供されていたので、早速テスト。

$ patch < mod_dosdetector.patch
(Stripping trailing CRs from patch.)
patching file mod_dosdetector.c
Hunk #1 FAILED at 28.
Hunk #2 FAILED at 40.
Hunk #3 succeeded at 351 with fuzz 2 (offset 249 lines).
Hunk #4 FAILED at 593.
patch unexpectedly ends in middle of line
Hunk #5 FAILED at 722.
4 out of 5 hunks FAILED -- saving rejects to file mod_dosdetector.c.rej

orz

仕方ないので手パッチを行い、インストール。

$ make
/usr/bin/apxs -c    mod_dosdetector.c
/usr/bin/libtool --silent --mode=compile gcc -prefer-pic  -DAP_HAVE_DESIGNATED_INITIALIZER -DLINUX=2 -D_REENTRANT -D_XOPEN_SOURCE=500 -D_BSD_SOURCE -D_SVID_SOURCE -D_GNU_SOURCE -g -O2 -pthread -I/usr/include/apache2  -I/usr/include/apache2   -I/usr/include/apache2 -I/usr/include  -c -o mod_dosdetector.lo mod_dosdetector.c && touch mod_dosdetector.slo
/usr/bin/libtool --silent --mode=link gcc -o mod_dosdetector.la  -rpath /usr/lib/apache2/modules -module -avoid-version    mod_dosdetector.lo

$ su
Password:
# make install
/usr/bin/apxs -c    mod_dosdetector.c
/usr/bin/libtool --silent --mode=compile gcc -prefer-pic  -DAP_HAVE_DESIGNATED_INITIALIZER -DLINUX=2 -D_REENTRANT -D_XOPEN_SOURCE=500 -D_BSD_SOURCE -D_SVID_SOURCE -D_GNU_SOURCE -g -O2 -pthread -I/usr/include/apache2  -I/usr/include/apache2   -I/usr/include/apache2 -I/usr/include  -c -o mod_dosdetector.lo mod_dosdetector.c && touch mod_dosdetector.slo
/usr/bin/libtool --silent --mode=link gcc -o mod_dosdetector.la  -rpath /usr/lib/apache2/modules -module -avoid-version    mod_dosdetector.lo
/usr/bin/apxs -c -i -a -n 'dosdetector' mod_dosdetector.c
/usr/bin/libtool --silent --mode=compile gcc -prefer-pic  -DAP_HAVE_DESIGNATED_INITIALIZER -DLINUX=2 -D_REENTRANT -D_XOPEN_SOURCE=500 -D_BSD_SOURCE -D_SVID_SOURCE -D_GNU_SOURCE -g -O2 -pthread -I/usr/include/apache2  -I/usr/include/apache2   -I/usr/include/apache2 -I/usr/include  -c -o mod_dosdetector.lo mod_dosdetector.c && touch mod_dosdetector.slo
/usr/bin/libtool --silent --mode=link gcc -o mod_dosdetector.la  -rpath /usr/lib/apache2/modules -module -avoid-version    mod_dosdetector.lo
/etc/apache2/build/instdso.sh SH_LIBTOOL='/usr/bin/libtool' mod_dosdetector.la /usr/lib/apache2/modules
/usr/bin/libtool --mode=install cp mod_dosdetector.la /usr/lib/apache2/modules/
cp .libs/mod_dosdetector.so /usr/lib/apache2/modules/mod_dosdetector.so
cp .libs/mod_dosdetector.lai /usr/lib/apache2/modules/mod_dosdetector.la
cp .libs/mod_dosdetector.a /usr/lib/apache2/modules/mod_dosdetector.a
ranlib /usr/lib/apache2/modules/mod_dosdetector.a
chmod 644 /usr/lib/apache2/modules/mod_dosdetector.a
PATH="$PATH:/sbin" ldconfig -n /usr/lib/apache2/modules
----------------------------------------------------------------------
Libraries have been installed in:
   /usr/lib/apache2/modules

If you ever happen to want to link against installed libraries
in a given directory, LIBDIR, you must either use libtool, and
specify the full pathname of the library, or use the `-LLIBDIR'
flag during linking and do at least one of the following:
   - add LIBDIR to the `LD_LIBRARY_PATH' environment variable
     during execution
   - add LIBDIR to the `LD_RUN_PATH' environment variable
     during linking
   - use the `-Wl,--rpath -Wl,LIBDIR' linker flag
   - have your system administrator add LIBDIR to `/etc/ld.so.conf'

See any operating system documentation about shared libraries for
more information, such as the ld(1) and ld.so(8) manual pages.
----------------------------------------------------------------------
chmod 755 /usr/lib/apache2/modules/mod_dosdetector.so
[activating module `dosdetector' in /etc/apache2/conf/apache2.conf]

とりあえずインストール完了まではこぎ着けました。あとは設定を詰めてテストしよう。

パッチ内容

手パッチしたのを diff した結果。Makefile も書き換え必要だったので一緒に。

 $ diff -u Makefile.org Makefile
--- Makefile.org        2007-09-19 10:53:39.000000000 +0900
+++ Makefile    2007-09-19 10:53:45.000000000 +0900
@@ -4,7 +4,7 @@
 ##

 #   the used tools
-APXS=/usr/sbin/apxs
+APXS=/usr/bin/apxs
 APACHECTL=apachectl

 #   additional user defines, includes and libraries

 $ diff -u mod_dosdetector.c.org  mod_dosdetector.c
--- mod_dosdetector.c.org       2007-09-19 10:53:15.000000000 +0900
+++ mod_dosdetector.c   2007-09-19 10:53:31.000000000 +0900
@@ -28,7 +28,6 @@
 #include <arpa/inet.h>
 //#include <netinet/in.h>
 #include <time.h>
-#include <regex.h>
 #include "httpd.h"
 #include "http_config.h"
 #include "http_request.h"
@@ -41,6 +40,7 @@
 #include "apr_strings.h"
 #include "apr_shm.h"
 #include "apr_thread_mutex.h"
+#include "apr_version.h"

 //#define _DEBUG

@@ -102,6 +102,90 @@
 static apr_global_mutex_t *lock = NULL;
 static apr_shm_t *shm = NULL;

+/* apr version 0.x not support apr_shm_remove, I have to copy it from apr version 1.x */
+#if (APR_MAJOR_VERSION < 1)
+#ifdef HAVE_SYS_MMAN_H
+#include <sys/mman.h>
+#endif
+#ifdef HAVE_SYS_IPC_H
+#include <sys/ipc.h>
+#endif
+#ifdef HAVE_SYS_MUTEX_H
+#include <sys/mutex.h>
+#endif
+#ifdef HAVE_SYS_SHM_H
+#include <sys/shm.h>
+#endif
+#if !defined(SHM_R)
+#define SHM_R 0400
+#endif
+#if !defined(SHM_W)
+#define SHM_W 0200
+#endif
+#ifdef HAVE_SYS_FILE_H
+#include <sys/file.h>
+#endif
+
+static apr_status_t apr_shm_remove(const char *filename, apr_pool_t * pool)
+{
+#if APR_USE_SHMEM_SHMGET
+    apr_status_t status;
+    apr_file_t *file;
+    key_t shmkey;
+    int shmid;
+#endif
+
+#if APR_USE_SHMEM_MMAP_TMP
+    return apr_file_remove(filename, pool);
+#endif
+#if APR_USE_SHMEM_MMAP_SHM
+    if (shm_unlink(filename) == -1) {
+        return errno;
+    }
+    return APR_SUCCESS;
+#endif
+#if APR_USE_SHMEM_SHMGET
+    /* Presume that the file already exists; just open for writing */
+    status = apr_file_open(&file, filename, APR_WRITE,
+                           APR_OS_DEFAULT, pool);
+    if (status) {
+        return status;
+    }
+
+    /* ftok() (on solaris at least) requires that the file actually
+     * exist before calling ftok(). */
+    shmkey = ftok(filename, 1);
+    if (shmkey == (key_t) - 1) {
+        goto shm_remove_failed;
+    }
+
+    apr_file_close(file);
+
+    if* < 0) {
+        goto shm_remove_failed;
+    }
+
+    /* Indicate that the segment is to be destroyed as soon
+     * as all processes have detached. This also disallows any
+     * new attachments to the segment. */
+    if (shmctl(shmid, IPC_RMID, NULL) == -1) {
+        goto shm_remove_failed;
+    }
+    return apr_file_remove(filename, pool);
+
+  shm_remove_failed:
+    status = errno;
+    /* ensure the file has been removed anyway. */
+    apr_file_remove(filename, pool);
+    return status;
+#endif
+
+    /* No support for anonymous shm */
+    return APR_ENOTIMPL;
+}
+#endif                            /* APR_MAJOR_VERSION<1 */
+
+

 static apr_status_t cleanup_shm(void *not_used)
 {
@@ -261,8 +345,9 @@

        address = r->connection->remote_ip;

-    ap_regmatch_t regmatch[AP_MAX_REG_MATCH];
-    ap_regex_t **contenttype_regexp = (ap_regex_t **) cfg->contenttype_regexp->elts;
+       regmatch_t regmatch[AP_MAX_REG_MATCH];
+       regex_t **contenttype_regexp = (regex_t **) cfg->contenttype_regexp->elts;
+
        for (i = 0; i < cfg->contenttype_regexp->nelts; i++) {
                if(!ap_regexec(contenttype_regexp[i], content_type, AP_MAX_REG_MATCH, regmatch, 0)){
                        //ap_log_error(APLOG_MARK, APLOG_NOTICE, 0, 0, "ignoring content-type: %s", content_type);
@@ -390,14 +475,12 @@
                                         const char *arg)
 {
     dosdetector_dir_config *cfg = (dosdetector_dir_config *) mconfig;
-    char **ignore_contenttype = (char **) cfg->ignore_contenttype->elts;
-
-    *(char **) apr_array_push(cfg->ignore_contenttype) = apr_pstrdup(parms->pool, arg);
-
-       int i;
        regex_t *regexp;
-       for (i = 0; i < cfg->ignore_contenttype->nelts; i++) {
-        regexp = (regex_t *)ap_pregcomp(parms->pool, (char *)ignore_contenttype[i], REG_EXTENDED|REG_ICASE);
+       char *type;
+
+       while (*arg) {
+               type = ap_getword_conf(parms->pool, &arg);
+               regexp = ap_pregcomp(parms->pool, type, REG_EXTENDED|REG_ICASE);
                *(regex_t **)apr_array_push(cfg->contenttype_regexp) = regexp;
     }

あれ? でも内容一緒だな。パッチの当て方ミスってたのかなorz

設定の仕方がわからない

どうにも設定のコツがわからないので、作者手ずからの説明が書かれているという Software Design 2007年 09月号 を注文。Apache モジュールの使い方特集らしいので、役に立ちそう。

Software Design (ソフトウエア デザイン) 2007年 09月号 [雑誌]
	技術評論社 2007-08-18 売り上げランキング : Amazonで詳しく見るby G-Tools

1. shmid = shmget(shmkey, 0, SHM_R | SHM_W

関連記事 :

1. Twitpress を twicco に力業で対応させてみる
2. WordPress 2.2.3 のコメント通知メールの文字コードを変更する
3. PHP5 へアップグレード
4. mod_evasive を導入してみる
5. システム用HDDの交換
6. rareさんへ私信ぽいApache2.2ネタ
7. ディレクトリ構造の変更

デフォルトだと WordPress の投稿が化けてしまうのと一部のプラグインが動かなくなるので、php.ini を

short_open_tag = On
mbstring.internal_encoding = UTF-8
memory_limit = 64M

のように書き換えました。

また、LiveCommentPreview が

PHP Notice:  Undefined variable: livePreviewDivAdded in wp-content/plugins/live-comment-preview.php on line 24

みたいなエラーを吐いたので、該当の

$livePreviewDivAdded == false;

をコメントアウト。とりあえず動いてるっぽいです。

関連記事 :

1. WordPress には最適かもしれない拍手ツール 【GJ!】
2. WordPress 2.3 へアップグレード ついでにリニューアル
3. MySQL 4.0.x 系統から 5.0.x 系統へのWordPress データベースの移行
4. なんか大量アクセスが……
5. WordPress ME 2.1.1 へアップグレード
6. rareさんへ私信ぽいApache2.2ネタ
7. ディレクトリ構造の変更

現在、サーバ負荷軽減のため、19:00-25:00の間、RSS配信を一時的に停止させていただいております。

とか吐き出しやがるようになりましたよ。よりによって、良くチェックする時間帯にこんな風に停止されるとは。数えてみたら何件も購読していたので、こういう形で RSS リーダで読めなくなるのは非常に困るなあ。

なんというか、壮観(笑)

もうさ、有名人ブログの閲覧をこの時間帯停止しちゃえばいいんじゃない?　フィードアグリゲーターがこの時間帯役に立たないってのは開発陣が思っている以上にユーザに不便を強いてると思うんだけどな。

関連記事 :

1. Google 日本語入力 でライトノベル作家の名前をいろいろ変換してみよう
2. セグメントを越えてiTunes のプレイリストを共有する
3. システム用HDDの交換
4. Wii・PS3のネット接続設定でハマる(AOSS自動設定編)
5. USBメモリが壊れた!!
6. Linuxからシリアルポート接続でRTX1500の設定を行う
7. 2GBのメモリを積んだノートで出る「システムリソースが不足するため、APIを終了できません。」とはなんぞや

問題になるのはやはり MySQL のバージョンが、既存の環境では 4.0.25 (Vine 3.2) で、Vine 4.1 では 5.0.27 となっていること。そもそも 4.0.x 系統と 4.1.x 系統の間でも断絶があったりするのに、一気に 5.0.x 系統へのアップグレードは不安が残ります。

最小インストールした Vine 4.1 に Apache2 やら PHP4 やら MySQL やらを apt-get で突っ込んで、必要なプログラムのインストールを確認した後に、 4.0.25 からデータベースを mysqldump でダンプして、インポートしてみました。

素の状態でインストールしたときは、見事に文字化け。やはり上手くはいかないようで。

my.cnf の書き換えで対応

で、MySQL 文字化け でぐぐると、それっぽい情報がたくさん出てくる出てくる。MySQL で使われる文字コードを統一して、余計なことをしないようにするのが無難なようで、MySQL5にACCESSやADO.NETでアクセスした際に、文字化けをしないようにするのは？～MySQL関係 を参考に、以下のようにすると文字化けは解決しました。my.cnf は 初期状態では存在しなかったので、

$ cp /usr/share/mysql/my-medium.cnf /etc/my.cnf

としてやって作成しました。以下はその my.cnf に対して追記した内容です。

[client]
default-character-set=utf8

[mysqld]
default-character-set=utf8
skip-character-set-client-handshake

[mysqldump]
default-character-set=utf8

[mysql]
default-character-set=utf8

それぞれの設定箇所に、 default-character-set=utf8 を追加してやり、MySQL を再起動。skip-character-set-client-handshake はクライアント/サーバー間でのキャラクターセットの変換を行わないというオプションのようですね。これで、サーバ内では文字コードが UTF-8 に統一されたはず。

その後、データベースの作成も、

mysql> CREATE DATABASE データベース DEFAULT CHARACTER SET utf8 COLLATE utf8_bin;

としてやることで、文字コードを UTF-8 と指定。

そうしてからのインポートでは無事に文字化けもせずに内容が表示されるようになりました。
使用した WordPress のバージョンは 2.2.1 の本家版。日本語リソースを突っ込んで日本語化したものです。

最初 PHP は 5 を入れたんだけれど、動かないプラグインがあったりで、結局は 4 系統(4.4.7)に戻しました。php.ini 内の mbstring については編集する必要もなく、デフォルトの設定で動きました。ただ、memory_limit = 8MB では PHP Fatal error: Allowed memory size of 8388608 bytes exhausted とか出て途中で落ちてしまったので、そこだけ 64MB に変更して稼働させています。

さて、仮想環境でも問題なく動くようなら、サーバの OS もアップグレードしたいところだなあ。もう１台マシンを調達して交換の準備をするとしますかね。

関連記事 :

1. PHP5 へアップグレード
2. WordPress 2.1 へのデータ移行のテスト
3. システム用HDDの交換
4. Wii・PS3のネット接続設定でハマる(AOSS自動設定編)
5. Snap Preview Anywhereを組み込んでみる(2)
6. テーマを変更
7. WordPressでAAをきれいに表示してみたい

2年に1度くらいのバージョンアップが私にはあってそう

hReview by ゆーいち , 2007/06/21

ATOK 2007 for Windows [プレミアム]

ジャストシステム 2007-02-09

関連記事 :

1. WordPress 2.2.3 のコメント通知メールの文字コードを変更する
2. mod_evasive を導入してみる
3. UPS のバッテリー交換
4. Vine3.2 で APC の UPS APC CS 500 を監視する
5. 新たなフレッシュリーダーの脆弱性および対応版の公開について
6. 中継君の古いキャッシュが削除されないバグの修正
7. auでぐぐる人は結構多いですよ

ということで、Nuclear Elephant: mod_evasive をApache に組み込んで、連続アクセスを遮断するようにして対応してみる。

インストール

Apache 2 でDSO が有効になっているならば、apxs を利用すれば簡単。Vine 3.2 では以下の手順でインストールできました。

$ wget http://www.zdziarski.com/projects/mod_evasive/mod_evasive_1.10.1.tar.gz
$ gtar xvzf mod_evasive_1.10.1.tar.gz
$ cd mod_evasive_1.10.1.tar.gz
$ cd mod_evasive
$ sudo /usr/bin/apxs -i -a -c mod_evasive20.c

httpd.conf に追記されるモジュールロード部分のパスが間違っているので、

LoadModule evasive20_module   modules/mod_evasive20.so

と記述。

設定

<IfModule mod_evasive20.c>
  DOSHashTableSize 3097
  DOSPageCount 2
  DOSSiteCount 50
  DOSPageInterval 1
  DOSSiteInterval 1
  DOSBlockingPeriod 10
  DOSLogDir "/var/log/apache2/mod_evasive"
</IfModule>

これで、あるIP アドレスから、1秒間に2回以上の同一ページへのアクセスがあったり、50回以上のリクエストが送られてきたときに、10秒間アクセスを拒否する動作をする、と。

ログを見てみると、トップページやフィードへのアクセスが微妙な間隔を空けて集中しているので、5秒に3回のリクエストがあったら制限するように変更してみよう。

関連記事 :

1. mod_dosdetector を Apache 2.0 系で利用したい
2. PHP5 へアップグレード
3. Comment Post Rewriter を導入してみる
4. Plagger を導入してみる
5. PSP カスタムファームウェア 3.10OE-A を導入してみる
6. rareさんへ私信ぽいApache2.2ネタ
7. ディレクトリ構造の変更