「神ブクマ」の名に相応しいブックマークレット
サイトの引用に欠かせないブックマークレット。
それが@hiro45jp さん作の神ブクマ「ShareHtml」です。 *01【神ブクマ】私、「神◯◯」とか軽々しく呼ぶのは嫌いなんですが、このShareHtml に関しては、その役割、作成背景・思想に至るまで、まさに「神」の名に相応しいです。
ブラウザに登録しておけば、ブログなどで引用したい記事を見かけた場合に、呼び出すだけ。
簡単にサムネイル付きの引用HTMLを生成してくれます。
あとはそれを自分のブログ内に貼り付ければOKです。
こんな感じ。
ちなみに、ShareHtml の使い方がわからない人は、@spring_friends さんの以下の記事なんかが参考になります。
でも、たまにShareHtml が効かない場合がある
しかし、サイトによっては、このShareHtml がうまく動いてくれない場合があります。
ブックマークレットを呼び出しても、何も返って来なかったり、引用HTMLが生成されてもそれをうまく選択できなかったりというケースです。
どうやらブックマークレットの問題ではなく、サイトに使われているプラグインや構成の影響で、引用HTMLを生成できなかったり選択できなかったりする様です。
Tips その１．ブラウザの要素分析を利用する
注：このTips その１だけ、ちょっとハードル高めです。
引用HTMLは生成されたけれど、それが選択できなかったり、必要以上に広範囲を選択されちゃったりして使えない場合。
ブラウザに付いている要素分析の機能を利用すれば引用HTMLを取得できます。
Chrome の場合だと、以下の様な流れです。
１．ShareHtml を使って引用HTMLを生成
２．画面内でコンテキストメニュー（右クリックメニュー）を開く
３．「要素の検証」を選択
４．表示されたHTMLの中から「<div id="bkmlt_preview">」を探す。
５．見つけたbkmlt_preview 下にある「<textarea （以下略）」内に引用HTMLがあるので、そこをダブルクリック。
６．引用HTMLが選択状態になるので、command ＋ c でコピー。
７．お好きな場所にペーストして引用
Tips その２．リロード直後にShareHtml コール
ShareHtml を呼び出しても結果が全く返って来ない場合。
ページをリロード（再読み込み）して、そのリロードが完了する前にすかさずShareHtml を呼び出すと正常な結果を返してくれる場合があります。
１．command ＋ r （Windows ならF5キー）を押して、ページをリロード
２．リロードが終わる前にShareHtml を呼び出し
３．無事に引用HTMLが表示されたら、お好きな場所にコピー&ペーストして引用。
Tips その３．ブラウザを変えてみる
私はメインブラウザにChroem を使っていますが、ShareHtml が効かないとき、Safari でShareHtml を動かしてみると、問題なく動いてくれる場合があります。
おそらくブラウザごとのレンダリング（読み込みと表示の処理）の違いが影響しているのでしょうね。
ブラウザごとにブクマを登録しておく手間が要りますが、やっておいて損はないです。
セカンド・オピニオンだいじ。
Tips その４．iPhone を使う
ShareHtml はiPhone のSafari にも登録して利用できます。
Mac やWindows のブラウザではうまく動かない場合でも、iPhone のSafari からだと効いてくれる場合があります。
他にも色々あるかも
私がShareHtml が効かない場合に試す手段は以上の４つですが、「他にもこんなのあるよ」という方がいらっしゃいましたら、コメントでもTwitter で@uma_blue 宛でも、教えて下さると嬉しいです。
@hiro45jp さんにあらためて感謝
こと「引用」や「紹介」に関して、この神ブクマは無類の便利さを発揮します。
それはブログを書くハードルを大きく下げてくれました。
また、@hiro45jp さん曰くの「智の連鎖」によって、同系のブックマークレットやツールも多く生み出されました。
おそらく、このShareHtml はAppHtml が無ければ、私はブログをこんなに続けられなかったと思います。
あらためて、ShareHtml 作者の@hiro45jp さんに感謝の意をここに。
@hiro45jp さん、ありがとうございます。
また面白いお話聞かせて下さい。 *02【面白いお話】オフ会でも滅多にお会い出来ない@hiro45jp さんですが、お話がまた面白いんですわ。
