2013年6月 6日

とても便利な「ブックマークレット」

こんにちは、崎田です。

皆さんは、便利なツール「ブックマークレット」をご存知でしょうか。

ブックマークレットとは、お気に入りに登録しておいて、クリックすると実行される簡易的なプログラムの事です。

インストール不要で、ワンクリックで実行されるので、とても手軽に使用出来ます。

最近、このブックマークレットの便利さに気付き、「WEBデベロッパー」や「Firebug」に並んで活用しております。

今回その便利なブックマークレットの一部を、皆さんに紹介して行きたいと思います。

※ブックマークレットの登録方法
IEの場合は、右クリックから「お気に入りに追加」
FFの場合は、右クリックから「このリンクをブックマーク」
chromeの場合は、Shift+Ctrl+Bでブックマークバーを表示させ、リンクをブックマークバーにドラッグ。

おすすめブックマークレット

ツールバーがページ上部に現れ、ワンクリックでタブレット・スマートフォンの表示サイズに切り替えることができます。

（ユーザーエージェントは切り替えできないので、レスポンシブサイトの確認に使用する。）

縦・横向きの切り替え、幅と高さのカスタマイズができます。

リンク先より「Click or bookmark」をブックマーク

ページ内にある画像とそのALTを一覧で表示してくれます。

画像と並列にテキストが表示されるので、間違いや漏れがあればすぐに見つけることができます。

リンク先より「alt属性の一覧を表示」をブックマーク

ページ内のすべてのリンクが、下位ページ、兄弟ページ、上位ページ等リンクが左サイドに整理され表示されます。
サイトの構造を確認したいときに便利です。

リンク先より「リンク情報の整理」をブックマーク

リンク箇所がURLとして表示されます。

ダミーリンクが無いか、リンク指定の間違いがないか全体的に確認することができます。

リンク先より「リンク先URLを表示」をブックマーク

タグの過不足をチェックしてくれるブックマークレット。

行数と要素とコメントが表示されます。

コメントは「<div class="hoge">よりも後で閉じてしまっています」「<p>よりも後で閉じてしまっています」など、どこを修正すれば良いかわかりやすいです。

リンク先より「タグ対応をチェック」をブックマーク

サイト内検索のないサイトでもワンクリックで検索ができるようになります。

リンク先より「サイト内検索」をブックマーク

サイトの必要な箇所のみを指定して印刷することができるブックマークレット。

リンク先より「Try the Bookmarklet」から「PrintWhatYouLike 」をブックマーク

ページのタイトルとURLを取得し、HTML ソースをポップアップで表示してくれるブックマークレットです。

ブロガーさんには嬉しい機能ですね。

リンク先より「get page link」をブックマーク

（通常リンクバージョンと新しいウインドウで開くバージョンがあるので、好きな方をブックマーク）

今回紹介したもの以外でも便利なブックマークレットは沢山あります。

自分で気に入ったブックマークレットを活用し、作業を効率よくこなしていきましょう。