Ellinikonblue.net Devlosxom

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

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
Posted on Jul 15, 2008 at 00:22

フレーバ改装工事日報 #1: YUI Reset CSS 適用後のスタイル再設定

 先般から始めております フレーバー の全面改装工事ですが、表向きには何とか改装前と変わらないレベルにはなりました。
 ここまでで、エラスティックレイアウトの採用、 The Yahoo! User Interface Library (以下、 YUI )から Reset CSS/Font CSS の導入までは終わっています。

 エラスティックレイアウトとは、ちょっと調べてもらったらわかりますが、 Yahoo! JAPAN のトップページでも採用される ユーザがブラウザで文字の大きさを変更しても崩れない 「伸び縮みするレイアウト」のことです。
 実際このページの文字サイズを大きくしてもらうとわかりますが、 どんなに大きくしても基本的なレイアウトは崩れません(のはずです f^^; )。
 昨今、ブラウザ側に画像を含めてまるごと拡大縮小する機能が実装されるに至って、 今後どれほど意味があるかはわかりませんが、 興味を持ったので取り入れてみました。
 原理は簡単です。基本、幅などの指定を em 単位で行っただけのことです(今のところは…)。 今後グラフィカルな要素を入れ込むとまた一思案しなければならなくなりますが、 それはまたいずれ…と言うことで。

 次に YUI Reset CSS/Font CSS ですが、 一時、話題になったのでご存じの方は多いと思います。 様々なブラウザがデフォルトで持っている設定を、最小の手数でリセットする (要はどんなタグを指定しても装飾されず、またどのブラウザでも同じに見える状態にする) CSS です。
 しかし、知っているのと使ってみるのとでは大違い。
 初期設定を無効にすると言うことは、すべて自分で定義し直すと言うことです。 これが言うが易く行うは難し。
 Google さんに聞いてみても、 「こんな CSS があるよ」はそれこそ星の数ほど引っかかるのですが、 ではこの CSS を使って再定義はこうすると言う情報はほとんど皆無 (私の能力では探しきれなかった可能性も大 orz )。

 まずやっかいだったのは li 要素のスタイル再定義。
 YUI Reset CSS をかますと、 行頭文字が何も表示されなくなるので、これを再定義しなければなりません。 ということで、単純に
li { list-style: disc none outside; }
とかしてしまうと、ul ブロックであろうが ol ブロックであろうが、 disc になってしまい、かといって
ul { list-style: disc none outside; }
とかしてもそもそも Reset CSS で li 要素で none と指定されているので、 効力を発揮しません。
 正解はこれ…
li { list-style: inherit; }
ul { list-style: disc none outside; }
ol { list-style: decimal none outside; }
だと思うでしょう? f^O^;

 確かに Firefox であれば これで(万事ではないんですが)おっけーなんですが、 IE では これではだめなんです。
 真の正解は…(つづく m(_ _)m )
Posted on Jun 30, 2008 at 23:49

Brunch v0.0.1: Firefox 3 対応版

 当方オリジナル(?) Firefox 拡張機能 Brunch の v0.0.1 を公開しました。

 ひとまず リリースされた Firefox 3 への 対応と、自分で使っていて不便だったので、 コンテキストメニューからも機能が使えるようにしてあります。
 ところがこのコンテキストメニュー対応がアドホックもいいところの対応で、 今後時間を見てまじめに対応しますと言うことで、 バージョンはほんのちょっと上げて v0.0.1 と言うことで。

 毎度同じことを言いますが、このしょぼいバージョン番号の意味を よくよく考えて利用する方は利用するようにしてください。 更新履歴
  • v0.0.1
    • Firefox 3 対応初版
    • コンテキストメニューから機能呼び出し可能に
  • v0.0
    • 初版公開
今後の予定
  • 「このリンクを他のブラウザで開く」などの起動方法追加など、 コンテキストメニューからの呼び出し機能を充実させる
  • できればアイコン追加
  • 他にあれば考えるが基本シンプルに重装備になりすぎないよう注意する
Special Thanks:
拡張機能開発超初心者が作った代物を果敢に使っていただいてご報告をいただいた 「徒然なるままに」 さんちの ippo さんの勇気に感謝 (^^;>
Posted on Jun 15, 2008 at 17:47

フレーバー工事中

 閲覧いただいている方にはご迷惑をおかけしますが、そろそろこの devlosxomフレーバー 構造の 全面改装いたします。

 以前に 考えていた シンプル化した構造はすでにおおかたできているのですが、この フレーバー の 入れ替えにプラして、以下のことにも取り組む予定です。  上記に列挙したこともどこまでできるかわかりませんが、 その他、CSS にも少々細工を施そうと思っているので、 かなり時間がかかりそうです。多少レイアウトの崩れた状態で、 放置されることも多々あると思われますので、工事期間中はご容赦ください。
Posted on Jun 10, 2008 at 00:19

Lightbox JS で bsnap_lt ってどうよ?

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

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

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

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

Make Link v8.06

 Firefox ユーザな ブロガーには必須とも言える拡張機能 Make Link の v8.06 が公開され、このバージョンから日本語ロケールが含まれるようになっています。 すばらしい。

 と言うことで、ここでの非公式日本語化バージョンもこのバージョンから対応しません。 当然のことながら。
 最近、放置プレーにしていたことを順々に片付けていたので、 渡りに船。 これで Firefox 拡張機能の関連事項は Brunch に 集中できると。めでたし (^^)
Posted on Jun 02, 2008 at 23:21

AJAX な折りたたみ:アルゴリズム完成

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

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

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

 その次はぐっと blosxom らしい フレーバー構造見直し かな。
(とりあえず小難しくないのから片付ける。。。)
Posted on May 28, 2008 at 23:10

Google カレンダーをサイトに表示する方法

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

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

Brunch の今後

 一応の完成を見ました当方オリジナル Firefox 向け拡張機能 Brunch ですが、このまま放置する気はなく、 とりあえず今思いつく限りで、以下のことには対処しようと思っています。
  • 右クリックのコンテキストメニューから利用
  • 「このリンクを他のブラウザで開く」などの起動方法、メニューの追加
  • 拡張機能名を「 Brunch 」(最初を英大文字)に統一
  • Firefox 3 へ 対応
  • できればアイコン追加
 どこまでをいつまでにできるかは一切未定ですがとりあえず書き留めておきます。
 誰かアイコン考えてくれないかなぁ。。。
# 残念ながら私にはそのセンスが… orz
Posted on May 13, 2008 at 22:35

Firefox 拡張機能:brunch

 お勉強の成果出ました! (^^)/
 以前から、Firefox の 拡張機能として 「今見てるページを別のブラウザで開くことができる拡張機能があればなぁ」 と思って、探したあげく超オーバースペックな Launchy 以外は 見つけられなかったので、とちくるって自分で作りました。
 Firefox から 「枝分かれする」ってことで branch …ってあまりにもストレートなので、 ひねって「 brunch 」(少し遅めのリッチな朝ご飯の意)と名付けました。
 一応、以下の最低限の機能はインプリメントしてエラーを吐くこともなくなったので、 「できました!」と言ってみることにしました。
  • 設定でブラウザアプリケーションの名前(自由設定)と パスを設定する(三つまで)
  • あとは別のブラウザで開きたいページを Firefox で開いた状態で、 [ ツール ] -> [ 他のブラウザで開く ]
 生意気にもロケールとして「英語」もサポート。 しかし、手元に Windows 端末しかないもので、Mac とかでも使えるかは謎です。 で一応、Firefox v2.0 以上 v2.0.x までの対応です。
# まだ v3 では試してませんので、インストールもできなくしてあります。

 Firefox 拡張機能開発超初心者が最初に作ったデビュー作です。 使いたいと言う奇特な方は、v0.0 と言う意味を十分にご理解の上、 覚悟してお使いください (^^;> # 一度ダウンロードしてから「アドオン」のダイアログにドラッグ・アンド・ドロップするなどして、 手動でインストールしてください。
Posted on Apr 29, 2008 at 13:07

Make Link v8.04 非公式日本語版

 未だに Firefox の 拡張機能について勉強を続けておりますが、 成果というものはなかなか出ないもので。。。 せっかくMake Link の 日本語化したものを公開したところに、 v8.04 が公開されたもので、さっさと日本語化して公開してみます。 非公式です。念のため。
Posted on Apr 08, 2008 at 22:27

お勉強の成果: Make Link v3.0.2 非公式日本語版

 お勉強の成果か、以前ちょっとチャレンジしてできなかった Make Link の 日本語化に成功したので、せっかくなので公開してみる。 なお、今後のバージョンアップへの追随などは期待されても困ります。 また日本語訳がおかしいと思ったら教えてください m(_ _)m
 これをネタに、いくつかやりたいことを思いついたので、 やるかやらないかは別にして、種はまいておくことにしようという話。。。
# こんなところに放置して誰が気づくかということも気になってみたり… (^^;>

 さて Mozilla Firefox 拡張機能に 関してはもうちょっと勉強を続けてみます。
 最後に以下のドキュメントに感謝 (^^)/
Posted on Apr 01, 2008 at 23:58

Firefox 拡張機能作成のための参考資料

 深い意味はないです。ましてや MacBook Airねらっている わけでもありません (^^;;;>

 ちょっと Firefox の拡張機能の作り方調べました。  とりあえず、FIREFOX HACKS を読み込んでみるところから始めてみます。
Firefox Hacks―次世代ブラウザ徹底活用テクニック
Nigel McFarlane 著
( オライリージャパン )
「 Mozilla 、『 Firefox 』 v3 用拡張機能のコンテスト“ Extend Firefox 3 ”を開催」窓の杜 より)
Posted on Mar 02, 2008 at 15:59

日本版 asin プラグイン「 jasin 」

 asin_complex プラグインECS 4.0 対応 、一応終わりました。
 ただし、アルゴリズムは以前のままで、 サービスの呼び出し部分と XSLT ファイルを書き換えることで対応できました。

 それでも結構苦労しましたが、 このまま bracket_fep 対応に 入るためには、asin プラグイン 相当の 機能は一緒にできないために除去までしました (ただし、Ellinikonblue.com Weblog 側に 導入したものはそのままにしてあります)。
 とは言っても、この asin プラグイン 相当の 機能も便利なため、オリジナルの asin プラグインAmazon.co.jp に対応させた上に、 少々改良したものを作成することにしました。

 と言うことで、すぐできると思うのですがとりあえず このエントリはその実験エントリです。

今年、購入予定のデジタル一眼レフ候補
# 3/2 20:00 できました f^^;
## asin_complex プラグイン 相当の bfep 版プラグインができたときに公開しようと思います。
Posted on Feb 11, 2008 at 18:37

asin_complex プラグイン ECS4.0 対応テスト開始

 ただ今、 asin_complex プラグインAmazon.co.jp アソシエイト ECS4.0 に対応させるために格闘中です。
 とりあえず このサイト にも asin_complex プラグイン をインストールして、これから本格的に対応していきます。
 これはそのための実験エントリです。
LOVE CONCENT
hitomi
( エイベックス・トラックス )
¥ 530
Posted on Feb 09, 2008 at 18:58

【緊急】 asin_complex プラグインを Amazon ECS 4.0 に対応

 ある日、Amazon.co.jp アソシエイト・プログラム からメールが来ました。

「 Amazon アソシエイト ECS 3.0 サービス終了のご案内」

 なんのこっちゃ?
 と思いつつ、うちと何の関係があるのだろうと…あるとしたら asin_complex プラグイン くらいか…と思ったらどんぴしゃり orz

 えらいこっちゃ。
 Amazon.co.jp アソシエイト・プログラム は一番の稼ぎ頭。 これがなくなると、ただでさえほとんどないと言っていい我がサイト群のアフィリエイト収入に 壊滅的なダメージが… フレーバーいじいじしている 場合ではありません。 期限は 3 末、緊急対応します (_ _;>

 以下のサイトの情報を見ていると同じ REST リクエストで何とかなりそうですが、 今は思考ルーチンにそうであって欲しいとの願望が含まれている可能性があるので、 ちょっと試行錯誤してみます。
# 本業が忙しくなければ会社休んででも対応するのに… (^^;;;>
Posted on Jan 12, 2008 at 00:28

フレーバーにおけるページ構造

 先般、 Ellinikonblue.com Weblog の ページレイアウトを見直した際、 現状のフレーバーにおけるページ構造にいくつか問題が見つかりました。
 その中でも一番の問題は、作成時に CSS でレイアウト以外に、 ある程度の border 要素などでデザインを入れ込めるよう、 またこの際、 Internet Explorer 6 でも レイアウトが崩れないよう div 要素をてんこ盛りにしたため、ページ構造が複雑化していることです。 うかつに触ると収拾がつかないことになってしまう危険性があり、 また長期間触らないと構造そのものを忘れてしまう傾向にあるので、 図表化しておこうと思います。

 現在( Jan 2008 現在)の Ellinikonblue.com Weblog の フレーバーのページ構造。
Image:20080106PageStructure0.png
 今後、以下のようなページ構造に単純化し、 フレーバーを修正していくつもりです。 これはあくまで予定で、最終的には変わる可能性があります。 その際は再度、図表化しようと思います。
Image:20080106PageStructure1.png
 当然ながらまずは こちら の フレーバの見直しをかねてぼちぼち実験してみます。
Posted on Jan 09, 2008 at 23:05

bsnap_asin アイデアまとめ

 まだ作りかけで中途半端になっているプラグインがありますが、 今年中くらいに asin_complex プラグインbfep 版 bsnap_asin プラグイン(仮称)も作りたいなぁと思っています。
 頭の中にいくつか実装したい機能というか、改良点を浮かんでいるので、 忘れないうちにまとめておきます。
# 3 月いっぱいくらいまで本業が忙しいので手を着けられないと思いますし…

 とりあえずはちまたにある Amazon.co.jp から 商品情報を引っ張ってくるプラグインを読み漁ろうとは思いますが、それ以外にも
  • 商品画像は一度登録済みの有効な画像にヒットしたら、 それ以降、画像の有効性をチェックしないようにする。
  • Amazon.co.jp 側で データベースから削除された商品情報への対応(できるかなぁ?)
  • Amazon.co.jp への問い合わせを 時間的にもっと分散させる方法はないかなぁ…
くらいの機能(おもいつき?)を実現できればなぁ…と漠然と考えております。 それぞれに対していくつか思いついているアルゴリズムはあるのですが、 いきなりコーディングに入るくらいの衝動を生み出すものは今のところなし。
 最近ちょっと頭が固くなってるかなぁ… (_ _;>