Context Navigation

FlickrToBlog

"a bookmarklet to insert flickr photos into your blog"

NAME (名前)

FlickrToBlog (flickr2blog.js)

SYNOPSIS (概要・使用例)

FlickrToBlog は、 Flickr にアップロードした写真をあなたのブログへ簡単に載せるためのツールです。以下の機能があります。

Flickr に最近アップロードした写真の一覧を取得する
選択した写真へのリンクを、ブログの入力欄へ挿入する

FlickrToBlog は JavaScript で書かれていて、 Web ブラウザ上で動作します。 (Internet Explorer 6, Firefox 1.5 で動作確認)

FlickrToBlog が対応しているブログは以下の通りです。ライブラリを拡張することで、他のブログへの対応も可能です。

はてなダイアリー
tDiary

DESCRIPTION (説明)

FlickrToBlog は Bookmarklet として登録します。ブログの編集画面上で Bookmarklet を起動すると、まずライブラリ本体 (flickr2blog.js) および関連ライブラリを動的に読み込みます。その後、 Flickr API を使用して最近アップロードした写真を画面上に表示します。

表示された写真をクリックすると、その写真へのリンクをブログの編集画面へ挿入します。

依存ライブラリ

FlickrToBlog は jQuery, ThickBox ライブラリに依存しています。

ファイル構成

FlickrToBlog は、以下のファイルから構成されます。

flickr2blog.js: ライブラリ本体
lib/jquery-1.2.2.min.js: jQuery ライブラリ
lib/thickbox.js: ThickBox ライブラリ
lib/thickbox.css: ThickBox ライブラリが使用するスタイルシート
lib/loadingAnimation.gif: ThickBox ライブラリが使用する画像ファイル
index.html: Bookmarklet 登録のためのインストーラ

DOWNLOAD (ダウンロード)

CodeRepos? のリポジトリからダウンロードできます。

パッケージのダウンロード

tar.gz および zip 形式のパッケージをダウンロードできます。

リポジトリからのチェックアウト

svn co http://svn.coderepos.org/share/lang/javascript/flickr2blog

INSTALL (インストール)

インストーラ (index.html) を表示し、あなたの Flickr ID を使用しているブログの種類を入力します。あなた専用の Bookmarklet が作成されるので、 Webブラウザのお気に入り / ブックマークに Bookmarklet を登録してください。

OTHER (その他)

FlickrToBlog を他のブログへ対応させるための方法を記述します。新しいブログに対応するためには、以下の2つの情報が必要になります。

ブログの記法に則ったリンク文字列
Flickr へのリンクを挿入するブログ編集領域 (テキストエリア)

これらの情報を、 FlickrToBlog.blog に追加します。

例えば、はてなダイアリーの場合は、以下のオブジェクトが定義されています。 link がリンク文字列を生成するためのメソッドで、 textarea が編集領域です。

  hatena: {
    link: function(webUrl, srcUrl, photo, size) {
      var img = '<img src="' + srcUrl + '" title="' + photo.title + '">';
      return '<a href="' + webUrl + '">' + img + '</a>';
    },
    textarea: function() {
      return jQuery('#textarea-edit');
    }
  },

同じように link と textarea を持つオブジェクトを FlickrToBlog.blog に追加してください。

Download in other formats:

Plain Text