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, 開発実績

執筆者:

関連記事

Apple整備済製品の最新情報をチェックできる、AppleOutletのページをリニューアルしました

Apple大好きヤガーです。こんばんは。 Appleの整備済製品のチェックに便利なAppleOutletページですが、新年早々にCreazy!の方はリニューアルしたものの、AppleOutletは古い …

no image

新型MacBookファミリーにピンとこなかった人に整備済製品をオススメ

昨日の新型MacBookの発表で、オレは迷い無くMacBookをポチッとなしたんだけど、Twitterとかブログとかの反応をみると購入を思いとどまった人も結構いそうです。 それどころか、「なんでFir …

「Hatebu Entry List」でサイト内はてブ一覧をまとめて確認

「はてブ Fans Ranking」の拡張版を作ろうと思ってゴニョゴニョしてたら思わぬ副産物ができてしまったので、これも公開しちゃいます。 調べたいURLを入れて「調べる」をクリックすると、そのサイト …

「DailyFeed」で1日のネット行動をまとめてもらうためのPipes「My Lifelog Mixer」

先日、F.Ko-Jiさんがすばらしいサービスを公開されました。 DailyFeed – デイリーフィード | サイトの更新を翌日まとめてRSSでお届け RSSを日付でまとめて1エントリーに …

新はてブのコメント一覧画面をコンパクトに見やすくするGreasemonkey「Hatebu Entry Compact」

はてブ2(新はてなブックマーク)ではデザインが洗練されて見やすくなったとは思うんですが、丸みを帯びたパーツのせいか結構縦に長くなってしまったような気がします。 エントリー詳細画面(http://b.h …

スポンサードリンク

スポンサードリンク