Webマーケティングに
強くなるメディア

  • ログイン
  • 会員になる
  • ログイン
  • 会員になる

  • 総合

    • 新着
    • Webマーケティング講座
    • 資料ダウンロード

    トレンドを知る

    • ノウハウ&トレンド ニュース
    • リリース ニュース
      - ferret×PR TIMES -
    • マーケター特集
      - マーケティングジャーニー -
    • おすすめツールソリューション情報
      - by マケスト -

    体系的に学ぶ

    • 基礎〜応用を学ぶ
      - Webマーケティング講座 -
    • コンテンツマーケティングを学ぶ
    • Googleアナリティクスガイド
    • 事例
    • 資料ダウンロード
    • マーケティング用語辞典

    Info

    • 運営会社
    • 著者一覧
    • お問い合わせ
    • 広告掲載について
    • 広告掲載に関する規約
    • 利用規約
    • プライバシーポリシー
    • 特定商取引法に基づく表示

  • 新着
  • Webマーケティング講座
  • 資料ダウンロード
  • トレンドを知る
    • ノウハウ&トレンド ニュース
    • リリース ニュース
      - ferret×PR TIMES -
    • マーケター特集
      - マーケティングジャーニー -
    • おすすめツールソリューション情報
      - by マケスト -
  • 体系的に学ぶ
    • 基礎〜応用を学ぶ
      - Webマーケティング講座 -
    • コンテンツマーケティングを学ぶ
    • Googleアナリティクスガイド
    • 事例
    • 資料ダウンロード
    • マーケティング用語辞典
  1. Webマーケティングメディア ferret
  2. ニュース
  3. エンジニアからディレクターまで!職種ごとにオススメするChrome拡張機能7選
  1. action
  2. URLをコピーしました

エンジニアからディレクターまで!職種ごとにオススメするChrome拡張機能7選

  • 2016年8月12日
  • ニュース

Web系のエンジニアであれば開発 ツール として ブラウザ をハードに使っているのではないでしょうか。日々使う ツール だからこそ、自分の好みにカスタマイズしたいという方も多いはず。

本記事では、最も ブラウザ でシェアを誇る Google Chromeの拡張機能についてまとめました。開発業務を効率化するためにも、便利な拡張機能は大いに利用していきましょう。

このニュースを読んだあなたにオススメ

Facebookをさらに便利に!オススメのChrome拡張機能12選
作業効率がアップ!オススメのChrome拡張機能20選
誰でも一瞬でできる!WordPressのプラグインを使ってAMPに対応する方法

必携の拡張機能4つ

まずは、SEやディレクターなど、エンジニア向けの拡張機能からご紹介しましょう。

1. Tag Assistant

https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk

ホームページやウェブサービスの開発において、アクセス解析サービスの Googleアナリティクス ( Google Analytics)や インターネット広告 サービスの Google AdWordsなど、複数のタグを使用することが多いです。

こういった タグ の管理に使えるのが、Tag Assistantです。 ページ に埋め込まれているタグを確認したり、それぞれのタグが正常に動作しているのかを確認することができます。ホームページを立ち上げた時、トラブルの検証にも活躍してくれるでしょう。

2. YSlow

https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh

Yahoo!のパフォーマンス ツール をベースにしている拡張機能で、ホームページの表示速度をはじめ、パフォーマンスのチェックができます。各項目に沿って、 ページ のグレードが計算・表示されます。

ページ のパフォーマンスだけでなく、問題となっているポイント(ファイル)もリストアップしてくれるため、 ページ の改善にも活かしていきましょう。

3. EditThisCookie

https://chrome.google.com/webstore/detail/editthiscookie/fngmhnnpilhplaeedifhccceomclgfbg?hl=ja

ページ に保存されているCookie( ページ に一時的に保存されている情報のこと)が閲覧できる拡張機能です。 ドメイン や名称、値、有効期限などの詳細なCookie情報が確認できます。閲覧以外にも、追加や編集、削除、保護、ブロックなどの豊富な機能が使えます。

なおCookie情報は、JSON形式でエクスポート/インポートをしたり、検索することも可能です。

4. ColorPick Eyedropper

https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg

写真などの画像素材に使われている、カラーコードが調べられる拡張機能です。 URL の横にあるアイコンをクリックし、カラーコードを調べたい要素にマウスオーバーすると、該当するカラーコードが表示されます。

エンジニア以外にもおすすめ!便利な拡張機能3つ

エンジニアやディレクターにオススメの拡張機能についてご紹介しましたが、ここからは非エンジニアにもオススメの拡張機能についてご紹介していきます。日ごろの業務を効率化できる優れものばかりのため、積極的に使っていきましょう。

5. Awesome Screenshot

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj?hl=ja

表示しているページの キャプチャ (スクリーンショット)を撮るための拡張機能です。 キャプチャ は幅広い用途に使用できますし、Chromeを使っているのであれば、ぜひ活用したい拡張機能の一つです。個人用の記録として使ってもいいですし、インストラクションや ブログ 記事の作成にも活用できます。

フル ページ での キャプチャ が撮れることがAwesome Screenshotの特徴。スマホの登場によって縦長のWeb ページ が増えているため、 ページ 全体の キャプチャ が撮れるのは大きなメリットです。

また、撮影した キャプチャ に注釈(図形や文字など)をつけたり、モザイク(ブラーエフェクト)をかけることも可能です。

6. Evernote Web Clipper

https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc?hl=ja

クラウドにメモを保存しておくことのできるサービスとして、メジャーなEvernote。メモ以外にもさまざまなファイルをストックしておくことができます。例えば、写真の保存、ToDoを保存してタスク管理として使うこともできます。

Evernote Web Clipperは、閲覧しているページをEvernoteにクリップすることができる拡張機能です。気になった ページ を、手軽にストックしておくことができます。

ブラウザ のブックマーク機能を使ってもいいのですが、Evernoteを使う方が便利でしょう。クリップした ページ を分類したり、 タグ 付け、 キーワード での検索もできます。

なおクリップする形式は、「 ページ 全体」と「選択した範囲」、「簡易版」の3種類から選ぶことができます。

7. OneTab

https://chrome.google.com/webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=ja

Chromeを使っていると、ついタブの数が増えてしまうことがありませんか。 ブラウザ はメモリを結構使ってしまうため、PCが重くなることもあります。かといって、一度タブを閉じると開いていた ページ がわからなくなることも。さらに、間違ってタブを閉じてしまうことだってあるでしょう。

OneTabは、そういった悩みを解決してくれる拡張機能です。複数のタブを一箇所にリストアップし、まとめておくことができます。タブはいったん閉じられるので、大幅にメモリが節約できます。

タブを閲覧したい場合は個別に開くか、一気に全タブを復元することも可能です。タブのインポート/エクスポート機能もついているので、開いていたタブのバックアップとしても使えます。

まとめ

それぞれの職種ごとにオススメの拡張機能をご紹介しました。

Chromeは単なる ブラウザ ソフトではなく、いまや立派な開発 ツール の一つです。ご紹介した拡張機能を活用して、快適な開発環境をつくっていきましょう。

このニュースを読んだあなたにオススメ

Facebookをさらに便利に!オススメのChrome拡張機能12選
作業効率がアップ!オススメのChrome拡張機能20選
誰でも一瞬でできる!WordPressのプラグインを使ってAMPに対応する方法

関連記事

  • 仕事の業務効率がアップ!オススメのChrome拡張機能27選
  • Webデザイナー必見!作業を格段に効率化してくれるChrome拡張機能15選
  • エンジニア必見!作業効率が格段に上がる無料のChrome拡張機能13選
  • もっと業務効率を高めたい!デザイナー必見のChrome拡張機能11選
  • ディレクターやライターにオススメ!作業を効率化できる便利なChrome拡張機能10選

関連記事

  • 仕事の業務効率がアップ!オススメのChrome拡張機能27選
  • Webデザイナー必見!作業を格段に効率化してくれるChrome拡張機能15選
  • エンジニア必見!作業効率が格段に上がる無料のChrome拡張機能13選
  • もっと業務効率を高めたい!デザイナー必見のChrome拡張機能11選

この記事を読んだ方にお勧め、ferretの無料「Webマーケティング講座」

ferretでは、ニュース記事を毎日読むだけでは身につきにくいWebマーケティングの『体系的な知識』を学ぶことができる「Webマーケティング講座」コンテンツも用意しています。

解説を読むだけでなく、記入式のワークを埋めていくことで自社サービスを客観的に理解し、今行うべき施策を考える準備ができるように構成されたコンテンツです。Webマーケティングは何から始めたら良いか分からないという方、無料ですのでぜひのぞいてみてください。

関連キーワード

  • Google アナリティクス (137)
  • Google AdWords (67)

この記事を書いた人

ferret編集部

ferret編集メンバーが不定期で更新します。
Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します!
  
>> 著者詳細はこちら

Webマーケティングのノウハウ集をプレゼント!

【ferret】5つのマーケティングメソッド(無料)

創業より10年以上、Webマーケティングの最前線で弊社が得てきた効果をあげるためのノウハウを1つの資料にまとめました。(全79ページ)

限定版の資料をダウンロードする(全79ページ)抜粋版のサンプルを読む(全3ページ)

  • 昨日
  • 週間
  • 月間

SFAの導入"失敗"事例とその理由

世界でシェアを誇る有名CMSを比較!それぞれのメリット・デメリット

SaaSの意味とは?何ができる?有名ツールも紹介

登録しておくとビジネスに役立つかも!?チェックしたいメルマガ13選

【機能・料金比較】SFAの失敗しない選び方

営業ナシでも選ばれるのはなぜ?ヌーラボのビジネスモデルを徹底取材

RPA(ロボティック・プロセス・オートメーション)とは? 基礎知識やメリット・デメリットを解説

検索流入に影響あり?Google検索の新機能「アクティビティカード」とは

Twitterで売上予測、プロモーションはYouTube。タカラトミーのEC&Web戦略に迫る

世界でシェアを誇る有名CMSを比較!それぞれのメリット・デメリット

「センスと根性で売る営業はもう終わり」ベルフェイスの目指すこれからの営業

無料ホームページ作成ツールはどれを選ぶべき?おすすめサービス15選

検索流入に影響あり?Google検索の新機能「アクティビティカード」とは

作りたいサイトによって選び方が違う!CMSの種類と特徴

Googleの「しごと検索」が日本でもリリース!求人検索に大きな影響が

現会員425,333人

ログインはこちら

おすすめ記事

仕事の業務効率がアップ!オススメのChrome拡張機能27選

Webデザイナー必見!作業を格段に効率化してくれるChrome拡張機能15選

エンジニア必見!作業効率が格段に上がる無料のChrome拡張機能13選

もっと業務効率を高めたい!デザイナー必見のChrome拡張機能11選

ディレクターやライターにオススメ!作業を効率化できる便利なChrome拡張機能10選

エントリー

  • 新着
  • Webマーケティング講座
  • 資料ダウンロード

トレンドを知る

  • ノウハウ&トレンド ニュース
  • リリース ニュース
    - ferret×PR TIMES -
  • マーケター特集
    - マーケティングジャーニー -
  • おすすめツールソリューション情報
    - by マケスト -

体系的に学ぶ

  • 基礎〜応用を学ぶ
    - Webマーケティング講座 -
  • コンテンツマーケティングを学ぶ
  • Googleアナリティクスガイド
  • 事例
  • 資料ダウンロード
  • マーケティング用語辞典
  • 運営会社
  • 著者一覧
  • お問い合わせ
  • 広告掲載について
  • 広告掲載に関する規約
  • 利用規約
  • プライバシーポリシー
  • 特定商取引法に基づく表示
Webマーケティングに
強くなるメディア
© basic Incorporated.

過去10年間で弊社が得てきたWebマーケティングのノウハウを

1冊の資料にまとめました。(全83ページ)

feedlyへの登録はこちら
その他のrssはこちら