[を]CHALOW Search: cat:Bookmarklet

今開いているアマゾンの商品ページのアフィリリンクをツイッターに投稿するためのブックマークレット

2018-07-19-1 [Affiliate][Programming][Bookmarklet]

今開いているアマゾンの商品ページのアソシエイトID入りリンクをページタイトルとともにツイッターに投稿するためのブックマークレットです。
アマゾン謹製ツイートボタンでの文言が肌にあわない人はどうぞ。

Az2Twi

javascript:(
  function() {
    if(location.href.search(/[^0-9A-Z]([B0-9][0-9A-Z]{9})([^0-9A-Z]|$)/)!=-1){
      var url='https://www.amazon.co.jp/dp/'+RegExp.$1+'?tag=yto-22';
      window.open(
        "https://twitter.com/intent/tweet?url=" + encodeURIComponent(url)
        + "&text=" + encodeURIComponent(document.title),
        "_blank", "width=600,height=300");
     }
  }
)();

アソシエイトIDはご自分のものに変更してご利用ください。

iOS でツイッターアプリを入れているとそちらが開きます。
Android の Chrome ではブックマークレット自体が動かなくて困っていたのですが、起動の流儀が違うのが原因でした。下記を参照。

AndroidのChromeでブックマークレットを起動する方法！ | あめつくのブログ

リクエストがあったので作りました。
既存のものがどこかにあるとは思いますが、探すよりも作る方が早し。
既存のものの組み合わせです。
参考したコードはこちら：

ある書籍のKindle版を探すにはISBN-13を検索キーにしてKindleストアを検索すれば良い

2016-09-26-2 [Kindle][Programming][Bookmarklet]

新規性はありませんが、セレクト箇所をキーにしてKindle検索へ飛ばすブックマークレットを作りました。

書籍タイトルをセレクトしてKindle検索ヘGO！、というのが基本的な使い方ですが、セレクト箇所がISBNっぽければ加工（ハイフン除去と13桁化）してから飛ばします。紙書籍版のISBN-13でKindle検索すればそのものずばりの検索結果が出やすくなり、いろいろとはかどります。

検ドル

javascript:(function(){
  var s=String(window.getSelection());
  if(s.match(/^[49]/)){
    s=s.replace(/-/g,'');
    if(s.match(/^4/)){s='978'+s}
  }
  location.href='https://www.amazon.co.jp/s?url=search-alias%3Ddigital-text&tag=samplecode-22&field-keywords='+encodeURIComponent(s);
})();

検ドル（別ウィンドウ版）

javascript:(function(){
  var s=String(window.getSelection());
  if(s.match(/^[49]/)){
    s=s.replace(/-/g,'');
    if(s.match(/^4/)){s='978'+s}
  }
  window.open('https://www.amazon.co.jp/s?url=search-alias%3Ddigital-text&tag=samplecode-22&field-keywords='+encodeURIComponent(s));
})();

なお、上記のコードには私のサンプルコード用のトラッキングIDが入っています。各自必要に応じて削除・変更のうえご利用ください。自分のサブのトラッキングIDを入れておくと、何回利用したかのログになるので便利です（アソシページから見られます）。

想定利用シーン：Kobo

あるKobo本に対応するKindle本を探す。

例：池井戸潤「陸王」

(1) Kobo本ページから紙書籍版ページへ移動
(2) 「ISBNコード」をセレクト
- 9784087716191
(3) BookmarkletでKindle検索

紙書籍版がないKobo本の場合。
例：テラフォーマーズ1

(1) Kobo本ページで書籍タイトルをセレクト
- テラフォーマーズ【期間限定無料】 1
(2) BookmarkletでKindle検索

想定利用シーン：渋谷区立図書館

渋谷区立図書館の蔵書情報のページ（蔵書検索結果などから飛べる）から対応するKindle本を探す。

例：池井戸潤「陸王」

(1) 書籍ページのISBNのハイフン入り数字をセレクト
- 4-08-771619-1
(2) BookmarkletでKindle検索

想定利用シーン：BookLive

BookLive 個別電子書籍ページから。

例：池井戸潤「陸王」

(1) ISBNに関する情報がまったくないのでタイトルをセレクト
- 陸王
(2) BookmarkletでKindle検索

はてなブックマークアプリのリニューアルで使えなくなってたブックマークレットがまた使えるようになった

2015-12-02-3 [Bookmarklet][iPhone][iPad]

先日、大規模リニューアルのあったはてなブックマークのiOSアプリ。

はてなブックマーク / 人気のブログ・ニュースも無料でまとめ読み

無料

(2015.12.02時点)

株式会社はてな

posted with ポチレバ

UI変更など個人的には好印象なリニューアルではあったのですが、iPhoneのSafariからブックマークレットでアプリが開けなくなりとても困っていました。仕方がないので昔ながらの（アプリを開かずはてぶウェブページを開く）ブックマークレットをひっぱり出してきて対処してました。

- 今見ているページに対するはてなブックマークページを開くブックマークレット（温故知新）[2015-11-22-1]

そんなはてぶアプリが間をおかずまたアップデート。なんと、ブックマークレットでアプリが開けるように戻りました。Apple側の仕様変更でやむなしと思い込んでたんだけど、なんだ、できるんじゃん。頼みますよ…。

- iOSアプリ「はてなブックマーク」のアップデートと、対応予定の機能について (はてなブックマーク開発ブログ)
http://bookmark.hatenastaff.com/entry/2015/12/01/104823

というわけで、リニューアル前から使っていたこれをまた使っています。

- はてなブックマークの iPhone アプリの Safari 用ブックマークレットがクラウド時代に適さないので直して使う[2012-12-17-1]

以上です。
なんか少し疲れました。

今見ているページに対するはてなブックマークページを開くブックマークレット（温故知新）

2015-11-22-1 [Bookmarklet][Programming][iPhone][iPad][Release]

iPhoneでのネットサーフィンでの困ったこと。「はてなブックマークアプリ」のリニューアル[1]で、はてなブックマークのURLスキーム ( hatenabookmark: ) が使えなくなってる。いままで使っていたブックマークレット[2]は無用の長物に。

アップルの方針でURLスキームは使うのが難しくなっているみたい。URLスキームによってアプリが他のインストール済みアプリの有無を調べることができるというプライバシー問題のため[3]。

Safari の下のシェアボタン（四角に上向き矢印が重なってるやつ）からハテブアプリに飛ばすことができるけど私がやりたいこととはちと違う。私としては、今見てるページのブクマコメントが読みたいわけなんだけど、ブクマ登録の方にに重点が置かれていて使いづらい。

仕方ないので昔ながらのブックマークレットを使うことにした。つまり、Safariからはてぶアプリを開くのは諦めた。自分のブクマ活動はブラウザ内で完結させるわ。アプリは人気ブクマを見たりする専用だね。

というわけで、今見てるページのハテブページを開くだけのブックマークレット。これで十分だよな。

リンク：はてブ

新規ウィンドウを開くようにしているのは、ブクマコメントするときに元ページを、参照したいことが多いから。シェアボタンもそうだけど、オーバーレイになる公式ブックマークレット（アプリに飛ばさない版[4]）はその点でも不便。

なお、複雑なURLだとときどき想定したブクマページに飛ばないこともあるので注意。

あと、最近の iPhone の Safari だけの話かもだけど、ブックマークレットで window.open を使うとバックグラウンドで開いてしまいフォーカスが当たらないという問題あり（iPadだと平気）。しかし、なぜか事前に confirm や prompt を呼ぶと open で開いたページを前面に出すことができる。嫌なバッドノウハウだが当面はやむなし。

気にならない人は confirm なしのこちらを。

リンク：はてブ

新規ウィンドウを開かなくてもいいならばこちらで。

リンク：はてブ

iPhone でのブックマークレットの登録方法：まずダミーとして適当なページをブックマークしておいて、ブックマークの「編集」でURLの欄に「javascript:」で始まるブックマークレットのコードをコピーする。

追記151201: はてぶアプリがアップデートされて、アプリに飛ばすブックマークレットがまた使えるようになってた。URLスキーム、使えるんじゃん。もう使えなくなるのかと勘違いしちゃったよ。ということで、当記事のことは忘れて参考文献[2]のブックマークレットを使おう！

参考

- [1] はてなブックマークのアプリがリニューアル、かわいいイラスト付きkeynoteテンプレート、トビーはなぜ「四角い仲間」なのか、など - ヲハニュース[2015-11-19-1]
- [2] はてなブックマークの iPhone アプリの Safari 用ブックマークレットがクラウド時代に適さないので直して使う[2012-12-17-1]
- [3] iOS9でカスタムURLスキームの遷移に失敗するときの注意点 - Qiita
- [4] iPhone用ブックマークレット - はてなブックマークヘルプ

この記事に言及しているこのブログ内の記事

はてなブックマークアプリのリニューアルで使えなくなってたブックマークレットがまた使えるようになった (2015-12-02)

iPhone/iPad で Flickr の貼り付け用 HTML コードのコピペを楽にするブックマークレット

2015-06-25-2 [Bookmarklet][Programming][iPhone][iPad][Release]

Flickr の貼り付け用 HTML コードですが、iPhone/iPad からだとコピーしにくくてイライラします。そこで簡単にコピペできるような仕掛け（ブックマークレット + CGI）を作りました。個別写真ページで下記のブックマークレットを使うと、iPhone, iPad の Safari で貼付け用 HTML コードがコピペしやすく表示できます。

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 がアレなおかげでもう何度もこういう記事を書いていますが、まだまだ解放されなそうだなあ。