Ellinikonblue.net Devlosxom

IDEA*IDEA 「 Google が出してきた Font API のすごさを体感したいなら…『 Font Previewer 』」

　ウェブフォントは、以前から試してみたいと思っていましたが、 この Google Font API を 使えば気軽に扱えそうです。

　ただそもそもにして英字だけならベクトルフォントでも容量的にも知れてますが、 それでもページ一枚表示するために何種類ものフォントをダウンロードしなければならないとなると、 少々ナンセンスなページになると思いますし、ましてや日本語のフォントとなると一つで膨大な容量になりますし。。。 使い方が難しいところ。。。
# Google Font API には 日本語のフォントもありませんし。

　ちょっと久々にフレーバーいじりもしているのでちょっと実験的に使ってみようかなと思っています。

• Google Font API - Google Code

　超久々に Web Designing の 「実践・ CSS コーディングの新常識」と言うタイトルに惹かれて購入しました。
　で、感化されました。えぇ簡単な人です (_ _;>
　何に感化されたかというと…

プログレッシブエンハンスメント (Progressive Enhancement)

　要は古い IE に引っ張られないで、積極的に新しい技術（ CSS3 とか HTML5 ）を 使っていこうねという技術思想。
　まぁそもそもうちは IE6 とかで検証なんて厳密にはしてませんけどね (^^;

OOCSS(Object Oriented CSS)

　昔っから CSS ファイルを分割して管理するようにしていますが、 これを方法論として見いだせていないのが現状。
　OOCSS はある程度のスタイルの塊を「クラス」としてまとめてマークアップしていくと言うもの。 これは方法論として非常に分かりやすい。採用 (^^)b

文字デザインから CSS を組む

　文字周りのデザインルールをあらかじめ決定しておいてからレイアウトに入る方法論があり、 個人的には絵心がないので整然としてみせる手法として有用かと。試してみる価値あり。

　さぁて感化されて何をするかというと、 今年こそ Photolog か Weblog の方、模様替えするぞと。
　えぇ毎年同じこと言ってます orz

百式 「 CSS 適用前のIEのスタイル情報をまとめた『 IE CSS 』」

　CSS は基本、リセットして使いますが、 リセットしたあとが大変で、さぁデフォルトはどうだったんだと さんざん悩むことが多いので、これは参考になるドキュメントかと。

• IE CSS

「 ライブドア、ブログと RSS リーダーの時差解消に『パブサブハバブ』対応」 （ BB Watch より）

「ぱぶさぶはばぶ」？何の呪文だと思ったら RSS や Atom フィードの流通に 即時性を持たせるためのプロトコルだそうで、 Google の社員が時間のあるときに考えたという代物。
# 時間のあるときにそんなものを考えるという思考モチベーションには感服します m(_ _)m

　確かにブログなどのフィード配信側 (Publisher) から 購読者側 (subscriber) 、例えば Google Reader などに 更新したことを通知するには更新 Ping を発信するという方法がメジャーな方法としてありますが、 これだとスケーラビリティの問題や、購読者側の存在を配信側はすべて知っていないといけないといった 現実的に解決不能だと思われる問題、そして何より悪意のある配信元からの Ping なども 購読者側が独自に対策を講じなければならないなど、ぱっと思いつくだけでいくつか問題があることがわかります。

　これらの問題をハブ (Hub) という中継ノードを設けることによって解決しようという仕組み。

　アイデアとしては nice だと思ったりするので、早速、 blosxom で何とかならないか と思って調べてみたら、すでに WordPress に WP Pubsubhubbub という プラグインがあるので、このソースと、 Google からのドキュメントを読めば、 何とかなりそうな感じ（＜錯覚かもしれない f^^; ）。。。 ちょいと時間のあるときに考えてみようと思う次第。
# Google の社員ほど思考モチベーションは高くないので いつになるかわかりません…あしからず…

• pubsubhubbub - Project Hosting on Google Code
• Hub - PubSubHubbub （ Google 提供のハブ）

「 アマゾン API を使うのに 2009 年 8 月 15 日から認証が必要になるらしい」 （ たつをの ChangeLog より）

　うちの貴重な収入源である Amazon アソシエイト Web サービス の Product Advertising API 移行に伴い、 bsnap_asin プラグイン の対応をしなければなりません。
　タイムリミットは 8/15 。

　PHP や Ruby の実装はすぐに見つかりましたが、 blosxom は Perl 。
　Perl の実装はないか？と探してみたらありました。これを参考に（ぱくっ (^^;> ）すれば 何とか対応はできそう。
# 感謝＞ たつをの ChangeLog の中の人

　あと以下の問題点の解決、および捜し物が必要（と考えています）。

1. Secret Access Key ってなに？（秘密鍵ってわかりますが、入手方法とか）
2. タイムスタンプは GMT or 日本時間？ hail2u.net さんちの Kyo さんによると Expired があるらしい
   （ GMT っぽい）
3. Signiture を作る際のテキストの改行コードは CR or CR+LF ？
   （ CR っぽい）
4. RFC 2104-compliant HMAC with the SHA256 hash algorithm を利用必須のため、 Digest::SHA のお勉強（のためのドキュメント）
5. URL Encode のため、URI::Escape のお勉強（のためのドキュメント）

　やっぱスクラッチビルドで当たり散らしてみるしかないか…時間との戦いかな orz

hail2u.net 「 Amazon Product Advertising API の認証を JavaScript で」

KANGAROO-OASIS 「 blosxom version up 」
にーやんのブログ 「 Blosxom 2.1.1 以前にクロスサイトスクリプティングの脆弱性」

　SE と言う肩書きで本業にしていて、こういう話題には敏感にしているつもりなんですが、 自分が使っている blosxom にも XSS の脆弱性が あるとは…しかも、バージョンが 2.1.2 とかになってるし。。。いつの間にか。
　医者の不養生。いかんいかん。

しかも、さっとドキュメントを読んだ限り、

• コンフィグレーションを外部ファイルから読み込める
• プラグインディレクトリを複数指定できる
• something.txt.200904060000 などというファイル名でエントリを登録すると、 エントリ日時を固定できる

などいろいろ機能アップもしているみたい。

　今年は gin プラグイン をそろそろ形にしたいと思っているので、それも含めて、 新しい blosxom の 研究開始！。。ひとまずここでアップグレードの実験から始めることにします。

　以上、実験メンテナンス期間突入宣言と言うことで。
# 閲覧が安定しないときは奮闘中だと思って、時間を変えてまたおこしください m(_ _)m

• SourceForge.net: Blosxom

「 ライブドア、スパム書き込みの送信元 IP 情報を無料で公開」 （ BB Watch より）

　これを blosxom の プラグインに応用できないろうか？と考えてみる。
　十分すぎるほどに、 spam_blocker プラグイン は強力なのですが、 自己研鑽のために、今後自分で考えてみようなどと思うかもしれない。。。
　のでメモ (._.)φ
# そもそも DNSBL ってなに？ ってとこから勉強始めないといけないが…

• スパムちゃんぷるー DNSBL

Ck2 Blogger
「 画像を popup させる lightbox.js 設置」
「 画像を popup させる lightbox.js #2 」
「 画像を popup させる Lightview #3」

　すいません。なんかタイトルがえらそうで f^^;>
　Ck2 Blogger さんちのエントリを読んで、 bsnap_hs プラグイン と機能的に全くかぶりますが、 Lightbox JS か Lightbox 2 を使って、 プラグインを実装してみようかと思ってみたり。
　で、まだ作ってもいないのに「 bsnap_lt でどうよ」とか、名付けてみたり。

　そもそも bsnap_hs プラグイン を作るときも、AJAX なライブラリとして、 Highslide JS とどっちを使うか迷って、 Highslide JS にしたのに、 人が使うと「やっぱあっちか？」と釣られてみたり。自分のなさを感じます orz

　まずはいろいろ後片付けをしてからと言うことで…
# Imageset 表示機能をつけて bsnap_hs プラグイン と差別化するのもありか…

• Lightbox JS
• Lightbox 2
• 小粋空間 「 Lightbox JS で画像を表示する」

　この Devlosxom で、 Firefox 拡張機能まで 手を 出してしまって 、 先に手を付けて中途半端になっているものが多々あるので、 これ以上手を広げる前に一つ一つ片付けていくことにしました。

　まずは「 AJAX な折りたたみ」
　考え方は Weblog で 使用しているものをベースに、 小粋空間 さんちで公開されていた エントリ から コードを（パク… f^^;）参考にしました。
　script.aculo.us の効果を利用したもので、 すでにこの Devlosxom と Photolog の方で使用を始めています。
　他にも Highslide JS と言う AJAX なライブラリを使用していますが、干渉などの問題はなさそうです。
　我ながらいい感じです (^^)b
# 何か問題に気づかれたら教えてください m(_ _)m

　アルゴリズムは一通り完成したのですが、 いかにもやっつけなコードになっているので、ちょっとコードの見直しをしています。
　script.aculo.us を使用している関係上、 prototype.js も組み込んでいるのですが、 これを活用してもっとコードを 「らしく」書けないか…とか他の Javascript とコンフリクトしにくいように…とか それなりにカスタマイズしやすいように…とか。 可能であればのちのち blosxom のプラグインに応用できるよう汎用化できれば…とまで考えたのですが、 これをやり出すと底なし沼になる可能性があるので、 ある程度満足できるものになったら Weblog にも適用して、 いったんクローズして公開しようと思います。

　その次はぐっと blosxom らしい フレーバー の 構造見直し かな。
（とりあえず小難しくないのから片付ける。。。）

• prototype.js
• script.aculo.us
• Highslide JS
• OpenSpace
  　AJAX なライブラリのリファレンスいっぱい。大変参考になります。
• 小粋空間 「 WordPress で『続きを読む』の折りたたみ Web2.0 」

ネタフル 「 『 Google カレンダー』をウェブに埋め込む方法」
IDEA*IDEA 「 Google カレンダーを丸ごとサイトに貼り付ける方法」

　前から「ブログにエントリを投稿」→ 「 Google カレンダー に反映」 できればおもしろいことができるかなと考えていて、 それをブログに貼り付けられたらなおよし…なんて考えているので、 やる気になったら上記の情報は役に立ちそうな予感。