ウェブサイト製作を効率化するChrome用機能拡張

ブラウザ, ウェブサイト作成

Google Chrome で使える機能拡張(Extentsion)には便利なものが多いですが、入れすぎると重くなってしまうというデメリットがあります。

できれば少ないほうがいい。しかし多少重くなっても、それを補ってあまりある便利な機能拡張が多々あるのも事実。そんなあると間違いなく便利になるChrome用エクステンションを紹介します。

全般

マウスジェスチャー

マウスの動きでブラウザーを操作

chrome-extension-mouse-gestureマウスジェスチャ

一般的なマウスジェスチャーエクステンションです。右クリックしながらドラッグすると、その動きに割り当てた機能が実行されます。何を今更と思われました?

戻る進むだけでなく、「タブを固定」が便利なんです。調べ物をすると増えてしまうタブを小さくできる「タブを固定」は、そのままだと右クリックして選択しないといけない。しかしマウスジェスチャーで「上」にでも割り当てるとタブがスッキリ。

Speed Dial2

新規ページの通常のよく使うブックマークを好きなものに置き換える

Chrome-extension-speed-daial-2

OperaやVivaldiではおなじみのスピードダイヤルを設置する機能拡張です。

フォルダを作成してまとめることもできる。タブを閉じた履歴も保存されるので、タブリサイクラーの役割も果たします。

SingleClick Cleaner

ボタン1つでキャッシュ削除

chrome-extension-sinbleclick-cleaner

ページが上手く表示されない時に必要となるキャッシュ削除をボタン1つでできるようになる機能拡張。利用しているサービスのアップデートでブラウザーのキャッシュ削除するよう求められた時にも重宝します。

Evernote Web Clipper

ウェブページをEvernoteにクリップ

chrome-extension-evernote-web-clipper

EvernoteにWebページをクリップするための機能拡張。スマホ版と違い保存する範囲の指定やタグ設定できるため効率的に収集できる。

Save to Pocket

「後で読む」のPocketに保存

chrome-extension-save-to-pocket

「後で読む」ためのサービスPocketでの共有するための機能拡張。おなじみといえばおなじみですね。

Black Menu for Google

Googleのサービスにボタン一つでアクセス

chrome-extension-black-menu

GmailやGoogle翻訳などのGoogleサービスに直接ジャンプするメニューが表示されるようになります。

Push Bullet

PC・スマホ間で手軽にデータのやり取り

chrome-extension-pushbullet

PC・スマホの間でデータのやり取りが簡単に行えるようになる機能拡張。プッシュ通知として送信されるので分かりやすい。

Web作成

ブログ記事への投稿やデザインを効率化

Responsinator

モバイル画面サイズでレスポンシブの確認をするための機能拡張

chrome-extension-responsinator

モバイル機器ごとの画面サイズに応じたウインドウがポップアップで開きます。更新が新しいためiPhone7にも対応。

Create Link

ブラウザで開いているページのURLやタイトルをクリップボードにコピー

chrome-extension-create-link

コピーする際にHTML形式、テキスト形式、マークダウンなどから選べる。

コピーの際のフォーマットを変更することができるので、定義しておけばボタンリンクも簡単に作成できます。<a href=”%url%”> <button class = “sample”>%htmlEscapedText%</ button> </a>こうしておくと、ボタンHTMLが直接取得できて便利。

GetTabInfo

ブラウザで開いているタブのURLとタイトルをクリップボードにコピー

web font

Create Link と同じくURLとページタイトルをコピーする機能拡張。

違いはGetTabInfoはタブで開いているページすべてについての情報を取得すること。データを集めたりリンク集を作る時に便利。

NoFollow

リンク属性nofollowを強調表示してくれる

chrome-extension-nofollow

アフィリエイトリンクや、リンク集などで同じサイトの同じようなページに大量にリンクする時にnofollowにした時のチェックに。

Page load time

ページの読み込みにかかった時間を表示

chrome-extension-page-load-time

ページの表示速度を計測してくれる。プラグインを変更したり更新した時にサイトの表示速度に影響がないかを確認するのに必須。

AMP Validator

AMPページの文法をチェックしてくれる

chrome-extension-amp-validator

通常のページでクリックするとAMPページに遷移して文法チェック。エラーが多い時やテーマ・プラグインを変更したときなどに手軽に確認できます。