Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet 開発実績

【更新】Flickr画像をすばやくブログにコピペするためのHTMLを表示する「FlickrQuickEmbed」

投稿日:


ボクもほぼ全ての写真を保存していて、ブログへも直接貼り付けているFlickrが新UIを試しているのですが、評判がかなり悪いようです。

日に日に増す苦情投稿の中でもEmbed codeはどこいったのよ?というものが結構多く、ブログなどへの埋め込みで使っていた人がかなりの数いることが分かります。で、ボク自身埋め込みできなくなると超絶不便だし、現在のUIでも埋め込みコードが取り出しにくかったりする不満もあったのでブックマークレット作ってみました。

【2014年4月1日 更新】
Flickrが写真URLを「https」から始まるSSL強制に移行したようなので、ブックマークレットの呼び出しを少し変更しました。ブックマークレットの登録し直しをお願いします。登録されたブックマークを編集する場合は下記の通り変更してください。
ブックマークレットコード中の
http://tool.creazy.net/bookmarklet/flickr_quick_embed.php

https://ss1.coressl.jp/api.creazy.net/bookmarklet/flickr_quick_embed.php
に書き換え

FlickrQuickEmbed
↑こちらのリンクをブラウザのブックマークバーにでもドラッグ&ドラッグで登録しておいて、Flickrの個別写真ページで実行しましょう。
2013-10-20_flickr_quick_embed_00
こちらの写真のように全てのサイズバリエーションのタグが表示されます!

いつも使うサイズ決まってるから、もっと早くコピペしたい

ほとんどのブロガーさんが、ブログで使う画像サイズを決めていると思いますが(ボクは横640px)、それだったら決まったサイズをもっと早くコピーしたいということでサイズ固定バージョンも作りました。
2013-10-20_flickr_quick_embed_01
こちらのバージョンの場合は、ブックマークレットを実行するとHTMLコードがダイアログで表示されるのでそのままコピーできます。
ブックマークレットの登録はご自分が利用するものをそれぞれ登録してください。

指定した画像サイズがない場合は、全サイズバリエーションを表示するモードになります。
これで、Flickrが変なUIになっても大丈夫。きっと、大丈夫。
何か不具合など見つけましたらお知らせください。

-Bookmarklet, 開発実績

執筆者:

関連記事

no image

Amazon が Product Advertising API に変わっても「Amazon Quick Affiliate (JP)」は死にましぇん

【2012/02/22:追記】 最新のアップデート状況が分かりにくくなってきましたので公式ページ作成しました。 今後はこちらに関連エントリーなどもまとめていきます。 Amazon Quick Affi …

よく使うサイトに色々情報を追加するGreasemonkey「More Info」シリーズ

昨晩の悲劇に耐えながらもエントリー書いてみますよ。 Google ChromeでUserscriptが動く、Greasemetalなんかが出てきているので、自分がFirefoxで使っているGrease …

no image

TwitterでクリッピングするためのBookmarklet

いままで、ブログのURLや引用をTwitterにツイートするブックマークレットは何度か作っています。 見ているページをTwitterに投稿するBookmarkletとブログ用ボタン Twitter公式 …

JavaScriptでSLを走らせる「SL.JS」を作りました

開発に関わっていて、UNIX(Linux)を触った事のある人は「SLコマンド」をご存知の方が多いのではないでしょうか? lsを間違えてslと打つとこんなのが煙を吹きながら走る sl(1) コマンドを作 …

YouTube HD Suite更新(HTML5対応)

また、YouTube HD Suiteが動かなくなったという連絡をもらったので修正しました。調べていると、前に中途半端に対応していたHTML5版のソースにすごく似ている気がするのですよね。というか、H …

スポンサードリンク

スポンサードリンク