Sep 28, 2004

P_BLOG関連いろいろ

P_BLOG ver.1.0RC1、もう少し。

P_BLOG ICON

CSS周り

先日、Windows IEでCSS2の「max-width」「min-width」がサポートされていない云々ということを「JAM LOG : リキッド vs フィクスト」という記事で書きましたが、一つの解決案を発見。こちらのサイトでそれを擬似的に実現するJavaScriptが公開されていました。

doxdesk.com: software: minmax.js

早速仕込んで　WinIE6でチェックしてみた所、見事、max-width、min-widthが適用されています。これは使えるかもしれません。

ひとつだけ残念なのは、この配布先のページにも書いてあるようにMac版IEには適用されない事でしょうかね。

# しかし(何度も書いてますが)このようにJavaScriptの実装に互換性がなかったり、既に開発が終了して結構経っているMac版IEではサポートされていたPNGアルファブレンドが未だにWindows版IEではサポートされないのがなんとも。同じ会社の同じ名前を冠したソフトとは思えないです。開発チームが違うとはいえ、社内で技術や機能移植とかはしないのでしょうかね。　不思議です。

マルチバイトエミュレータ

こちらで配布されている素晴らしいPHPのマルチバイトエミュレータですが、

mbstringエミュレータ

以前のバージョンのP_BLOGでは上手く連動しませんでしたが、マルチバイト処理周りのコードを書き直して実験していた所、上手く連動する事に成功しました。現在PHPのバージョン5系列の最新版「5.0.2」と、バージョン4系列のちょっと前のバージョン「4.3.8」でマルチバイトなしでコンパイル・インストールして実験していますが、概ね良好のようです。次のナイトリー版以降からは上手く連動するバージョンになると思います。

バージョン1.0RC1の予定

当初今月中だったのですが、色々な事が重なって遅れがちになってしまいました。どうも今月中にはリリース出来そうにないです。　細かい要望も色々頂いているのですが、全てをRC1で反映させるのは難しいかもです。　　メールを下さった方々、頂いたメールの返事も遅れがち or 返事出来なかったりで、この場を借りてすみません、と謝っておきます。　　とりあえず来月頭リリースを目指して少しずつ頑張ろうと思います。

Sep 25, 2004

トリロジー

STAR WARS TRILOGY DVD BOX

STAR WARS BOX

以前書いたこの記事「JAM LOG : STAR WARS旧三部作DVD化」から7ヶ月、ようやく本日入手。

Mac界隈ではPower Mac G5 600台によってクリーンアップされた映像が話題になっているようですね。

時間を見つけてじっくりと観たいと思います。

関連URI

Caminoナイトリー

Caminoの最近のタブ

Camino

Firefoxのカスタマイズが一段落したので、ちょっと他のブラウザに目を移してみよう、ということで、同じMozillaベースのCaminoのナイトリー最新版をDLして使用していますが、いつの間にかタブのデザインに変更があったようです。今のほうが断然良いです。

Camino Tab

FirefoxにはRSSチェック機能などCaminoには無い魅力的な機能がありますが、Caminoで個人的に重宝しているのが

Option+Command+矢印キー

でタブを移動出来る機能。これはSafariやShiiraの「Shift+Command+矢印キー」に相当するものですが、これがあるとタブブラウジングはやはり快適。

逆に欠点は、というと、Accesskeyが効かないことと、タブでリンクをフォーカス出来ないこと。(これを有効にする方法ってあるんでしょうか...?)

Mozilla関連情報を漁っていたら、Camino関連でこういう記事を発見。

えむもじら Mike Pinkerton インタビュー

はこべのはらっぱ！ : Camino開発者熱く語る

Caminoの開発秘話が紹介されています。これは必読。やはりこういうのを読むと応援したくなりますね。

関連URI

Sep 21, 2004

テンプレートを考える(結論)

P_BLOG関連

ここの所ハマっていたFirefoxのカスタマイズも一段落したので、(細かい修正はおいおいやっていく事にします)　ちょっとここのところ遅れ気味になっているP_BLOGのメンテにそろそろ取りかかろうかというところです。

P_BLOG ICON

以前書いた以下の記事

でもP_BLOGのテンプレートスタイルについて色々書いていましたが、

あれから他の部分のメンテに追われて後回しになりつつも頭から離れず、他のツールのテンプレートシステムなども研究しつつも「これ」といった決定が出来ずにいましたが、ようやく結論に到達。結局、サードパーティのテンプレートエンジンや、独自のテンプレートタグを使ったテンプレートではなく、「PHPそのまま」でいくことにしました。これは以前P_BLOGの旧フォーラムでnakamuxuさんから頂いた

テンプレートの高機能化の終着点は「言語を記述するための別の言語」でしかない

という言葉が大きいです。この言葉はテンプレートを考えるときはいつも頭の中から離れませんでした。

そんなこんなで、早速基本XHTML部の編集機能を実装してみたのが以下の画像です。

P_BLOG XHTML Edit

編集スタイルはBloggerのものと似たスタイルです。編集するファイルは見ての通り、「echo」や「EOD」IDを使った、至ってノーマルなPHPのヒアドキュメントです。結局そのWeblogツール独自のテンプレート言語、つまりそのツールにしか使えない決まり事や言語を覚えるより、「PHP」という「既に確立された」「汎用性のある」標準プログラミング言語のルールをほんのちょっとだけ(「echo」の意味と「EOD」というヒアドキュメントのIDの役割と、「{$変数}」という変数の意味)覚えるだけのほうが楽だと思うし、遥かに有意義だと思うからです。

つまり、P_BLOGのGUIをいじるには、P_BLOG独自のテンプレート記号や言語を覚える必要は一切無く、PHPの基本的ルールを覚えさえすれば良い、というのが狙いです。これは長い目で見た場合、PHPを知らない人がP_BLOGをいじる事によって他のPHPで書かれたツールも弄れる事にも繋がりますし、その逆に他のツールを弄ってきてPHPに慣れた人が、P_BLOG独自のしきたりを覚える事無くカスタマイズ出来ることにも繋がるのでは？という思惑です。

もう一つの理由は、PHP自体が既にテンプレートエンジンだと言う事。上の画像のようなヒアドキュメントをそのままインクルードしてパースするスタイルでもOKですし、「<?php echo $変数 ?>」というPHPタグで変数を埋め込んだXHTMLテンプレートファイルをそのままインクルードして使うことも可能です。それなら(どちらでも使えるという汎用性があるなら)それをそのまま使おう、と。

あと、テンプレート部分、つまり最後に出力するXHTML部には複雑な条件分岐処理を埋め込むのは必要ない、と私は考えています。テンプレートは、色々処理した後の最後の結果だけをテンプレート部に埋め込んでブラウザに返すだけが仕事、というのが速度的にも処理の流れ的にも理にかなっているような気がします。

...という感じの考えのもと、ユーザーがXHTMLの構造部分をブラウザから編集出来る機能を現在実装中。次のRC1では正式実装、とする予定です。とりあえずは上の画像で示した、全てのページで使われる基本XHTMLの編集を実装することにします。(このP_BLOGの基本XHTML編集部分は全部で53行のシンプルなPHPファイルです)　同じ理屈でいけば他のXHTML部の編集も実装が楽に出来るようになると思います。

Sep 19, 2004

Firefoxのフォームパーツをカスタマイズ(3)

カスタムファイルセット for Firefox (2)

Firefox

Firefox用カスタムファイルセットをバージョンアップ。ボタンの背景をよりアクア調にし、ボタンのフォーカス時にはブルーに色が変わるようにしてみました。また、セレクトフォームの背景もアクア風味になるようにしてみました。

Firefox Set 2

適用後はフォームパーツがこのようになります。↓

Firefox Set 2

フォームボタンのフォントの色は、#000000だとあまりに真っ黒なので微妙に限りなく黒に近いグレーになるようにしてあります。

関連URI

追記

バージョン1.0 PR版のリリース後から「10日間で100万ダウンロード」キャンペーンをやっていたFirefoxですが、本日4日目にして100万ダウンロードに到達したようです。

Fahrenheit 1 Million: The temp at which the web explodes

Windows界でももっとシェアを広げて「標準規格」となってほしいです。

Sep 18, 2004

Firefoxのフォームパーツをカスタマイズ(2)

カスタムファイルセット for Firefox

Firefox

これまで書いてきたFirefoxのカスタマイズ用のCSSファイルや画像などをちょっとアレンジしたものを、まとめてアーカイブにしてみました。

Firefox Set

こちらのページ「Technical Jiggery Pokery: Pretty Widgets, part 2」で紹介されているCSSを元に、ちょっと数行コードを加えて、チェックボックスやラジオボタンの画像を差し替えてみました。適用後はフォームパーツがこのようになります。↓

Firefox Set

Firefoxをデフォルトのままお使いの方は是非試してみて下さい。

Sep 17, 2004

Firefoxのフォームパーツをカスタマイズ

Firefox1.0RC版のUIをカスタマイズ

Firefox

先日Firefoxのフォームボタンのカスタマイズに関して「JAM LOG : Firefox関連」という記事で

あとは表示部分のフォームボタンとかセレクトボタンが奇麗に表示されるようになれば完璧なんですけどね。

というような事を書きましたが、ひとつの解決案となるページを、Mac OS X版Firefoxのテーマを作っているKevin Gerich氏のサイトで見つけたのでチェック。

Technical Jiggery Pokery: Pretty Widgets, part 2

上記のページで紹介されている、

  • radio.png
  • radio_checked.png
  • checkbox.png
  • platform-forms.css

の四つのファイルを、Firefox.app　アプリケーション本体から、「情報を見る」→「パッケージの内容を開く」で中身を開いた後「Contents/MacOS/res」フォルダに放り込み、Firefoxを再起動するとカスタムフォームパーツが適用される、というものです。

私の場合はこれに加えてさらに、「platform-forms.css」ファイルのボタンやセレクタなどのフォームパーツのスタイル指定の60行目あたりに

font-size: 12px !important;font-family: Lucida Grande, sans-serif !important;

を仕込んでみました。適用した後はセレクトフォームやフォームボタン、ラジオボタン等が以下のような風味のデザインに変化します。

Firefox Form Parts

適用して使ってみた感じは、セレクトフォームやサブミットボタン、チェックボックスなどはかなりいい感じです。ラジオボタンだけ、選択時にちょっと見た目が乱れるのが気になります。...が、全体的にはかなり良い感じになると思います。Firefox、Mozillaのフォームパーツのインターフェイスが嫌いな方にはお薦めです。　上記サイトのユーザーのコメントを読むとLinux版とかでも結構イケるようです。この「platform-forms.css」、ハックしたらもっと色々と自分好みに出来るかもしれませんね。

次へ