Ellinikonblue.net Devlosxom

ここはまだ壮大な夢の途中…

Posted on Jan 17, 2009 at 22:47

bsnap_lt プラグイン仕様 v2009.1.17

 bracket_fep プラグイン 専用プラグインとして、 bsnap_lt プラグインの実装が一応終了しました。

 事前に 仕様を考えました が 自動サムネイル機能以外は思ったより簡単に実装できました。
 こちらの エントリ のように、エントリのごとに表示することもできますし、 すべての画像を こちらの エントリ のように個別に表示させることもできます。
 またページごとにまとめて表示させることもできます。

 ざっと仕様は以下の通り。
  • Lightbox2 利用
  • blosxom エントリ中の 記述方法は snap_in / bsnap_hs プラグイン互換
  • 実際の画像とサムネイルの結びつけルールは bsnap_hs 互換
  • グルーピングなし、エントリごとグルーピング、ページごとグルーピングをオプションで設定可
 で、実装してみて bsnap_hs プラグイン と比較してどっちがいいかというと、 見栄えは確かに bsnap_lt プラグインの方がいいのですが、 それなりのサイズの画像を提供する場合、ネットブックなど解像度の低い環境などを考慮すると、 bsnap_hs プラグイン の方がいいかもしれないと思うこともあり、 Ellinikonblue.com Weblog への導入は迷っています。

 まぁひとまずできは悪くないので、 暇をみて Ellinikonblue.com PukiWiki の方に ページを作ってアップしたいと思います。

Posted on Dec 29, 2008 at 22:14

bsnap_lt プラグインのテスト用エントリ #1

 bsnap_lt プラグイン の最低限の機能はインプリメントでき、 これから機能拡張の実験に入るため、ちょっとテスト用のエントリを用意。
Image:20081229bsnap_lt_test1.jpg
Image:20081229bsnap_lt_test2.jpg
Posted on Nov 24, 2008 at 16:52

bsnap_lt 要求仕様

 なんか実装している時間がないので、とりあえず要求仕様だけメモ。
  1. Lightbox2 を使用
  2. blosxom エントリ中の記述方法は snap_in / bsnap_hs プラグイン互換
  3. 実際の画像とサムネイルの結びつけルールは bsnap_hs 互換
  4. Lightbox2 の グルーピング表示を利用するためのオプションとして、グルーピングなし、 エントリごと、ページごとを切り替えることができるようにする
  5. 自動サムネイル化は実現可能かどうかも含めて検討
くらいで。

 以下も参考になりそうなので。

小粋空間 「 Lightbox JS で画像を表示する」
Posted on Oct 28, 2008 at 23:41

スパムちゃんぷるー DNSBL

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

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

bsnap_lt をまじめに考える

 この Devlosxomフレーバー 改装工事が何となく、一段落ついた感じなので、 これを元に次は Photolog の方を 何とかしようという気になってきました。

 現状、1ページ一枚で写真を見せるコンセプトで最初に作り込んでそれっきりですが、 自分でみているとあまり使い勝手がよくないなぁ。。。と。
 最初は bsnap_hs で 何とかしようと思っていたのですが、 「写真をいかに楽しく見せるか?」を考えると、 Lightbox JS を 応用した方がよいという結論になりつつあります。

 で、一度、こちらで実装を試してから。。。 その前に要件定義などやってみるか。。。
# そもそもなんで「 lt 」にしたんだっけか???
Posted on Sep 14, 2008 at 23:33

AJAX な RSS リスティング

 先般、公開した script.aculo.us を利用した AJAX 風味の折りたたみナビゲーションに続いて、 Ellinikonblue.com / Ellinikonblue.net の トップページで使用している AJAX な RSS リスティングも Ellinikonblue.com PukiWiki「 Program Archive 」 で公開しました。

 中継君 及び JKL.ParseXML の 導入が必須で、ドキュメントも一度書き流しただけですが、 北海道に 旅立つ前 にとりあえず。。。今後時間があるときに何とかします。

 利用したいという奇特な方はご自由に。。。
Posted on Aug 18, 2008 at 23:18

Brunch v0.1

 前回公開したバージョン は、 あまりにもやっつけな対応なので本腰入れて対応しました。
 コンテキストメニューから、 「他のブラウザでこのページを開く」以外にも、 「他のブラウザでこのリンクを開く」にも対応しました。

 これでこの拡張機能を作ってまでやりたかったことはできるようになり、 自分で使っても非常に便利だと思えるところまで機能も作り込めたので、 これで一段落かと思いまして、ひとまず こちら で公開します。 自分でもさらにいろんなところで使ってみて、問題なければ、 あっち でも 公開の告知をしようと思います。 更新履歴
  • v0.1
    • コンテキストメニュー呼び出し本格対応版
  • v0.0.1
    • Firefox 3 対応初版
    • コンテキストメニューから機能呼び出し可能に
  • v0.0
    • 初版公開
参考文献
hail2u.net 「 Firefox: gContextMenu 」

今後の予定
  • 誰かアイコンを考えてくれるとうれしいです (^^;>
Posted on Aug 13, 2008 at 18:25

blosxom で iPhone 対応できるかな

crema design 「 『 iPhone テンプレートfor MT 』を公開いたします。」
小粋空間 「 『 iPhoneテンプレートfor MT 』 by cremadesign 」

 日本でもやっぱり旋風となった、 携帯界の黒船「 iPhone 」ですが、 上記のドキュメントを参考にすれば、 blosxom でも iPhone 対応できるかなと。。。 blosxom 風にいくと、 テンプレートではなく フレーバー での 対応になるのかな?

 iPhone フレーバー 。。。 blosxom で えらい人が誰も手を出さなければ、やってみるかな。。。時間ができたときに。。。って、いつ? (^^;;;>
# Movable Type もよく知らないのに…
Posted on Aug 10, 2008 at 23:40

フレーバ改装工事日報 #2: li 要素の再定義

 すでにこれだけ日が開くと、日報もないような気もしますが…

 YUI Reset CSS を使用したのち、各要素を再定義していく中で、 手こずったのは li 要素の再定義で、
li { list-style: inherit; }
ul { list-style: disc none outside; }
ol { list-style: decimal none outside; }
とすると、少なくとも Firefox では ul, ol ブロックで指示した文字・記号が行頭にでるようになりますが、 Internet Explorer では うまく行きません。
 IE では、
li { list-style: inherit; }
ul li { list-style: disc none outside; }
ol li { list-style: decimal none outside; }
と明示的に ul, ol ブロック中の li 要素に対して 明示的に再定義する必要があります。 しかし、逆にこのようにだけ指定すると、 今度は Firefox で うまくいかなくなります。

 さらにもう一つ問題があって、 ul ブロック中の中の ol ブロック、またその逆、 加えて ul, ol ブロック中の二階層目の ul, ol ブロック中での li 要素の行頭文字を一階層目と違うものにしたい場合の 定義も別途必要になります。

 と言うことで、真の正解はこれ。
li { list-style: inherit; }
ul, ul li { list-style: disc none outside; }
ol, ol li { list-style: decimal none outside; }
ul ul, ul ul li { list-style: circle none outside; }
ol ol, ol ol li { list-style: lower-alpha none outside; }
ul ol, ul ol li { list-style: decimal none outside; }
ol ul, ol ul li { list-style: disc none outside; }
 三階層目はやめましょう (^^;>

 自分でもあまり美しい方法ではないように思うんですが、 これ以外の解を見つけられませんでした。
 より美しい解をご存じの方、是非教えてください m(_ _)m