martin's weblog

このppBlogはウェブアクセシビリティー(Web Accessibility)の観点からデフォルトではvalidなXHTML1.0 strict^Gを吐き出すようにしている。まぁとりあえずトップページだけですが。（インラインフレームなどを使うとたちまちinvalidになってしまう･･･）　そのチェックは左下の方のアイコンにもあるThe W3C Markup Validation Service でチェックしている訳ですが，これはやや甘めの採点です。で，web作成者には昔から有名なAnother HTML-lint gateway があり，これは厳しいチェッカーで知られていて，バージョン1.3.5まではそれはひどい採点結果(＝「もっとがんばりましょう」)を食らっていた。なので，次期バージョンでは，「よくできました」のハンコが貰えるよう，片っ端から大きな減点箇所を修正していったら，だいたい95-96点ゲット出来るようになった。だから何と言われれば身もふたもありませんが，まぁぶっちゃけ自己満足です。でも，W3Cのような標準規格団体があり，きちんとした設計思想で策定を行なっていると信じれば，HTMLチェッカーである程度の高得点を目指すのは悪い話ではないと考えます。しかも，ppBlogは配布していますし，その辺りはちゃんとコダワリタイと思ってます。

今度のバージョンで以前から気になっていたatom0.3^Gを実装しよう。AtomはRSSと同じくサイトの要約や見出しを配信するフォーマットであるが最近流行りっぽい。まずは，お勉強。定番ともいえるThe Web KANZAKI の「Atom - RSS改訂の試み 」やHotwiredのコラム「鉄腕『Atom』はRSSを超えるか？ 」：）によくまとまっている。すでにRSS1.0やRSS2.0は実装済みで，それらとさほど違いはないので結構簡単な書き換えで出来た。　ついでに，Atom0.3を表すロゴマークも，便利なButton Maker にて作成。いや，このページはちょっとしたロゴマークを作るときなどにはほんとに有用です。　でもって，FEED Validator にかけてソースを検証してみる。文字コードがEUC-JPになってるよ，と注意されるが（UTF-8で出力させました）文法的にはOKのようでめでたく Congratulations! をいただいた。　これがそれです。→http://blog.tagscript.com/rss/atom.xml

---

そろそろppBlogもバージョンアップしようかと思っているが，その際にCSS(スタイルシート)を駆使して，写真の後ろにシャドウを付けるような仕様にしようかと画策している。具体的には下のような感じ。

　　　　　　(Image:MariMari's Diary )

お洒落なブロッグのサイト(例えばこんなページ )では，画像の枠を加工して予め「影付き」にしてからページに載せてたりしているが，画像ソフトでこういう効果を出すにはちょっとしたテクがいるし，何よりモブログなどでケータイから直接投稿する際には画像の加工なんて出来ない。なので，そこはppBlogのエンジンでやってしまおうというわけである。これを実現するには別に難しいことはいらない。そりゃもっと凝ることも出来るがそうするとその分HTMLが煩雑になるので感心しない。最小限の指定で実現したいわけである。具体的には，HTMLの出力は以下のような感じ。

<p class="photo-shadow" style="float:none;width:223px;height:173px;">
 <img src="PIX/1097205957_autumn_sky.jpg" alt="autumn_sky" width="200" height="150" class="photo2" />
</p>

書き手はいつもどおり画像を添付すれば，自動的にppBlogのエンジンが適切なタグを追加してくれる。CSSでphoto-shadowとphoto2を指定しているがこれは次のようにしている。

p.photo-shadow {
  padding:0;
  margin: 10px;
  background:transparent url(./Images/shadow.png) right bottom no-repeat;
}

img.photo2 {
  margin-left: 1px;
  margin-top: 1px;
  padding: 7px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #ddd #999 #999 #ccc;
  position:relative;
}

ポイントは，photo-shadowの背景指定である。shadow.pngという画像を用意している。もっと凝って，画像の右上隅と左下隅の影への移行部分に更なる影を追加すれば完璧であるが，そこまではいいだろう。　ちなみに，画像としてはJPEG形式のやつを想定している。ま，こんなところです。

---

動画モブログをした際に，記事の一括表示では動画であることを示すアイコンをつけるようにしたのですが，そのアイコンを添付し忘れていました。。添付しておきます。というか直接画像が表示されるのでこれをImagesディレクトリに保存して下さい。ウィンドウズならマウスの右クリックを活用すればOKですね。

---

動画のモブログであるが，動作確認が出来ていたのはFOMA N900iのみであった。。今回，ユーザーの方のご協力により(その方はauのA5402S使い），auのAMC形式^Gの動画に対応することが出来た(気がする)。　バージョン1.3.4から1.3.5に移行する際に，動画モブログを楽しむ際の修正すべきポイントを書いていなかったので，ここで補足しておきます。　ムービー形式のファイルはmovというディレクトリに入れるようにしました。なので

movディレクトリの作成

logディレクトリなどと同じレベルにmovというディレクトリを作成されてパーミッションを707以上に設定して下さい。

次に，このディレクトリを示す定数MOV_DIRを導入しました。なのでusrディレクトリにあるini.inc.phpを開かれて，真ん中あたりに

define('IMG_DIR', 'PIX/');   　　　 /* UPした画像のディレクトリ名 */

というのがあると思いますので，この下に

define('IMG_DIR', 'PIX/');          /* UPした画像のディレクトリ名 */
define('MOV_DIR', 'mov/');          /* UPした動画のディレクトリ名 */

と1行追加して，EUCで保存，再度サーバーへアップして下さい。いじるべき点はこれだけです。あとは添付のmob.php最新版を入手されて，適切な設定をした後にサーバーにアップされて下さい。　あと，ボダフォンがどうか分かりませんが，動画添付が上手くいかないという方はご一報下さい。出来る限り対処します。

---