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

執筆者:

関連記事

Google Analytics でアクセス解析しながら被ブックマーク数が確認できるUserScript

スミマセン、あまり時間がとれず個人的にお蔵入りさせていたネタを少し体裁整えて公開します。 「Google Analytics with SBM」とか名前付けましたが、下のスクリーンショットのようにGo …

Skypeチャットの隠しコマンド /htmlhistory とBookmarkletで簡単レポート作成術

プライベートと仕事の両方で Skype はかなり前から使っていますが、チャットの内容をどうにか別のファイルにエクスポートしたいと思いました。 Skypeチャットは設定で過去の履歴も保存・表示できるので …

AmaQuick v3.1.0 ブックマークレット更新(Yahoo!ショッピング対応、書籍・Kindleカスタマイズ、不具合対応)

つい先日のアップデートに続き、 Amazonアソシエイトの商品紹介リンクをすばやく取得できるAmaQuickをバージョン3.1.0にアップデートしました。 AmaQuick 公式ページ | Creaz …

ついに、iPadが整備済製品に初登場。apple_outletでチェック!

iPadの成功は誰一人予測してなかったのかどうかはさておいて、ついにAppleStoreのアウトレットとも言える、整備済製品にiPadが登場したんですよー! で、Appleの整備済製品といえば・・・こ …

Ust DL v2.2.0 (新デザイン対応)

9月にUstreamの新デザインが適用されたようで、新デザインの録画URLではUst DLが正常に動いていないようでした(古いIDなど旧デザインで表示されるページは問題なし)。これに対応する形で、バー …

スポンサードリンク

スポンサードリンク