Flickr の貼り付け用 HTML コードですが、iPhone/iPad からだとコピーしにくくてイライラします。そこで簡単にコピペできるような仕掛け(ブックマークレット + CGI)を作りました。個別写真ページで下記のブックマークレットを使うと、iPhone, iPad の Safari で貼付け用 HTML コードがコピペしやすく表示できます。
iPhone/iPad の Safari へのブックマークレットの登録方法・使い方:
(1) なんでもいいので適当なページをブックマーク登録。
(2) 「編集」でURL部分に下記の「javascript:...」をコピペする。
追記150710: 別ウィンドウで開くバージョンはこちら↓
(3) Flickrの個別写真ページに行いく。スマホ版ページの一番下の「flickr.com」というリンクをタップして、PC版のページにする。
(4) ブックマークレットを起動。こんな感じになる(リンク):
(5) サイズボタンをタップするとプロンプトが出てくるのでここのテキストをコピーしてご利用ください。
JavaScript だけで完結するブックマークレットを作りたかったんだけど[2014-03-27-1]、それはもう断念しました。 CGI でクロールしています。負荷がかかったりその他いろいろあったら予告なく URL 変更 or 終了。
CGI のソースコード: http://chalow.net/misc/flickrhtml.txt
(ライセンス:無償・無保証・著作権放棄)
つか、 Flickr の UI の悪さ、特にスマホやタブレットでブログを書く人との相性の悪さはなんとかならないのかなあ。Flickr がアレなおかげでもう何度もこういう記事を書いていますが、まだまだ解放されなそうだなあ。
iPhone/iPad の Safari へのブックマークレットの登録方法・使い方:
(1) なんでもいいので適当なページをブックマーク登録。
(2) 「編集」でURL部分に下記の「javascript:...」をコピペする。
javascript:(function(){location.href='https://yapi.ta2o.net/tools/flickrhtml.cgi?url='+location.href})();
追記150710: 別ウィンドウで開くバージョンはこちら↓
javascript:window.open('https://yapi.ta2o.net/tools/flickrhtml.cgi?url='+location.href);void(0);
(3) Flickrの個別写真ページに行いく。スマホ版ページの一番下の「flickr.com」というリンクをタップして、PC版のページにする。
(4) ブックマークレットを起動。こんな感じになる(リンク):
(5) サイズボタンをタップするとプロンプトが出てくるのでここのテキストをコピーしてご利用ください。
JavaScript だけで完結するブックマークレットを作りたかったんだけど[2014-03-27-1]、それはもう断念しました。 CGI でクロールしています。負荷がかかったりその他いろいろあったら予告なく URL 変更 or 終了。
CGI のソースコード: http://chalow.net/misc/flickrhtml.txt
(ライセンス:無償・無保証・著作権放棄)
つか、 Flickr の UI の悪さ、特にスマホやタブレットでブログを書く人との相性の悪さはなんとかならないのかなあ。Flickr がアレなおかげでもう何度もこういう記事を書いていますが、まだまだ解放されなそうだなあ。
関連記事・メモ
- 【中間報告】Flickr の新しい個別写真ページから貼り付け用HTMLコードを取得するブックマークレットを作ろうとしている途中[2014-03-27-1]
(これはやめました。中止。) - Flickrの貼付け用HTML(iframeじゃない)を表示するブックマークレット[2014-02-10-1]
(使えなくなったやつ。) - 追記150710: FlickrのHTMLコード出力の仕様変更 (酔人日月抄)
http://history.hatenablog.com/entry/2015/07/10/002305
後日ヘッダーとフッターの表示をオフにするオプションを提供する予定とのことです。
- 追記180109: 2017年12月13日ごろHTMLコードの変更があったみたいで flickrhtml.cgi が動かなくなっていました。仕方がないので直しました。PCブラウザからならオフィシャルで生成されるHTMLコードで良いのですが、スマホからだとコピペが困難なため、まだまだ使っていきます。
- 追記190101: 微修正。画像URL "//c1..." を "//farm5..." などに。
この記事に言及しているこのブログ内の記事