Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。僕と彼女の宗教戦争iComptaで家計管理を始めるために。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。検索エンジンなどでこのページにたどり着いたみなさまへ。Feelingplaceに置いてあります。_)m2011.4.16追記Flickr2HTML最新版を公開しています。新たに使う方はこちらをご利用ください。ver.2を公開していますので、新たに使い始める方はそちらをどうぞ。テンプレートの修正については、このページをご参照ください。ver.2ができました。Mac」のエントリーにかき消されそうな気もしますが、一応...。Flickrをブログの写真置き場にしているブロガーさんはボク以外にもたくさんいると思います。デスクトップ用のFlickrのインターフェイスが新しくなってからは、ブログに貼りつける為のHTMLをコピーするまでのステップが少し増えてしまいました。iPhoneからFlickrを見ると、iPhone用に最適化されたページが表示されて見るだけなら快適なんですが、ブログに貼りつける為のHTMLをコピーしようとすると、デスクトップ用のFlickrに切り替えないとHTMLすら確認できません。そこで、Flickrの写真ページからブログに貼りつける為のHTMLを生成するBookmarkletを作ってみました。iPhone(iPad)からFlickrの画像を引用しようとすると、いくつもステップを踏まないといけませんでしたが、これだと一発でHTMLが生成できます。デモをしてみましょう。このBookmarkletをFlickrの写真ページで使うと...ブログに貼りつける為のHTMLがブロンプトに表示されます。iPhone用に最適化されたページで使っても...こんな感じでブログに貼りつける為のHTMLがブロンプトに表示されます。どちらも生成されるHTMLは同じです。feelingplaceと、こんな感じになります。ベースになるBookmarkletはこちら。Flickr2HTML(デスクトップ用)Flickr2HTML(iPhone用)このBookmarkletを利用する為には1つだけ条件があります。Keyが必要になります。Keyは第三者への公開が禁じられています。Keyをまだお持ちでない方はこちらのリンクから各自で取得してください。Keyに書き換えてください。これでBookmarkletが動くようになります。生成するHTMLを自分好みにカスタマイズしたい人は、Yahoo!Pipesを編集する必要があるので、yahoo.comのアカウントが必要です。Keyを持ってるならyahoo.comのアカウントも持っているとは思いますが...。)それでは、カスタマイズ方法を順に見ていきます。1.ベースとなるPipesのクローンを作る。こちらがベースとなるPipesです。Pipes:Flickr2HTML画像の通りCloneをクリックすると、MyPipesにこのPipesのコピーが作られます。2.Pipesを編集し、HTMLテンプレートを編集する。Sourceをクリックして、Pipesの編集を行います。Builderの中身を編集することで、自分好みのHTMLで出力することができるようになります。ちなみに、デフォルトのテンプレートは、こんな感じになっていて、以下の4つを予約語として設定してあります。Suffixesを追加することで狙ったサイズで出力することができます。自分好みのHTMLに書き換えたら、PipesをSaveします。3.PipesのURLに合わせてBookmarkletを変更する。ベースとなるBookmarkletは、ボクのPipesを見に行くようになっているので、自分で編集したPipesを見に行くようにBookmarkletを変更する必要があります。やり方はFlickr_API_Keyを変更した時と同様で、p=’http://pipes.yahoo.com/feelingplace/flickr2html’の部分を、自分のYahoo!PipesのURLに変更します。これで、お気に入りのHTMLでFlickrから写真を引用できるようになります。ボク自身はこれでiPhoneでブログを書くのがとても楽になりました。FlickrのAPI_Keyを取ってきてでも使ってやるっ!と思っていただけるとうれしいです。最後まで読まれた方はお気づきの方も多いと思いますが、このBookmarkletは@hiro45jpさんのBookmarkletを参考(Javascriptはほぼそのまま)にして作りました。たくさんのヒントを与えていただいた@hiro45jpに最後にはなりましたが感謝申し上げます。RSSFeedlyFacebookTwitterPocket関連記事08モブログ用ブックマークレットを実行するための条件を整理してみる。ヨメレバ12拙作ブックマークレットの出力先を追加しました。ブックマークレット13拙作ブックマークレット、Flickr2HTMLとVideo2HTMLの仕様を一部変更しました。ver.2ができました。PMFlickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。http://htn.to/r8NUgy返信メッセージをどうぞ!!コメントをキャンセルこの投稿へのトラックバックFlickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。[...]Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。iPhoneに関する、はてなブックマーク新着情報です。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。リンクを載せておきます。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。さんのFlickrのブログ用画像HTML生成ブックマークレットをTextforce・DraftPadに対応させてみた。さんが紹介しています。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Share用に各種ブックマークレットを対応させました。Flickrの写真ページからブログに貼りつけるHTMLを生成するBookmarklet。Tweet先日公開した拙作のBookmarklet、Flickr2HTMLですが、@ma2marsさんがTextforce・DraftPad対応版を作ってくださいました。[...]画像はFlickrに置こう。さんのブックマークレットを使わせていただく事にしました。