頻繁に使用している便利なお役立ち系ブックマークレット・19個

スポンサーリンク

個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・

というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。

CSS構成を一目で確認出来るXRAY

何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。

XRAY

今見ているページをiPhoneで「後で見る」KeepItWith.Me

最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送信できる、というもの。Chrome拡張とかもありましたね、確か。設定法はこちらが分かりやすいです。

KeepItWith.Me

クックパッドをiPad用に最適化する・iPad UserStyle for Cookpad

料理する人でiPad持ちならマストではないかなとか思うほど素敵。iPadでクックパッドを閲覧する際に見やすいように最適化してくれます。ぜひ試して欲しい。

iPad UserStyle for Cookpad

iPhoneでもOK!好きなページで「いいね!」するFacebook Like

Facebookはほとんどプライベートで利用することにしたのですが、そちらでも大活躍のブックマークレット。iPhoneでも出来るのは簡易ブックマークにも使えて素敵です。使い方を以前書いたのでご参照下さい。

Facebook Like Bookmarklet

閲覧中のWebサイトのレイアウトをワイヤーフレーム化出来るWirify

phpspotさんで知ったブックマークレット。これはいいですね。精度もなかなかですのでぜひ使ってみてください。

Wirify

そのサイトがどんなツールを使っているかを調べる・Sitonomy

これが結構便利。ご存じなかったWeb屋さんにおすすめです。見ているサイトでSitonomyのブックマークレットを使えば、そのサイトで何を使っているかを調査することが出来ます。ライバルサイトの調査なんかにもいいですね。

Sitonomy

見ているページに擬似修正を加える・Edit Any Web Page

修正する前にどんな感じになるかをチェックしたり、スクリーンショット用に使うことも。その場で見ているページを擬似編集します。ジョークツールのようですが結構使い道があったり。

Edit Any Web Page

クリックした場所にマーカーを加える・notes

読みにくいサイトや自分の記事の確認、修正箇所を忘れないようにする、などなど色々と重宝するブックマークレット。シンプルにマーキングするだけですが、結局使うのはこういう系ですね・・

notes

その場でWP管理メニューを表示させる・WP Toolbar

以前書いたブックマークレット。WPユーザーなのでこれは重宝しています。その場で管理画面メニューを表示させるので管理画面に行く→メニューから選択のプロセスを減らせます。ただし、「見ているページ」と「ルートにWPを置いている」必要があります。サブディレクトリだとだめっぽい。

WP Toolbar

未使用のセレクタを複数ページ一括調査する・cssess


以前、記事を書いたブックマークレット。複数ページに渡ってcssで使っていないセレクタを一括調査してくれます。もうちょい見やすいと嬉しいんですけどね・・因みに、以前ご紹介した、iPhoneやiPadでFirebugを使用するブックマークレットにも含まれていますよ。

cssess

検索ボックスが無いサイト用・「サイト内検索」

まだまだサイト内検索が出来ないWebサイトは数多く存在しますが、site:コマンドも面倒なのでこのブックマークレットは常備。その場でサイト内検索ボックスを開きます。

サイト内検索

見ているページをサクッとPDF化する・Web2PDF

日本語も文字化けしないWebページPDF化ツールをブックマークレットで手軽に利用できます。ロゴが入ってしまいますが、割と軽量ですし、なかなかおすすめ。

Web2PDF

好きな部分だけ印刷させることが出来る・PrintWhatYouLike

印刷する場所を指定する事が可能です。これが結構役に立ってくれるのです。使い方は直感でおわかりになると思います。

PrintWhatYouLike

まだ覚えていない英単語にルビをふる「ずるっこ!」

これ面白いですよね。英語の勉強用になりそうです。覚えていない単語にルビを振ってくれますよ。使い方はIDEA*IDEAさんをご参照

ずるっこ!

多機能な検索補助系ブックマークレット・Quix

以前ご紹介したブックマークレット。数多くの主要サイトで手軽に検索を掛けられたり、他にも色々オール・イン・ワン。多機能過ぎて未だに使いこなせてないっぽいです。冒頭にご紹介したXRAYも含まれています。

Quix

画像をアップロードし、見ているページに重ねる・maki

画像をアップして現在閲覧中のページに重ねる事ができます。作成したモックアップと比較・確認したり、バナー位置の確認など、サイト運営に役立ってくれます。

maki

Amazonで見ている本をカーリルで表示する・amazon2calil_jp

買いたいなと思うことは結構新刊なのですが、たまにそうでない本もあります。僕はあまり中身を見ないで本を買いたくない人なので、ポチする前に一応図書館にあるか確認したい。そんな時はこのブックマークレットを使うと早いです。Amazonで閲覧中の本を図書館貸し出し検索・カーリルで一発表示です。

Amazonからカーリル(全国図書館検索)へ飛ぶブックマークレット

Webサイト調査をワンクリックで・SEOチェキ!

以前ご紹介したSEOチェキ!もブックマークレットが無かったら使っているか分かりません。便利で手放せないですね。

SEOチェキ!

閲覧ページにグリッドを重ねる事が出来る・960 Grid

便利ですねぇ。最近は非960を唱える方も出てきてますが、個人的に現状最も使うので。

960 Grid

ブックマークレットは腐るほど良いものがあるのであげきれませんが、僕の環境では上記をハードに使っています。

一応補足ですが、Google系のブックマークレットはGmail以外のGoogleサービス自体あまり好きじゃないので使っていません。Youtube等の動画もPCが音出ないので見てないです。DLも面倒なのでしない人です。そんな感じのまとめでした。参考になれば幸いです。

URL :
TRB :

Comments & Trackbacks (11)

  1. 高村孝次

    XRAYはじめて知りましたけど、便利ですね。他にもワイヤーフレームのヤツとか参考になりました。自分もこういった情報を自力で見つけられるようになりたいのですが、よかったらどう行った観点で情報収集をしているか教えていただけないでしょうか?

    • シロ

      こんにちは、コメントありがとう御座います。XRAY便利ですよねー!僕、好きなんですw

      自分もこういった情報を自力で見つけられるようになりたいのですが、よかったらどう行った観点で情報収集をしているか教えていただけないでしょうか?

      参考にして頂けて光栄です:)

      僕の場合は既にほしい情報がある程度決まっていますので探すのも意外と楽なのです。人間は良い情報を誰かに言いたい、という欲求が必ずあるので人が多く集まる場所には良い情報がある可能性が高いと思いますので、今でしたら人気のソーシャルサービス(Twitter、Facebook、Digg等々)で検索をかける、という感じです。少しでも参考になれば幸いです:D

      • 高村孝次

        返信ありがとうございます!

        なるほど!
        TwitterやFacebookはなんとなく知っていましたが、Diggは初耳です。
        早速、参考にさせていただきたいと思います!

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services