Ellinikonblue.net Devlosxom

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 カレンダー に反映」 できればおもしろいことができるかなと考えていて、 それをブログに貼り付けられたらなおよし…なんて考えているので、 やる気になったら上記の情報は役に立ちそうな予感。

　一応の完成を見ました当方オリジナル Firefox 向け拡張機能 Brunch ですが、このまま放置する気はなく、 とりあえず今思いつく限りで、以下のことには対処しようと思っています。

• 右クリックのコンテキストメニューから利用
• 「このリンクを他のブラウザで開く」などの起動方法、メニューの追加
• 拡張機能名を「 Brunch 」（最初を英大文字）に統一
• Firefox 3 へ 対応
• できればアイコン追加

　どこまでをいつまでにできるかは一切未定ですがとりあえず書き留めておきます。
　誰かアイコン考えてくれないかなぁ。。。
# 残念ながら私にはそのセンスが… orz

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

　ちょっと Firefox の拡張機能の作り方調べました。

• mozilla developer center 「 Building an Extension 」（日本語）
• Mozilla Firefox まとめサイト 「 拡張の作成」
• 「 Firefox 拡張機能の作り方」
• katoy: cocolog
  「 firefox 機能拡張の調査」
  「 firefox 機能拡張の調査 (その２)」
• ありえるえりあ 「 Firefox 拡張機能 (extension) の作り方」

　とりあえず、FIREFOX HACKS を読み込んでみるところから始めてみます。 「 Mozilla 、『 Firefox 』 v3 用拡張機能のコンテスト“ Extend Firefox 3 ”を開催」 （ 窓の杜 より）

　やっとフレーバーの見直しが何とか終わりました。 構造変更は一から考え直さないといけないことが判明して断念しました orz が、 訪問される方がアクセスされるページのフレーバーは .html に統一することは何とかできました (^-^;>

　次はサイドバー部分も含めて、レイアウトの見直しです。
　かなり以前に 楽天ダイナミックアド 、 Amazon.co.jp おまかせリンク を、 PukiWiki 側 に配置して、 試行していましたが、PukiWiki のような ? マークが含まれクエリーのように見える長い URL でページへアクセスするようなタイプの CMS(Contents Management System) に配置すると 「棚卸しセール」のような状態 （つまりはほとんどなんの脈絡もない商品を表示するだけ）になります。
　おそらくはなんですが、この手のツールは ページ内のキーワードを URL にくくりつけてデータベース化していると思われ、 その際くくりつける URL の文字列からクエリーを投げていると思われる ? から始まる部分は （ある程度以上の長さになると）削除しているのでしょう。 このためひとつ URL にくくりつけられるキーワードが多くなり、 必然適切な商品情報を選べなくなり、異なるページでも似たような商品しか表示できない という状況に陥るのだと思われます。
　先述の二つのツールと比較すると、 ブログであろうと PukiWiki であろうと ある程度ページ内容に合った広告を出す Google AdSence が いかにすごいかという話にもなるのですが…
# バックエンドで収集しているページ情報の規模がそもそも違うという話に帰結しますけど。

　しかしながら、この手のツールが目を引くのも確かで、 ブログ系の CMS と組み合わせた方がより機能すると思われ、 またやはり客観的にみて目を引くので、 Ellinikonblue.com Weblog で 採用することにしました。
　push_if_first プラグイン を 導入するなどして新たな設置場所も確保したので、 アフィリエイトとは関係のないガジェットなどを含めて配置を考え直します。

小粋空間 「 WordPress で『続きを読む』の折りたたみ Web2.0 」

　ちょっと前からやってみたいと思っていた AJAX ライブラリを使った ナビゲーションの折りたたみ。上記のページを参考に（ぱく…？）すればできそうな感じ。
　メモっとこう φ(.. )

• script.aculo.us

　…なんてことをしてみたい衝動に駆られました。 本当にできるかどうかなんてことまでは、今、考えが及んでません (>_<;>
　だいぶ前から、元絵とサムネイルを用意すればリンクして表示ができるように、 snap_in プラグイン を改良したいなとは思っていましたが、 とにかく 小粋空間 で Highslide JS が 使用されているのを見て一目惚れです。とにかくすてき )*^O^*(
　ちょっと時間ができたら、すぐに取り組みたいと思います。
# まずはきれいな実装ができるかどうかをじっくり考えるべし。。。

• 小粋空間 「 Highslide JS でサムネイル画像を拡大表示する」
• Highslide JS

「 ぐるなびが API 公開、全国約 4 万件の飲食店情報が利用可能に」 （ CNET Japan より）

　エントリを書いている際、まれに地図情報が必要になるときがあるので、 そのうち何らかのサービスもしくはその API を利用して、 blosxom のプラグインをでっち上げたいと思っています。
　いつかその日がきたときのために、 ちょっと今現在気になっている地図系ウェブサービスを整理しておきます。

• Google Maps/ Google APIs
• Yahoo! 地図情報/ Yahoo! デベロッパーネットワーク
• SimpleAPI 「 最寄り駅 Web サービス & 最寄り駅モバイル地図」
• HeartRails Express
  路線／駅名データサービス
• ちず丸
• ちず窓β
  Ellinikonblue.com Weblog 「 chizumado （ちず窓）」
• ぐるなび 「 ぐるなび Web サービス 開始！」

3ping.org 「 デフォルトスタイルの差異を無くす CSS 」

　blosxom の フレーバーを作るときなど、結構重要なテクニックになるそうな予感 (._.)φ

【ネタもと】

• KANGAROO-OASIS 「 デフォルトスタイルの差異を無くす CSS 」