しばた工務店 Weblog

・Firefoxがシェア20%で声明発表、IEは60%台へシェア下落

Net Applicationsの報告によると2008年11月におけるWebブラウザのシェアは次のようになった。Firefoxのシェアが月平均ではじめて20%を越えている。逆にIEの純減が進み、ついに70%台から60%台へシェアを落とした。

Net Applicationsの発表した数字によると、IEが69.88% ( IE7 47.33%、IE6 21.71% )、Firefoxが20.72%。

orz

IE6のシェアは、まだ2割以上もあるのね。もっと少なくなってる印象だったけどなあ。願望による印象であったか…。

Firefox3で画面を確認しつつhtmlやCSSのコーディングをして、「よし、他のブラウザでも確認すべ」→「Safariよーし」「Operaよーし」「IE7よーし」「IE6…がびーんっっ」って事があるからのう～。

CSSの解釈でバグが多いIE6が、存在を無視できるくらいのシェアになるのはいつだろね。

IE6でも気にせずPNGを使えるようになったので、画像をPNGに差し替えようと作業していて気づいたんだけど。

PhotoshopでPNGファイルを作成して、IEで表示すると、元の画像と異なった色で表示されるのね。全体的に色が明るいというか。画像単体では気づかなかったけど、他の要素と並べると、はっきり色が違う？？

いろいろググって調べてみたんだけど、PNG内部のチャンクに保存されているガンマ情報が原因らしい。
このガンマ情報を削除してやればちゃんと表示されるんだけど、Photoshopでは、この情報を削除することができない（ーー）。

Fireworksなどで保存しなおしてやればいいんだけど、それだけのために他のソフトを立ち上げるのもなあ～。つか、こんな問題、世界中で困ってるはずだから、プラグインがあるんじゃないの？

…で、見つけたのが、Photoshop用のプラグイン「SuperPNG」。
登録が必要だけど、フリー。すっばらしい。

http://www.fnordware.com/superpng/

「別名で保存」のファイル形式の中に「SuperPNG」と表示されるので、従来のPNGとは別に使うことが可能っす。
Photoshop 5.5用とあるけど、CSでもCS2でも問題なく使えたよ。

1色しか透過色を設定できないGIFと違って、PNGはきれいな透過が表現できる画像フォーマットなんだけど、いかんせん、IE6以前では透過がサポートされてない。
IE独自のフィルターを使えば、一応使うことは可能なんだけど、いちいち設定するのもめんどくさい。

なんかラクチンな方法はないかなあ～と思って探していたら、iepngfix.jsというステキなライブラリをユンサンのサイトで発見。
http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html

試してみるとバッチリ透過されたので、ありがたく使わせてもらうことにした。

このブログのタイトル部分「しばた工務店」の文字などは、このライブラリを使って透過してるよ。

以下は、WordPressのテーマの中で使うためのメモ。

1. header.phpの</head>のすぐ上の部分に下記のコードを追加。

2行目の"src="の部分は絶対パスで記述しておいた。
※それぞれの環境に合わせてパスを書き換えておくこと。

<!--[if IE]>
<script type="text/javascript" src="http://shibata-koumuten.com/wp/wp-content/themes/hoge/js/iepngfix.js" charset="utf-8"></script>
<style type="text/css">
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}
</style>
<![endif]-->

2. iepngfix.jsをindex.phpの下のjsフォルダにアップ

3. 透過させたいPNGのタグに class=”iepngfix”と指定

classを指定するのは、imgタグでも aタグでもOKだった。

※PNG画像にwidthとheightを指定しないと崩れて表示されるので、htmlかcssの中でサイズを指定しておくこと。

今回、WordPressのバージョンを1.5から2.6にしたけど、浦島太郎のように戸惑うことが多々あるわけで…。

ふと、このブログのパーマリンクのNOが飛んでいることに気がついたのね。
ずっとパーマリンクは、%post_id%を使っているんだけど、連番のはずのその番号が飛びまくっているわけ。

何が起きたのかと、phpMyAdminを使って wp_posts のテーブルを表示させてみると、似たような投稿やら、アップした画像やらが登録されてる？？？

ググってみたら、WordPressの新しい機能が原因だってわかったよ。

1. 下書きを自動保存する機能(2.5から)
2. リビジョン管理機能(2.6から)
3. メディアライブラリー機能(2.5から)

どれも便利な機能なんだろうけど、私にはあまり必要ないかも。

それよりも、post_idが増殖して、パーマリンクのpost_idが飛び飛びになるのがなんともキモチワルイ。
パーマリンクにpost_idなんて使うなよ～ってことかもしれないけど、ブログを始めた2004年からずーっとこのフォーマットだしさ。一応こだわりもあるしさ。
いやまあ、このブログのパーマリンクが変わっても、だーれも困ったりしないんだろうけどね。そこはそれ。

というわけで、この3つの機能を使わないことにした。

1. 下書きを自動保存する機能(2.5から)
2. リビジョン管理機能(2.6から)

これは、Tips Communityさんが紹介してくれているプラグイン(Disable Revisions and Autosave plugins)を使うことにした。

[追記 2008/12/14]
WordPressのバージョンを2.7にしたところ、にっくき自動保存が再発…。
disable-revisions-and-autosaveプラグインは使えなくなりました。しょんぽり（´・ω・｀）。
2.7対応バージョンが出ればいいんだけどね。
仕方ないので作戦を変更したよ。
[追記 終わり]

で、残った問題は、

3. メディアライブラリー機能(2.5から)

投稿欄の「メディアを追加」に変わるプラグインが、どこかにないかなあと探してみたけど、まだ見つからない。
画像を手動でFTPすれば済むっちゃあ済むんだけど…。
自前で画像アップロード用のPHPでも用意するしかないですかね。

[追記 2008/12/10]
「メディアを追加」を使わないで済むプラグインを発見！

今朝未明、しばた工務店のサイトをリニューアルしたよ。

プエル関係のところの更新が滞っていたので、ブログをメインにしたよ。
「ブログの更新も怪しいしいじゃねーか」と突っ込まれそうだけど、そうすっと、サイトそのものを閉鎖せにゃなりませぬ（￣▽￣）。
全部じゃないけど、プエル関係のページもそのうち引っ越してくる予定っす。

まだブログのテンプレートを直したい部分もイロイロあるんだけど、とりあえずリニューアルを先にすることにしたの。

だってさ、お気づきかもしれないけど、このテンプレートのテーマ、「秋」なのよ。

もうすぐ12月だってのに「秋」はどうかと。

つか、ワタシの住んでるところは、もう「冬」だって。

…テンプレートのデザインを始めた頃はまだ秋だったんだよ（´・ω・`）。
近いうちに「冬」のテ－マに作り変えるつもりだけど、せっかく作ったんだから「秋」もお披露目したかったんだよ…（´・ω・`）。

ちなみに、テンプレートはWordpress 2.6に標準で入ってる「default(Kubrick)」を元に作ってるよ。
Thank you Michael.