登録方法
- Internet Explorer
- ブックマークレットのリンクを右クリックして「お気に入りに追加」を選択する。
- Mozilla Firefox
- ブックマークレットのリンクを右クリックして「このリンクをブックマーク」を選択する。
- Google Chrome
- ブックマークレットのリンクをブックマークバーへドラッグ & ドロップする。
- スマートフォン
-
(画像を保存できるかどうかは微妙かも……)
- 「ブックマークレットの内容をテキストボックスに表示する」ボタンを押して、表示されたテキストボックスの内容をコピーする。
- このページをブックマークに登録する。
- 登録したブックマークを編集して、先ほどコピーした文字列をURL欄にペーストする。
説明
これは何?
- ドラゴンクエストXプレイヤー用サイト「目覚めし冒険者の広場」にて、「スキルポイント一覧」の表をキャプチャして画像ファイルとして保存するブックマークレットです。
何ができるの?
- こんな画像が保存できます。
どうやって使うの?
- まずは、本ブックマークレットをお使いのブラウザのブックマークに登録します。
- 「目覚めし冒険者の広場」にログインし、「つよさ」内の「スキルポイント」の画面に移動します。
- 登録したブックマークを実行します(単に登録したブックマークを選択するだけです)。
- 以下のようなダイアログが表示され、スキルポイントの表の画像が自動的に保存されます。
技術的な話・注意点・その他いろいろ
- 本ブックマークレットは、単体で独立しているわけではなく、このドメイン下にある本体の外部スクリプトを呼び出す形で動作しています。今後、この本体側のスクリプトは予期なく変更される可能性があります。それに伴い、本ブックマークレットの挙動も変更されることになります。
- 本ブックマークレットは、新し目のブラウザでないと動作しません。具体的には、Internet Explorerの場合、バージョン10かそれより新しいバージョンないと動作しません。Firefox・Google Chromeの場合、普通は自動的に最新版にアップデートされているはずなので問題なく動作します。
- 「キャプチャ」と表現していますが、ブラウザで表示されているものとまったく同じ画像になるわけではありませんのでご注意ください。
- 少なくとも、表の「点線」は再現できていないため、「実線」になっています。
- 内部的にはhtml2canvasというライブラリを使用して、広場のHTMLとCSSを解釈してcanvas上にレンダリングしています。なので、原理的にブラウザとまったく同じ表示にはなりません。
- ブックマークレットという技術は、元のサイトにない機能を追加できたりするほど強力なものですが、それはすなわち、悪意のあるブックマークレットを実行すると大変なことになりかねないことを意味します。
- 「目覚めし冒険者の広場」にて分かりやすい例を挙げると、『「あしあと伝言板」に任意の文字列を入れて勝手にコメントするブックマークレット』といったものも作れてしまいます。
- ブックマークレットというものは本質的に危険なものです。信頼できないブックマークレットを不用意に実行することは避けてください。また、実行する場合はあくまで自己責任でお願いします。