ITエンジニア/デザイナ向けにオープンソースを毎日紹介

機能拡張 - Google Chrome機能拡張の記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2020/11/19

CSS Spider - CSS設定を素早く確認、編集

表示されているCSSの内容を確認する際には開発者ツールを利用するでしょう。しかし、情報が多すぎて分かりづらかったり、スタイルをコピーすると余計な情報もたくさん付いてきたりします。そこで使ってみたいのがCSS Spiderです。開発者ツールよりも使いやすく、分かりやすいスタイルチェッカーです。## CSS Spiderの...

List

  • 2020/10/25

GitHub Breakout - GitHubのアクティビティグラフがブロック崩しに

GitHubの活動を可視化するアクティビティグラフは、開発者の記録としても使われるようになっています。そんなアクティビティグラフを遊ぶべく、自由な絵を描くソフトウェアは有名です。そろそろ、もっと新しい遊び方(?)が欲しくなっていることでしょう。そこで使ってみたいのがGitHub Breakoutです。アクティビティグラ...

List

  • 2020/10/03

Shift-Ctrl-F - 自然言語によるWebページ内検索

世の中には検索が上手な人もいれば、苦手という人もいます。具体的なキーワードが思いつかない場合、雰囲気で検索してしまいがちです。それでは欲しかった答えにたどり着けないでしょう。しかし、それを克服するのもまた、技術の力です。そこで使ってみたいのがShift-Ctrl-Fです。Webページ内で自然言語による検索を可能にします...

List

  • 2020/09/26

TimeCat Chrome - ごく小さなファイルサイズでブラウザ操作を記録

ブラウザの操作を記録したいと思ったことはないでしょうか。動画で録画したり、アニメーションGIFとして保存するソフトウェアもあります。確かに便利ですが、ソフトウェアを立ち上げるのが面倒です。もっと手軽にさくっとできると便利です。そこで使ってみたいのがTimeCat Chromeです。Google Chrome上で、まるで...

List

  • 2020/09/22

Fuzbal - ページ内でファジーな検索を可能にするGoogle Chrome機能拡張

ブラウザのページ内検索で、微妙に文字が違っていて結果に出てこない思いをしたことはないでしょうか。GoogleのWeb検索などでは大文字小文字はもちろん、異なる単語でも意味をくみ取ってくれたりします。そうした柔軟性がローカルの検索でも欲しいと思わないでしょうか。今回紹介するFuzbalはあやふやな検索も可能なページ内検索...

List

  • 2020/09/17

LogBox - 開発者ツールを開かずにエラーを補足する

Webサイトを訪問していて何かJavaScriptのエラーなどが起こった際、開発者ツールを立ち上げる必要があります。逆にいえば、開発者ツールを開いていないとエラーに気付かない可能性もあります。これは開発者にとっては面倒な一手間です。今回紹介するLogBoxは開発者ツールを開かずにエラーを報告してくれるGoogle Ch...

List

  • 2020/09/16

Better - よりよいサービス/製品を提案してくれるWebブラウザ機能拡張

自分が使っているサービスやソフトウェアを完全に信用していますか。例えばZoomはセキュリティやプライバシー意識が低いと、一時期批判を受けていました。同様に、ユーザのデータよりも利益や企業メリットを優先しているサービスもあります。そうしたサービスに対して代替になるものを提案してくれるのがBetterです。## Bette...

List

  • 2020/09/15

NSFW Filter - Tensorflow.jsでいかがわしいコンテンツをフィルタリング

仕事中に見てはいけないもの(色々ありますよね)を総称して、NSFW(Not Safe For Work)といいます。逆にこのキーワードで探すと色々な情報にたどり着けたりする訳ですが、少なくとも仕事中やリモートワーク中の家庭で見るものではありません。そうした際どいコンテンツについて、自動的にフィルタリングしてくれるGoo...

List

  • 2020/09/04

Slack Custom Emoji Manager - Slackのカスタム絵文字をまとめてアップロード

Slackにはカスタム絵文字機能があります。色々な絵文字をアップロードしてカスタマイズしている人は多いです。しかし、そのアップロード作業が非常に手間です。一つ一つの画像を順番にアップロードしてたら日が暮れてしまいます。Web APIを使ってバルクアップロードもできますが、今回はもっと簡単なSlack Custom Em...

List

  • 2020/08/29

Google Meet Studio Mini - Webカメラの映像にフィルタを適用

Zoomなどがオンライン会議ツールとして注目されており、Google Meetはシンプルながら、カスタマイズがほとんどできないのが残念に感じられています。Webカメラの映像を少しでもカスタマイズしたい人は多いはずです。今回紹介するGoogle Meet Studio Miniは、仮想背景などはできないものの、映像を手軽...

List

  • 2020/08/11

DotYouTube - YouTubeの再生前広告を回避するChrome機能拡張

筆者環境で動作しているという確認はできていないので、利用は自己責任でお願いします。YouTubeは世界最大級の動画共有サイトですが、その多くの機能が無料で提供されています。プレミアム機能で広告をオフにできますが、無料のまま使っている人も多いでしょう。しかし、動画はなんとかして回避したいと考えていたりします。そんな方々向...

List

  • 2020/08/08

Placeholdifier - 既存のサイトをワイヤフレーム化

Webサイトのデザインを作る際には、テキストや画像を適当に塗りつぶした状態で作ります。あまり情報を多くすると余計なところが気になってしまうものです。これは既存のWebサイトを改善する際に、元のスクリーンショットを使うと問題になります。余計なログインアイコン、テキストなどに注目が集まってしまって、本来考えるべきデザインに...

List

  • 2020/07/13

Quotebacks - コンテンツ引用をしやすくするGoogle Chrome機能拡張

Webはページ同士がリンクで繋がって構成されています。その際、単にURLを付けるだけでもいいですし、内容を引用することもできます。引用を使うことで、リンク先の内容が分かりやすくなり、誘導につなげることができます。今回紹介するQuotebacksはそんな引用をしやすくするGoogle Chrome機能拡張になります。##...

List

  • 2020/07/10

passmass - ストレージレスなパスワード管理

パスワード管理は何を使っているでしょうか。1Password、LastPassなどクラウドサービスやオープンソース・ソフトウェアなど多種多様に存在します。しかし、どこかにデータを残すということは、そこがセキュリティ上のネックになるのは間違いありません。その問題を回避するのはストレージレスになることです。今回紹介するpa...

List

  • 2020/07/07

tw-style - TwitterのUIを自分好みにカスタマイズ

住めば都という言葉はありますが、普段使いしているツールのUIが変わると慣れるまで相当なストレスになります。ネットの世界においては自分でカスタマイズできる領域も大きいので、リアルほど我慢を強いられることはありません。自分なりの都にすればいいのです。今回はtw-styleを紹介します。新しいTwitterのUIについて、自...

List

  • 2020/06/30

Skip Silence - 動画の無音部分だけを高速再生するGoogle Chrome機能拡張

動画はテキストと異なり、自分のペースで見続けづらいコンテンツです。再生速度は調整できますが、あまり速いと何をいっているのか分からなくなります。不要な場面は飛ばしつつ、大事なところだけは聞きたいという時にはどうしたらいいでしょうか。その答えになりそうなのがです。無音部分を飛ばしてくれるGoogle Chrome機能拡張で...

List

  • 2020/06/20

PiP any site - Picture in PictureでWebサイトを表示するGoogle Chrome機能拡張

Webブラウザで動作を再生している際、スクロールすると動画が見られなくなってしまいます。動画の説明文が長かったりすると不便です。そこで使えるのがPicture in Picture(以下PiP)になります。このPiPはWebブラウザのAPI(chrome.tabCapture APIなど)として提供されており、何も動画...

List

  • 2020/06/17

Dark Reader - 任意のWebサイトをダークモードで表示

ダークモードに対応したサイトが増えてきています。多くは自動的に設定されたり、設定画面を使って自分で切り替えるようになっています。しかし、まだまだ未対応のサイトが多いのも事実です。そこで使ってみたいのがDark Readerです。任意のWebサイトをダークモード対応にします。## Dark Readerの使い方MOONG...

List

  • 2020/06/14

DeepL Chrome Extension - Google ChromeからDeepLを使って簡単に翻訳

Google翻訳よりも自然な翻訳ができているとして、DeepLに注目が集まっています。執筆時点ではまだAPIベースの翻訳は日本では使えないのですが、提供されればWebサービスやビジネスでの利用も進むでしょう。そんなDeepLをGoogle Chromeから簡単に使えるようにするのがDeepL Chrome Extens...

List

  • 2020/05/31

Web Vitals Chrome Extension - Web Vitalsの評価を可視化するGoogle Chrome機能拡張

最近GoogleがWeb UXの指標として提示しているのがWeb Vitalsです。3つの指標があり、ローディングとインタラクティブ性、そして視覚的安定性となっています。これらの3つの指標に沿って、Webページを判定します。そんなWeb Vitalsを判定するGoogle Chrome機能拡張がWeb Vitals C...