ひとりぶろぐ

価値ある情報をユーザー視点で発信するブログ

URLがhttpsで始まるサイトで「はてなブックマーク」のブックマークレットが動作しないので簡易ブックマークレットを作成

      2016/04/19

httpsのサイトで動かないはてなブックマークのブックマークレット

hatenabookmark-alternative-bookmarklet

はてなブックマークのブックマークレットは、URLがhttpsで始まるサイト(通常はSSL/TLSプロトコルによるセキュアな接続に対応したサイト)で動きません。

Q: Firefoxでブックマークレットが動作しない場合があります

A: Firefoxの仕様変更により https:// から始まるページではブックマークレットが動作いたしません。https:// から始まるページでもご利用いただけるよう修正を検討しておりますが、修正に時間がかかる可能性もございますので、はてなブックマークFirefox拡張をご利用下さい。

……などと涼しい顔で既知のことのように言っていますが「なんかブクマできないサイトがあるなぁ」と思っていただけで、この因果関係にはずっと気づいてませんでした。

するぷさんのブログ、和洋風がhttps化した関係で、Twitter上でしたやりとりの中で問題を把握しました。

はてなは「はてなブックマーク」のブックマークレットをhttps対応する気はないのかもしれませんね。

Safari、Google Chrome、Firefoxと3大Webブラウザ用にはてなブックマークの機能拡張が存在するので、はてなブックマークを使うような人はブックマークレットが動かなかろうが困らないとは思うのですが、ひとたびサポート環境外に出るとブックマークレット頼りになるので、Webブラウザの機能拡張以外の選択肢も持っておきたいところ。

そこで、代替となるブックマークレットを作ってみました。表示中のWebサイトをはてなブックマークの http://b.hatena.ne.jp/add などで追加するというものです。

はてなブックマークにブックマークするブックマークレット Type-A

http://b.hatena.ne.jp/add を使用したもの。

↓Webブラウザのブックマークバーなどへのドラッグ&ドロップで登録できます。

ブックマークする

iOSなどでは、こちらからコピペして登録してください。

はてなブックマークにブックマークするブックマークレット Type-B

http://b.hatena.ne.jp/entry/panel/〜 を使用した、少しタイプの異なるものです。

↓Webブラウザのブックマークバーなどへのドラッグ&ドロップで登録できます。

ブックマークする

iOSなどでは、こちらからコピペして登録してください。

はてなブックマークにブックマークするブックマークレット Type-C

http://b.hatena.ne.jp/entry/〜 を使用したもの。

表示中のWebサイトのはてなブックマーク上のエントリページを表示するものですが、ここからもブックマークできます。

↓Webブラウザのブックマークバーなどへのドラッグ&ドロップで登録できます。

ブックマークする

iOSなどでは、こちらからコピペして登録してください。

 - Webサービス・アプリ