こんばんは。普段はブラウザとしてFirefoxを使っています。で、先ほどブログの方で記事を投稿したら、Firefoxだけ(厳密にはGeckoエンジンブラウザ)に読み込ませるツールチップのスクリプトが動作していないことに気付きました。

　Firefoxは、画像などで多用されるTITLE属性内の改行や改行コードを無視します。実は仕様としては正しい振る舞いです。でも、TITLE属性の改行が有効な方がブラウザの使い手には優しいと思うので、ppBlogでは、FirefoxでもTITLE属性内の改行が有効になるようなスクリプトを用意しています。

　で、その読み込ませる際に、次のようにしています。

 if(client.Gecko) oParts.loadScript(baseURL + 'js/firefoxtooltip.js');

　このブラウザ判定は、window.GeckoActiveXObject でやっていたんですが、これがいつの間にやら認識されなくなったようです。実は、今日Firefoxの自動アップデートがありバージョンが3.5.6になりました。で、リリースノートを見てみると、どうやら

http://www.mozilla-japan.org/security/announce/2009/mfsa2009-71.html

が関係している模様。でも、これで認識しなくなるのかなという疑問もありつつ、この部分を修正しました。最新のoParts.jsを添付しておきます。

　こんばんは。昨日に引き続き。タグ関連の部分は、色々とアルゴリズムを変えていたんですが、まだ挙動がおかしいようで、それのアップデートです。utils_admin.phpの101行目付近からをいじっています。

　ついでに、今後のロードマップをメモしておきます。

v1.9.0

◆ 複数の(画像)ファイルを1回でアップロード 。Firefox3.6では、ブラウザでこれに対応する ようですが、現状は、FLASHに頼ることになるかと思います。

◆ バージョンチェック機能の強化。URLのパラメータで正しいバージョンを出すような仕組み。

v1.9.x

◆ HTML5対応版。HTML5^Gでは、HTMLの記述が現状よりシンプルに分かりやすくなると思います。

　

アップデート  

　こんばんは、martinです。何となくアップデート後はいつものことのような気がしますが…。

　タグの文字列に、半角スラッシュを入れていると、タグの検索でかかってきません。それの対策もしていたつもりでしたが、詰めが甘いですね。。これはmodules/tags.inc.phpの16行目を以下のようにします。

 $hit = preg_grep('{'.preg_quote($tag).'¥|}', $TAGS_LIST);

デリミッターに半角スラッシュを使っていたのが駄目でした。いつもは{}を使うんですけどね。。

　あと、やはりタグ周りですが、タグに「ソ」などの文字を使っていると、タグが文字化けするという報告がありました。まるでSHIFT_JISみたいですね。これはutils_admin.phpの39行目を修正します。全角空白を省きました。

  $tags = p_('tags') ? explode(',', preg_replace(array('{([^&]),[¥s]+}', '{,[¥s]*$}'), array('$1,', ''), p_('tags'))) : array();

ここでの正規表現で、全角空白を入れていたせいで、誤変換をしてしまったようです。UTF-8だから大丈夫かと思いましたが、preg_replace自体がマルチバイトに対応しているわけではないですからね。u修飾子でも入れればよいかもしれませんが、まぁいいか。

　ついでですが、IE6/7のサポートは基本的にやめようかと思っていたのですが(特に管理者用として)、まだ使われているようですし、折角のタグポップアップがIE6で使えないのは残念なきもするので、対応したwrite.inc.phpやedit.inc.phpも添付しておきます。

アップデート  

---

　こんにちは、martinです。もう師走ですね。ppBlogの最新版をリリースしました。

　結果的には、タグ周りの修正がメインになりました。従来は、スペースを含むタグ(health careとか)は仕様により入力不可でしたが、これを可としました。なので仕様の変更があります。記事入力画面下にタグを入力するエリアがありますが、複数のタグを指定する場合は、(半角のカンマ + スペース）で区切るようにします。従来は、スペースのみで区切る方式でした。

　なお、タグ入力支援として、よく使うタグ順にプルダウンメニューを表示させるようにしています。イメージとしては以下の感じです。

　こういうギミックがあると、なんだか楽しくて色々タグをつけたくなります（まだ十分には動作の検証はしていませんが･･･）。

　そのほかの修正としては、前回エントリーで紹介したように、アクセス解析に記事アクセスランキングを統合したりとか、モブログの設定で、その場で指定したメールサーバーへのログインを試みて、有効なサーバーアドレスであるかとか、適切なログイン名であるかをチェックするようにしたりとか、主に使い勝手の向上がメインです。

　あ、あと記事アクセスランキングに関連して、ログインした状態では、各記事のタイトル右に小さくレビュー数を表示させるようにしました。

　この表示が不要という方は、utils.phpの12行目に設定できる項目があるので、そこでゼロ(0)とかFALSEを指定すると良いです。

define('SHOW_REVIEW_COUNT', FALSE); // 管理向け者に記事の参照数を表示させるか(記事タイトル右)

　例によって、v1.8.7との差分ファイルを添付しておきます。基本的には、単なる上書きで良いです。

アップデート  

---

　こんばんは。久しぶりのエントリーです。ppBlogがバージョンアップしてv1.8.7になりました。前バージョンは1.8.5で、バージョン1.8.6はありません。それなりにいじったのと、例によって奇数好きなので。

　v1.8.5との差異ですが、既知のバグに対するものと、後、使い勝手の向上の部分がメインです。既知のバグとしては、画像のアップロードに関してですが、いつのバージョンからか、大きさ(縦横のサイズ)が小さい画像をわざわざリサイズして大きい画像にしたりしてたので、その辺りを修正しています。画像アップロードに関してですが、JPEG写真であれば、それの縮小時に品質を指定出来るようにしました。初期値は75ですが、お好みに合わせて、85から90あたりを指定するとリサイズされた写真でも綺麗に仕上がるかと思います（参考エントリー ）。

　後は、タグの文字種(タグに半角括弧を含んでいたりとか)によっては、タグのエントリーが上手くピックアップ出来ないのにも対処しています。このためにindex.phpのタグ表示部分に少し修正が入っています。

　他には、アクセス解析のデータは、3-4か月分のストックにしました。それ以前の古いアクセスデータは自動的に削除されます。従来は、削除されずにどんどん溜まっていましたが、多すぎるログファイルは、パフォーマンスにも影響しますし。バージョンアップをすると、古いデータ(stat/dataディレクトリの中)はすべて削除されますので、残しておきたい方は、予めFTPソフトなどでダウンロードしておいてください。

　動画貼り付け支援関連でも修正が入っています。動画投稿サイトも、いつの間にやらサービスが終了していたところは削除してます。テクノラティのサービスも終了する ようで、ppBlogではこの機能も少し取り入れていたので残念といえば残念ですが仕方ないですね

　使い勝手の向上ですが、目に見える部分では、エントリー作成でのエディタ部分ですかね。スクリーンショットを挙げておきます。

　従来は、太字にする「B」ボタンで、<strong>foo</strong>みたく入力されていましたが、これは文字通り<b>foo</b>となるようにしました。このB要素ですが、

<span style="font-weight: blod">foo</span>

という出力にしようかと迷ったのですが、こう書くとひとつは冗長なのと、後、視覚的強調のためにわざわざ用意してあるのだから、あえて使ってみようという思いもあります。一般的には、視覚的強調ならCSSで代用すべき という意見が多いように思いますが、B要素を使うことでアクセシビリティの低下を招くとも思いませんし、HTML5でも採用されているので存在意義があるんでしょう。個人的には、日本語文中のアルファベットや数字なんかに使うと視覚的に見やすいのでは思っています。これまでは、特に論理的強調でもないのにstrong要素ばかりを使っていたので、それはちょっと反省しています。

　で、strong要素は、「S」というボタンで入力できます。同様に、EM要素 を入力する「E」ボタンも付けました。なんだかBSEで狂牛病みたいですが、たまたまです。なお、強調の度合いとしては、EM要素より強い強調にはSTRONG要素という使い分けのようです。

　アルファベット圏では、EM要素内の文字列はイタリック体(斜体)として表示されますが(もっともブラウザ依存です)、少なくとも日本語では、斜体文字という文化はないようで、例えばメイリオフォントには斜体は存在しませんし、スタイルシートでイタリック体を指定しても無視されます。じゃどうやって、「強調」であることを示すかというと、よくあるのは、文字列に読点を打つとか括弧でくくるとかでしょうか。この点では、EM要素は「強勢」と呼ぶほうがふさわしい気もします。

　ppBlogのベーシックテーマでは、このEM要素に対しては、ドットを付けるという風にしています。スタイルシートを用いて、EM要素の背景にドット画像を指定しているのですが、長さの調整とか文字列との位置関係とか難しいです。

　ここでは文字列の下にドットが来るようにしていますが、上に置いてもよいでしょう。上だと、なんとなく小学生の頃に音楽の授業で習ったスタッカートWを思い出しますね　確か、アマリリスを笛で弾くときに意識するように言われた覚えがあります。ラリラリラリラ～♪でしたっけ？

　エディタ関連でもうひとつ。これは前から実装しないといけないなぁと思っていたんですが、カラーパレットで色を選択した際に、その最後に選択した色を覚えておく機能です。最後に選んだ色は、左側に表示させるようにしました。この部分をクリックすることで、同じ色指定が可能になります。

　こんなところでしょうか。v1.8.5との差分ファイルを添付しておきます。

---