リンク&引用のためのブックマークレットを修正

 だいぶ前に作ったブックマークレットをいまさらながら修正。ブラウザで開いているページへのリンク用HTMLコードなどを作成するためのブックマークレットです。紹介記事はこれ。
 今見ているページをカンタンに紹介。リンクと引用を手間なくできるブックマークレット はてなブックマーク - 今見ているページをカンタンに紹介。リンクと引用を手間なくできるブックマークレット: point of view point
 使い方に変更はまったくなし。単にロード時の速度をアップするためのコード修正を行いました。
 これまでは表示のためのスタイルシートを別途読み込んでいたのですが、それをやめました。また、コード自体も圧縮ツールを使って容量を削減しています。
 体感できるくらいには早くなっているかと思われます。


 こんな感じでサムネイル画像も入れられます。
サムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view pointサムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view point はてなブックマーク - サムネイル付きで今見てるページをカンタンにリンク&引用するブックマークレット: point of view point

 引用部分もいっしょに入れられます(ページ上で選択して反転した部分がblockquoteで囲まれます)。
歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point

歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point はてなブックマーク - 歩きながら揺れない動画を撮る! すごいよ! MMC (Hague Mini Motion-Cam Stabilizer)カメラスタビライザー: point of view point

 歩きながら動画を撮影するのは意外とむずかしい。「世界ふれあい街歩き」みたいな映像なんて、まずムリ。普通なら画面が揺れて気持ち悪い映像になってしまうからだ(映像酔いしちゃう)。手ブレ補正機能を持ったカメラもあるけど、それが動画に対応してない(静止画専用)だったりすることもある。そんな場合は後付でステディカムとかスタビライザーとか言われる機材を追加購入すればいい。



 また、今回の修正で、サムネイル画像ありの場合に、リンクと引用部分をマージン付きのdivタグで囲むことで、画像の下に回り込まないようにしました。
 上記例では引用部分が点々で囲まれていますが、これはブログに設定したスタイルシートによるものです。各自好みで指定してみてください。
 それから、記事タイトルとはてなブックマークの登録数の間にスペースを加えました。これは好みによるものなんですが。あまりにつまり過ぎな見た目が気になっていたもので。
 なにか不具合などあればコメントください。

コメント

タイトルとURLをコピーしました