新型コロナウィルスの感染拡大防止にあたりご確認ください

新型コロナウィルスの感染拡大防止の為、一定期間はお電話でのカウンセリングをご案内させていただきます。

みなさまの安全に配慮し、発熱や風邪の症状がある、海外渡航歴がある場合にも、電話カウンセリングをお願いしております。それ以外の方でも、交通機関での移動にご不安を感じられる方は同様に電話カウンセリングも可能でございます。一人一人に合った支援をさせていただきますので、ご希望がございましたら登録後カウンセリングに進む際にお申し付けください。

今すぐ使いたくなるChrome拡張機能をチェック!エンジニアにおすすめしたいChrome拡張機能まとめ

「仕事の効率化を図れるChrome拡張機能を知りたい」というエンジニアさん必見!ここでは、アクセス解析やスクリーンショットといった拡張機能について書いてある記事を紹介していきます。まだ試したことのない機能があれば、ぜひ活用してみてはいかがでしょうか?

(1)Chrome拡張機能【Ghostery】の使い方

ブログ「フリーランスWEB屋の備忘録」。Chrome拡張機能【Ghostery】の使い方の画像

『フリーランスWEB屋の備忘録』は、自衛隊員やバーテンダー、広告代理店勤務などを経て、現在フリーランスとしてWeb制作やWebコンサティングを行っているNoith Creative Agencyさんのブログ。

彼はWeb関連のことや便利ツールのことなどをブログ内に綴っており、自らが知り得た情報を読者に共有してくれています。
今回紹介する《Chrome拡張機能【Ghostery】の使い方》という記事も、その中の一つです。

Web業界で仕事をしていたり、サイトの運営をしていたりすると、競合サイトがどんなサービスを利用しているのか気になりますよね。
そんなときのリサーチに最適なのが、Google Chromeの拡張機能"Ghostery"です。
この"Ghostery"を用いれば、アクセス解析ツールも広告やプラグインも簡単に調べることが可能なので、マーケティング活動で大いに役立つことでしょう!
Noith Creative Agencyさんの記事には、"Ghostery"の詳細をはじめ、導入方法や活用方法が書かれているので、まだご存じない方はぜひチェックしてみてくださいね。

ライバルに差をつけるためには、まず相手を知る必要があります。
"Ghostery"を上手に利用して、Web制作や運用に活かしてみてはいかがでしょう。

【参照元】
http://column.noith.com/ghostery/
 

(2)KinzaやChromeのデベロッパーツールの配色を変更

ブログ「Tips 4 Life」。KinzaやChromeのデベロッパーツールの配色を変更する方法の画像

Chromeのデベロッパーツールは見やすさを優先して白ベースのまま、というエンジニアの方も多いのではないでしょうか?
見やすいとはいえ、長時間見ていると疲れてしまうのも白ベースの特徴として挙げられます。
疲労感を和らげるには、デベロッパーツールのカラーやテーマを変更できる拡張機能"DevTools Author"を使ってみるといいかもしれません。

《KinzaやChromeのデベロッパーツールの配色を変更する方法》には、"DevTools Author"のインストールから適用方法まで順を追って説明されていました。
この拡張機能を使用する際に注意しておきたいのは、デベロッパーツールの試験運用版機能を有効にするため、自己責任が伴うことを理解しておく必要があること。
その点さえ納得できれば、デベロッパーツールでの快適な作業を実現できることは間違いないでしょう。
また、記事中には"DevTools Author"が適応されない箇所があった場合の対処法も記載されていますので、ぜひ参考にしてみてくださいね。

今回紹介した記事が掲載されているのは『Tips 4 Life』というブログ。
未経験からIT業界に飛び込み、いまやIT関連のアドバイザーとして活躍しているRA’sさんが運営しています。
PCやスマホを快適に使うための情報、WordPressに関する自作のプラグインなどが紹介されていますのでチェックしてみてはいかがでしょう。

【参照元】
https://tips4life.me/change_devtools_theme
 

(3)アナリティクス動作確認にGoogle Tag Assistant

サイトやブログを運営していると、一体どのような媒体を使ってどのような検索をして自分のサイトやブログに辿り着いたのか、また人気のページやPV数も知りたくなりますよね。
それらを確認するために役立つのが、Chromeの拡張機能である"Google Analytics"です。
しかし、設定しただけでは問題なく動いているか不安になることもあるかと思います。

ブログ『isLog~イズログ~』を運営しているWebディレクターのishikawaさんもその一人で、実際に"Google Analytics"がちゃんと稼働しているのか確証を得るためには数日間を要したとのこと。
今回ピックアップした《アナリティクスの動作確認に!Google Tag Assistantを利用しよう!》に、その打開する方法が記載されていました。

ishikawaさんがオススメするのは、"Google Analytics"と同じChrome拡張機能である"Google Tag Assistant"を使用することなのだそう。
"Google Tag Assistant"は、エラーを出した"Google Analytics"が一目で分かる仕様となっているのが特徴です。
また、エラーを出している"Google Analytics"のアイコンをクリックすることで、エラー部分の内容と改善方法を見ることができるといいます。
導入方法は記事の中で詳しく説明されているので、快適なアクセス解析を目指して"Google Tag Assistant"の使用を考えてみるといいかもしれません。

【参照元】
https://www.islog.jp/entry/google-tag-assistant/
 

(4)「AutoPagerize」が劇的に凄いのでシェア

ブログ「アフィリエイトJAPAN」。Chrome拡張ツール「AutoPagerize」が劇的に凄いのでシェアの画像

ブログ『アフィリエイトJAPAN』を運営しているのは、コピーライティングとマーケティングが専門だという菅原将さん。
アフィリエイトをはじめとするSEOや便利ツールなど、すぐにでもアフィリエイトを始められるような情報が詰まっています。
《Chrome拡張ツール「AutoPagerize」が劇的に凄いのでシェア》もブログに掲載されている記事の1つで、こちらには日常的に使用できる拡張機能が紹介されていました。

とある単語をGoogleで検索した際、多くの場合に結果が複数のページを跨いで表示されますよね。
そんなとき、検索ページのリンクをクリックする手間が面倒に感じることはありませんか?
Chrome拡張機能の"AutoPagerize"はそのリンクをなくし、スクロールするだけで1つのページ内に全て表示できるというものなのだそうです!
検索ページのフッタとヘッタにある、小さい数字や次のページといった文字をクリックすることなく検索結果を見れることで、ストレスから開放されることは間違いありません。

菅原さんによると、"AutoPagerize"は効率化を図るための要素の1つだと考えられるのだそう。
より早く、そしてよりよい情報を集めたい方は記事を参考に、ぜひ"AutoPagerize"を活用してみてくださいね。

【参照元】
https://affiliate-jpn.com/archives/2113

(5)Awesome Screenshotを解説!

ブログを書いたり、社内資料を制作したりする方は、キャプチャを添える機会があると思いますが、そのとき皆さんはどんなツールを使っていますか?
Macの場合は【command+shift+4】で、Windowsの場合は"Rapture"を使っている方が多いようですが、両者には画面に表示されている部分しかキャプチャできないという弱点があります。
そのため、画面全体のキャプチャがほしいときには他のツールを使用することになると思います。

しかし、そんなときに注目したいのがChromeの拡張機能"Awesome Screenshot"です!
"Awesome Screenshot"なら、自分で範囲を選択してキャプチャしたり、ページの全てをキャプチャしたりすることが可能なので、効率良く記事や書類の作成ができます。
導入方法や使い方は、ビジネスを自分らしくクリエイトするためのノウハウを数多く公開している『Color Your Life!』の中の《Awesome Screenshotのインストールと使い方を解説!|便利なスクリーンショット機能》という記事に書かれているので、ぜひ一読してみてください。

筆者のHitomiさんが英語表記の部分もわかりやすく解説してくれているので、インストールも実際のキャプチャ撮りもスムーズに行うことができることでしょう。

【参照元】
https://dayscreator-hitomi.com/2015/11/08/awesome-screenshot-howtouse/
 

(6)Page Analyticsの使い方

ブログ「クリアメモリ」。Googleアナリティクスの拡張機能が便利すぎる!アクセス数やクリック数をページごとに確認するPage Analyticsの使い方の画像

こちらの《Googleアナリティクスの拡張機能が便利すぎる!アクセス数やクリック数をページごとに確認するPage Analyticsの使い方》では、"Page Analytics"について紹介されていました。

"Page Analytics"とは、Googleアナリティクスをより便利に使いこなせる無料のChrome拡張機能。
サイトやブログのページごとにアクセス解析ができ、さらにそのページ内のどのリンクをクリックしたのかというデータが表示されるのだそうです。
ここには、"Page Analytics"の導入方法をはじめ、実装されている5つの機能の紹介や操作方法などが記載されています。
実際にどんな解析が可能で、どんなデータが表示されるのか気になる方は、記事の隅々まで目を通してみてくださいね。

この記事がアップされているのは『クリアメモリ』というブログ。
プログラミング関連やガジェットレビュー、アプリの紹介など見応えある記事がエントリーしています。
こちらも併せてチェックしてみてはいかがでしょう。

【参照元】
http://www.clrmemory.com/web/extensions-page-analytics
 

(7)EditThisCookieでクッキーを高速に削除 

ブログ「KeiKanri」。EditThisCookie -Cookie(クッキー)を高速に削除変更できちゃうChrome拡張機能の画像

「好きな事だけをして人生生きる」をモットーに充実の日々を過ごされている柬理恵介さん。彼のブログ『KeiKanri』には、音楽やハリネズミなど柬理さんの「好きなもの」が多く登場しています。また、IT業界で活躍してきた経験を元にした記事も見ごたえのあるものばかり。特に、Chrome やAndroidといったカテゴリの記事は、エンジニアさんにとって関心度の高い内容と言えるでしょう。

今回は、Chrome拡張機能の一つである「EditThisCookie」についてある記事をご紹介したいと思います。
こちら、《EditThisCookie -Cookie(クッキー)を高速に削除変更できちゃうChrome拡張機能》です。
記事によると、EditThisCookieを用いれば、Chromeで作業を行うより、効率的にCookieを編集したり削除したりすることができるんだとか。

「Cookieをもっと気楽にいじりたい」という方は、一度試してみるといいかもしれませんよ!
ダウンロード方法や使い方については記事内に詳しく書いてあるので、ぜひ参考にしてみてくださいね。

【参照元】
https://keikanri.com/archives/13507
 

(8)GoogleアナリティクスのタグをチェックしてくれるChrome拡張機能「Tag Assistant」

ブログ「Resound Log Resound Web Labの日々の記録。」GoogleアナリティクスのタグをチェックしてくれるChrome拡張機能「Tag Assistant」の画像

『Resound Log Resound Web Labの日々の記録。』は、フリーランスでWebデザインやWeb解析の仕事をしている方のサイトです。
ここには、サイトの運営者さんが実際に手がけた作品の紹介ページとともに、アクセス解析やSEO、マーケティングに関する記事がエントリーしており、Web系の仕事で役立つ情報やスキルアップの参考になる記事と出会うことができますよ。

今回紹介する《GoogleアナリティクスのタグをチェックしてくれるChrome拡張機能「Tag Assistant」》も、そんなサイト内にある記事の一つです。
この記事には、Google Analyticsのトラッキングコードが正しく設置できているかを確認したり、Googleが提供しているタグをチェックしたりすることができる"Tag Assistant"の導入方法と使い方が書かれています。
実際に"Tag Assistant"を試した筆者によると、メッセージが英語で表示される点を除けば、簡単に導入できるうえにエラーをわかりやすく指摘してくれるので、非常に便利なのだそうです。

"Tag Assistant"はChrom拡張機能であるため、導入しやすく安心感のあるツール。
Web制作や運用を担当している方で導入に踏み切っていない方は、ぜひ上記の記事を参考にしてくださいね!

【参照元】
https://resound-weblab.com/log/archives/704

関連する記事

人気の記事

スキルアップ記事トップへ

無料サポート登録簡単30秒

【厚生労働省】職業紹介事業許可番号(13-ユ-308734)

  • STEP1
  • STEP2
  • STEP3
  • 次のstepで入力すると返事が来る!
  • プロフィール入力すると返事が来る!
  • ご希望の条件を選択してください

    ご希望の勤務形態

    必須

    ご希望の勤務地

    任意

  • プロフィールをご入力ください!必須入力項目はこのページで終わりです。

    氏名

    必須

    氏名かな

    必須

    生年月日

    必須

    電話番号

    必須

    メールアドレス

    必須

  • スキルシート・ポートフォリオをお持ちの方はアップロードしてください

    スキルシート

    任意

    提出しておくことで
    迅速なご紹介が可能に!

    職務経歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    履歴書

    ドラッグアンドドロップ or ファイルを選択 選択されていません

    スキルシートを確認しています...

    スキルシートを確認しています...

    ※ファイルは5MB以下で対応するファイル形式 ? でアップロードしてください
    Microsoft Office .xls .xlsx .doc .docx .ppt .pptx
    KINGSOFT Office .xls .xlsx .doc .docx .ppt
    iWork .numbers .pages .key
    LibreOffice .ods .odt .odp
    OpenOffice .ods .odt .odp
    その他 .pdf

    ポートフォリオURL

    任意

    ?

    ポートフォリオとは主にクリエイターの方が自己PRのために過去の作品や制作実績をまとめた作品集の事です。

    ポートフォリオをWeb上で公開されている方はそのURLを、データでお持ちの方は作品データをアップしたURLを入力してください。

    ※データをアップされる場合は、保存期間や容量制限の少ないGoogleドライブを推奨しています。

    その他ご要望

    任意

  • 下記の内容をご確認いただき問題ないようでしたら、送信してください

    プロフィール入力すると返事が来る!

    • ご希望の勤務形態 必須

    • ご希望の勤務地 任意

      第一希望:
      第二希望:

    • 氏名 必須

    • 氏名かな 必須

    • 生年月日 必須

    • 電話番号 必須

    • メールアドレス 必須

    • 職務経歴書 任意

    • 履歴書 任意

    • ポートフォリオURL 任意

    • その他ご要望 任意

    個人情報の取り扱い 」と「 利用規約 」に同意の上、 『同意して登録する』 ボタンをクリックして下さい。

プライバシーマーク

レバテック株式会社は「プライバシーマーク」使用許諾事業者として認定されています。
個人情報の秘密は厳守します。ご入力いただいた情報は許可を頂くまで求人企業に公開することはありませんので、ご安心ください。

申し込みに関するご注意
以下の方は弊社の事業基盤、求人動向から、ご提案のご連絡までお時間をいただく可能性があります。ご了承ください。
IT業界、または希望職種が未経験の方
レバテックキャリア対象エリア以外での勤務地、また在宅での作業を希望される方

Webディレクターの求人・転職一覧