HOME Twitter PC RSS 

スマートフォン版 ありのごとくあつまりて

スマートフォン用の共有テンプレートを 3作登録 しています。 FC2ブログユーザーさんは、是非使ってみてくださいね。 詳細はこちら

HOME > Twitter・ブラウザ関連 > Sleipnir に入れた Chrome拡張機能 のまとめ

Sleipnir に入れた Chrome拡張機能 のまとめ

http://arinogotokuatumarite.blog19.fc2.com/blog-entry-236.html
Chrome拡張(エクステンション)

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

Sleipnir3 にインストールした Chrome拡張機能
クリックで画像を拡大します

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



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

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

AutoPatchWork 起動時、OFF にしたい場合の操作方法

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

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

『Scroll To Top Button』 設定画面

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

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

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

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

『Scrollbar of Contents』 起動画面,設定画面

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

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

追記 (2013/07/15) :
Sleipnir4.3.0 (Blink 版)以降からは、セキュリティ継承の不具合 も改善されているようです。 現在は クイックセキュティの切り換えだけで 同じことが問題なく行えます。

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

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

『Create Link』 の設定画面
クリックで画像を拡大します

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

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

右クリック『SpellBook』 でブックマークレット操作
クリックで画像を拡大します

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

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

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

『NinjaKit』 でのユーザースクリプト追加画面

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

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

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

『Stylebot』 設定画面
クリックで画像を拡大します

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

『Screen Capture』 のキャプチャモード

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

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

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

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

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

見ているページのツイート数 と つぶやきの表示
クリックで画像を拡大します
追記 (2013/02/28):
Twitter社が2月8日、「ツイートの検索対象期間をこれまでの1週間から、より過去に遡れるよう改良している」 と発表したそうです。 また使いやすくなるかもしれませんね。。
さらに追記 (2013/07/05) :
Twitter の仕様変更の影響で、6月13日~ 現在まで、Twitter からの 「ツイート数のカウントはOKです」 が 「ツイートの取得はできなくなっている」 ようです。 ツイートも確認したい場合、 ↓ 自分の Topsy API Key を入力するオプションを設定すれば、TOPSY からの ツイートの取得が可能です。(カウント数も TOPSY のものになりますが...)
追記 (2013/03/15):
オプション で自分の Topsy API Key を入力すると、TOPSY API を使え 古いツイートも表示できるようになります。 現在、無料の API Key は 30日間の期限付きで入手(期限切れになったら、同アカウントで Name を変えると再取得)できるようです。

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

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

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

YouTube 動画のリピート再生ON

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

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

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

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

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

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

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

『Quick source viewer』 での jsファイル整形表示
クリックで画像を拡大します

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

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

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

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

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

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

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

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

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

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

『Custom Toolbar Button』 の設定画面
クリックで画像を拡大します
C:\Users\[ユーザー名]\AppData\Roaming\Fenrir Inc\Sleipnir
\setting\modules\ChromiumViewer\Default\Extensions\
該当拡張機能のフォルダにある options.html 60行目

// if (tab.url.match("^http:\/\/")=="http://" || tab.url.match("^https:\/\/"=="https://")){
if (tab.url.match("^http:\/\/")=="http://" || tab.url.match("^https:\/\/")=="https://"){

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

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

翻訳ツール『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


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

スポンサーリンク

楽天写真館
今すぐ使える特別クーポンプレゼント!!
初回限定プリント1枚4円 50枚200円!送料無料など

記事URL(共通)
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-236.html

Hatena Google Bookmarks Google+ Yahoo! Facebook Twitter FC2ブログランキング
コメントを見る 11件 コメントを書く PC版で読み直す

CATEGORY RSS

カテゴリ : Twitter・ブラウザ関連

カテゴリーリスト (記事件数)

ブログカスタマイズ中級 (15) / ブログカスタマイズ上級 (30) / FC2共有テンプレート (16) / FC2マニア・仕様関連 (21) / アクセス解析・SEO対策 (18) / ブログ雑記・その他 (8) / TV・NET・GAME (12) / 子育て・日々の出来事 (10) / 得するお役立ち情報 (15) / 無料素材のリンク集 (11) / 無料ソフト・フォント等 (10) / Twitter・ブラウザ関連 (26) /

PC版へ変更
トップページへ
ページ先頭へ戻る

※2014-04-29まで FC2ブログ有料プラン を適応中です。