24. Nov. 2006 (Fri)

PhotoDiaryPlugin3

日記に写真をぺかぺか貼り付けるのに役立つMovableType用プラグイン PhotoDiaryPluginを久々に更新しました。

▼ダウンロード
PhotoDiaryPlugin v0.3

▼Ver0.3の変更点

  • 秘密画像の貼り付けに対応

  • サムネイル用ディレクトリの自動生成

  • コメント文字列に対応

  • ディレクトリ全体表示のポップアップアクションが消えなかったのを改善

動作例はこんなかんじ

追記:細かい修正を加えたver0.31を明日リリースします。
詳細は後半に…


(…ここから後半)

▼インストールの方法

  • v0.3をダウンロードして、展開するとPhotoDiaryディレクトリができるのでmt/plugins以下にコピー。
    この中にプラグイン本体と、呼び出されるphotodiary.jsファイルがあります。jsファイルは好きなところに再配置してもかまいません。

  • テンプレートの<body>
    直後に
    <script language="JavaScript" src="photodiary.jsファイルのURL"></script>

    を挿入。

  • テンプレートのMTEntryBodyのあたりを
    <MTTRUE photoDiaryFilter="128">
    <$MTEntryBody$>
    </MTTRUE>

    って感じでくくる。

  • テンプレートのテンプレートのMTEntryMoreのあたりを
    <MTTRUE photoDiaryFilter="128">
    <$MTEntryMore$>
    </MTTRUE>

    って感じでくくる。


  • ▼秘密画像の貼り付けについて
    従来想定していた用途としては、画像を適当なディレクトリに置いて<IMX 画像ファイルパス>と書けば同じ場所にサムネイルを作成してよろしくリンク生成してくれますよ、というものだったのだけれど、誰にでも見せたい写真ばかりではないわけで。顔の映ってる宴会の写真とか。

    というわけで publicImageBasePath secretImageBasePath という変数を追加しました。
    例:


    thumbHeader => 's_'
    publicImageBasePath=> 'image/'
    secretImageBasePath=> 'secretimage/'
    の条件下で
    <IMS 20061124/test.jpg>
    とやりますと、
    元画像ファイル 'secretimage/20061124/test.jpg からサムネイル 'image/20061124/s_test.jpg ', を生成して画像貼ってリンクしてくれます。

    ここでポイントは、オリジナルと違う場所にサムネイルを生成できるところです。オリジナルのあるディレクトリに認証を仕掛けておけば『サムネイルは誰でも見えるけどオリジナルは知人にしか見えない』という状態で画像を公開することが簡単に出来るという寸法です。

    とはいえサムネイルでも結構何が写ってるかわかるものなので、ぼかし効果を入れてあります。ぼかしの強度は secretBlurLevel 変数で設定可能でデフォルトは100x10と強めになってます。おおざっぱにいって数字がでかいほど強いです。

    また、通常の画像と区別がつくようにサムネイルは灰色の枠で囲む事にしました。 secretBorderSize で幅を設定できます。

    ▼サムネイル用ディレクトリの自動生成
    サムネイルを作成する際に前もってディレクトリが存在しないと失敗する問題に対処し、自分で必要なディレクトリを掘るようにしました。
    これでサムネイルをサブディレクトリに生成するなんてことも実用的に。

    ▼コメント文字列に対応
    従来 <IMX 画像ファイル名> だった書式にコメントを追加して <IMX 画像ファイル名 コメント文字列> と表記できるようにしました。
    ファイル名とのセパレータはスペースです。コメント文字はサムネイルのAlt属性に記述されます。

    ▼ディレクトリ全体表示のポップアップアクションが消えなかったのを改善
    ファイル名ではなくディレクトリ名を指定するとフォルダ内の画像全体を列挙してjavaScriptが使える環境ではポップアップ風のエフェクトを設けていたのですが、これがマウスが離れても消えなかったのを気持ち悪いから改善。

    ▼リファレンス

    <IMX {ファイル名|ディレクトリ名} [コメント]> サムネイルを生成し、コメントとリンクつきで表示する。
    <IMP {ファイル名|ディレクトリ名} [コメント]> IMXと同様。ただしファイルパスの先頭に publicImageBasePath の設定が追加される
    <IMS {ファイル名|ディレクトリ名} [コメント]> IMSと同様。ただし画像ファイルパスの先頭に secretImageBasePath の設定が追加され、またpublicImageBasePathの設定が追加された場所にサムネイルを生成する
    <ISBN ISBN番号> 書店へのリンクが生成される
    <ASIN Amazon.co.jpのASIN番号> Amazonへのリンクが生成される

    各パラメータはプラグインの.plファイルの先頭にありますので適当にいじってくださいということで

    _ Posted by AoVA at 2006年11月24日 12:30 _ [an error occurred while processing this directive]
    [ひとこと]

    Save?

    Apple Store(Japan)