Sleipnir に入れた Chrome拡張機能 のまとめ 【 ありのごとくあつまりて 】

Sleipnir3（スレイプニル3） にインストールした Chrome 拡張機能（エクステンション） をまとめてみました。 まとめ記事は数多くあると思いますが、自分用のメモも兼ねています。 おススメの拡張ばかりですので、よかったら参考にしてみてください。 Chromeユーザーさんも是非！ ちなみに、この記事を書いている最中に Sleipnir のアップデートがあって、今は Sleipnir3.9.1 for Windows （Sleipnir 4 Pre-release version） を使っています。 バージョンアップして、少しスッキリ使いやすくなった感じです。

クリックで画像を拡大します

Sleipnir3 には元々便利な機能がたくさん搭載されているので、Chrome よりは拡張機能も少なくて済むはず... 。 厳選して残した 拡張機能22コ+α を一気に紹介します。

次ページ以降のページを 継ぎ足し表示
1. 『AutoPatchWork』

同種の拡張、AutoPager Chrome や AutoPagerize とも比較して、私は AutoPatchWork が一番好みでした。 オートページが有効になっているページで、サイトのページ下の内容にアクセスしたい場合などもあるのですが、その時に手軽に OFF を選べるのがとても便利です。

ページ先頭に戻る，下へ を全てのサイトで
2. 『Scroll To Top Button』

便利なので、最初オプションをよく見てもいなかったのですが... 設定項目も充実していました。 ボタンをクリックするとページを止められるので、目的の位置まで素早く移動できますよ。

選択範囲をクリップボードにコピー
3. 『AutoCopy』

テキストを選択したらコピー、ただこれだけで 検索や記事作成などの手間がかなり減ります。 オプションにある Remove selection after copying to the clipboard（クリップボードにコピーしたら選択範囲を解除） という項目はONにするとその後の操作が変になるのでOFFのままで。

<h3> などの見出しまでピピッと移動できる
4. 『Scrollbar of Contents』

時々使う程度ですが、構造化されているサイトで 手早く記事を読みたい場合に便利です。

javascript を一時的にOFFにする
5. 『jsoff』

手軽に javascript の OFF・ON をするための拡張機能。 Sleipnir3.9.1以降は 「クイックセキュリティ」機能が、通常モード（Webkit エンジン） でも使えるように改善されましたが、タブをまたいでもスクリプトをOFF にしておきたいような場合には この拡張がまだ必要になりそうです。

ページのリンク や 引用リンクなどを手軽に生成
6. 『Create Link』

ブロガーには必須のアイテムかも。 見ているページのリンクを作る時などにとても重宝します。 Sleipnir2 や Firefox には オートアンカー を使っていましたが、それと同様の拡張機能です。

クリックで画像を拡大します

ブックマークレットを右クリックから実行
7. 『SpellBook』

よく使うブックマークレットを ブックマークバーの Bookmarkletsフォルダに入れておくことで、右クリックメニューから ブックマークレットを使えるようになります。

クリックで画像を拡大します

Sleipnir3 で使う場合には、ブックマークマネージャから Bookmarkletsフォルダに 1個ずつ登録していきます。 一度に登録したい場合には、1. Sleipnir ファイルメニュー → ブックマークのエクスポート　2. ブックマークマネージャの 管理 → ブックマークをインポート が便利です。

Chrome で Greasemonkeyスクリプトを使う
8. 『NinjaKit』

Google Chrome で Firefox の Greasemonkey（ユーザースクリプト，グリモン）を使えるようにするための拡張機能です。 便利な Greasemonkeyスクリプト は数多くあるようですよ。 ↓ 図中のユーザースクリプトは Parodayさん作 の FC2tmpPreviewP です。 FC2ブログユーザーで テンプレート編集をよくする人におすすめで .js ファイルの中身をここにコピペすればOK！

サイト毎にCSSを追加して見やすく出来る
9. 『Stylebot』

よく使うウェブページや ウェブサービスなどの 「何か見づらいなー」「使いにくいなー」 というイライラを解消してくれる拡張機能で、任意のページに ユーザースタイルシートを追加できます。 追加したスタイルシートは 『Stylebot』 オプションで管理できますよ。

↓ 例として Yahoo! のトップページをカスタマイズしてみました。 丁度良い見本が無かったのであくまで見本です(^_^;)　マウスオーバーすると元のページのキャプチャに変わります。

クリックで画像を拡大します

長いページも繋ぎ目なくキャプチャー出来る
10. 『Screen Capture (by Google)』

Capture Whole Page（ページ全体のキャプチャ）をよく使っています。 Google製の拡張ですが、大きいキャプチャになると、（編集ツールなどのプルダウンが隠れて表示されない）不具合があります。 キャプチャを撮ることには影響しませんが、修正を期待したいです。。

部分的なキャプチャーが手軽に出来る
11. 『Lightshot (screenshot tool)』

「560×200px のサイズで撮りたい」 など、部分なキャプチャを撮る時に利用しています。 撮るだけなら 『Screen Capture (by Google)』 の Capture Screen Region でも足りますが、こちらの方が好み。 クリップボードにコピーするか 保存するか を簡単に選べる手軽さが気に入っています。 画像の編集ツールも充実しています（が、使いこなせてはいません...）。

ページのつぶやき件数 と 最近のつぶやき を表示
12. 『ツイートカウンター for Twitter』

今見ているページに言及している ツイート件数 が数字で確認できてとても便利です。 クリックすると最近のツイートが表示されますが、TOPSY API の仕様変更の影響を受けて、現在は Twitter API を利用しているものに変わっているので、7日以内のツイート* しか表示されず、ツイート内容の確認 はあまり出来なくなってしまいました。。 この拡張で ツイート件数が分かるので、つぶやきを見たければ、［ ソーシャルてんこ盛り ］ や ［ ページをTOPSYで検索 ］ のブックマークレットを使うようにしています。 ブックマークレットは 前回の記事 を参照してください。

クリックで画像を拡大します

ページのはてブ数 と ブックマークコメント を表示
13. 『はてなブックマーク GoogleChrome 拡張』

今見ているページの はてなブックマーク数 が数字で確認できて、クリックでブックマークコメントを読んだり、はてブすることができます。 デフォルトでは Google検索結果 にもはてブ数が表示される設定になっていますが、さすがに重くうっとうしく感じるので、オプションの情報表示の項目は 「Web ページにはてなブックマークの情報を表示しない」 にしています。

YouTube の動画をリピート再生したい時に
14. 『Auto Replay for YouTube』

インストールすると YouTube の動画左下のところに Auto Replay というチェックボタンが表示されます。 同様のブックマークレットもあるようなので、使う頻度に応じて使い分けると良いかもしれません。

右クリックメニューから画像の情報を確認
15. 『Image Properties Context Menu』

画像の種類，ファイルサイズ，大きさ，パス，Alt属性 などが手軽に分かります。 ページ全体の（背景画像も含む）画像の情報を表示したければ、『Pendule』 という拡張が便利かも。。

画像の Alt属性 をポップアップ表示する
16. 『Popup Image Alt Attribute』

alt=" " のポップアップ、Chrome でも Firefox でも、これがないと落ち着かない。。

ページ内の .js .css .html のソースを整形して表示
17. 『Quick source viewer』

ページ内で使われている javascript や CSS のファイルを一覧から選択し、ソースを表示できます。 Firefox の ViewSourceWith に似たような拡張。 ソース表示には 整形して表示するBeautify という機能が付いていて、初回の表示を 元ソースか、Beautifyにするか は設定で選べます。 オプションで、カスタムCSS が編集できるようになっているので、code { white-space: pre; } を追加して、ソースの折り返し表示が無い状態にして使っています。

クリックで画像を拡大します

選択範囲のソースを表示
18. 『View Selection Source』

Chrome にはこの機能がないので、こちらを使っています。 19. とは異なり、選択範囲だけのソースを拾います。 ページ内にポップアップするタイプなのですが、同じ機能を 小窓型 にした拡張 『Yet Another View Selection Source』 というのもあり、好みで選べば良いと思います。

余談ですが...『Yet Another View Selection Source』 は、Sleipnir3 で使うと、見た目は Chrome っぽい（でも中身は Sleipnir の）別ウィンドウが開きます。 こんなことが出来るとは..!!

選択範囲のソースを表示 （Firefox風）
19. 『View Selection Source (Firefox-like)』

18. とは異なり、選択範囲のソースを 前後の構造も含めて ソース表示します。 選択範囲を「テキストからテキスト」 にしないと上手く取得できないのですが、Firefox風 の結果を得たい時に。

右クリックでリンク先のソースを表示
20. 『Link Source View』

Chorme24 では、日本語を含む .xml 形式のファイルを表示しようとすると、一瞬ソースが表示された後 エラー画面になってしまうようで... イライラ解消のために入れています。

追記 ： エラーは 日本語の文字コードが正しく認識されないことと関連していたようです。 Sleipnir3 では文字コードを「自動認識」 に変更したことでエラーが一切出なくなりました。 Chrome は依然エラーのままですが、Chrome では必須の 『RSS Subscription Extension』 などを入れていれば 困ることも少ないですかね。。

ブックマークを拡張のところに入れられる
21. 『Custom Toolbar Button』

ただのブックマークなので、無駄とも言えますが... 良く使うサイトはこれが一番アクセスしやすいので利用しています。 #1 #2 #3 それぞれ1つだけ追加できます。

クリックで画像を拡大します

右クリックメニューからの翻訳ツール
22. 『Translate selection』

重くならないシンプルな翻訳ツールです。 右クリック（コンテキストメニュー）からの操作では、該当場所にポップアップされる形式です。 複数を開いたままにもしておけて、片手で操作できるところが気に入りました！ また、拡張バーにアイコンを表示しておけば、クリックで 右側に翻訳画面が表示されてそこに結果を表示することもできるので、好みの動作が選べます。

クリックで画像を拡大します

FC2ブログなどの 編集時の出来ない・見えないを解消！
23. 『X-XSS-Protection ZERO』

追記 （2013/03/26） ：
Paroday さんにお願いして作っていただいた拡張機能です。 FC2ブログなどのブログユーザーさんには 必須かなと思うので紹介します。 Sleipnir3 や Chrome などの Webkit を使うようになって一番困ったのが、テンプレートのプレビュー や 記事編集時のプレビュー で、一部の javascript が機能しないことでした。 Youtube動画 なども表示されません。。 保存したものはWeb上では問題なく機能するのですが、プレビューで確認できないのはストレス以外の何者でもありませんでした。 これは Webkit のセキュリティ仕様によるものですが、この拡張を使うことで、目的のところでこの機能が使えて、プレビューでも問題なく動作確認できるようになり重宝しています。

ブックマークレットを拡張に変更
Convert bookmarklet to Chrome extension

頻繁に使うブックマークレットは 拡張バー にあった方がより便利かも。。 私は [ ソーシャルてんこ盛り ] を拡張に変更させてもらいました。（← 追記： ブックマークレット以外に 拡張機能 も公開されています。） Convert bookmarklet to Chrome extension での 正露丸みたいなアイコンが嫌だったので、アイコンは差し替えて使っています。

その他の拡張機能　φ(..)メモ

いいなと思ったけど今は使っていないもの，常用はしていないもの，...etc

• Google Quick Scroll
  Google検索→ Webページ→ 関連する内容をピックアップ→ 手軽にその位置までジャンプ というような拡張。 便利！と思ったのですが、ページ検索バーを 検索バーと連動させるようにしているし... AutoCopy も入れているのでそれで十分かなと。
• Disable Image Auto-Resize
  大きい画像の自動リサイズ機能（仕様）をOFFにしておくための拡張機能。
• Pendule
  Web制作者向けの多機能ツール。 View images information ページで使われている全画像（背景も含む）の情報をまとめて見れる機能 などを使いたい時があるので、その時だけ拡張を有効にして使っています。 Sleipnir との相性はイマイチなので常用はお薦めしません。
• Chromium Wheel Smooth Scroller
  マウスやキーボードでスクロールした時の、カクカクした動きを 滑らかに調整できる拡張機能。 設定を色々変えてみたのですが... デフォルトのままの方が好みという結論に。。
• Go Extensions
  拡張機能の管理（chrome://extensions/）に手軽にアクセスするためだけの拡張機能。 今は拡張アイコンの右クリックからも手軽にアクセスできるので... もう不要ですね。
• VerticalTabs
  タブの一覧を表示して、アクセスや削除も出来る拡張機能。 Sleipnir タブバー右横の ▼（タブの一覧メニューボタン）で見れることに気付かなかった頃に重宝しました(^_^;)

便利ですね。。 ブラウザがどんどん便利になってゆく♪