4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【非エンジニアにも見て欲しい】Chrome拡張機能でストレスを無くせええ〜〜〜!!

Last updated at Posted at 2023-12-11

ジョブカン、アドベントカレンダー12日目です:ok_hand:

はじめに

はじめまして、ジョブカン入社27日目@hoge-maru-taroです。

私はエンジニアとして、一日中PCと睨めっこすることを生業としております。
そして弊社はいわゆるIT系の企業ということで、従業員ほとんどの方が日常的にPCを使ってお仕事をしていることでしょう。
中でもブラウザを使っての作業が一日の大半を占めている方も多いかと思います。
つまり、「ブラウザの使い勝手や効率が、日々の疲労やストレスに直結している」と言って過言ではないでしょう。(断言)

この記事では、常習的にChromeストアを彷徨っている私が、皆さまのブラウザに対して抱えているストレスを少しだけ解決できる拡張機能を紹介していきます。

要は「ぼくのえらんだ、さいきょうのかくちょうきのう!」です。

これを読んだ方のストレスがほんの少しでも減り、作業効率がアップし、定時ダッシュをかます幸せな人が増えれば嬉しい限りです。

Stylus

Googleの検索ページ、やたら左寄りだと思ったことはないでしょうか?(思想的なことではなく
私は持っていませんが、ワイドディスプレイを使ってる場合はどうなっているんでしょう...。

スクリーンショット 2023-12-07 22.00.27.png

必要な情報は赤い部分に全て集約されている

むしろこれが当たり前過ぎて何も感じていない方もいるかも多いかもしれません。
なにが楽しくて画面の左ばかり見させられているんでしょうか、意味不明です。

この拡張機能を使えば検索結果が画面中央に表示され一気に見やすくなります。

スクリーンショット 2023-12-07 22.11.55.png

検索結果が中央配置に!これは嬉しい!ステキ!

要はcssを書き換えて見た目を変えてしまおう、という拡張機能。
他にも、よく見るサイトで邪魔な要素があれば非表示にできたり、わりと使い道があります。

このサイトを見れば割と簡単に中央配置が実現できます。
極々稀に表示が崩れることがありますが、しっかりメンテナンスしてくれているので困った時は見に行くと良いです。
Stylus

Dark Reader

画面収録 2023-12-07 22.26.52.gif

こりゃ魔法ダヨ!

長時間エディターを見ていると目が疲れるのでダークモード〜、でもChromeはギラギラに輝いている...って方は多いのではないのでしょうか?
この拡張機能は一瞬でwebサイトをダークモードにしてくれます(Sift+Alt+Dで一撃!)

ダークモードを適応しないサイトを設定できるので、サイトにダークモードが用意されている場合(GitHubとかNotionとか)も見た目が不自然になることはありません。
遅くまでPCと向き合っている方は入れると寝付きが良くなることでしょう、多分。
Dark Reader

Workspace Launcher

画面収録 2023-12-07 22.41.13.gif

毎日使えそうダネ!

登録したタブを一気に開くことができます。
複数のプロジェクトを掛け持ちしている場合、その都度色々なページをポチポチ開くのは面倒です。
一度登録してしまえば次からは一瞬で必要なページを開くことができます。

似たような拡張機能は他にもありますが、これが優れているのは「タブを固定したまま開ける」ところです。
私は特によく使うタブを固定して小さく開いているのですが、他の拡張機能だと通常のタブとして開かれてしまします。

スクリーンショット 2023-12-07 22.53.55.png

Workspace Launcherなら開いても固定タブは固定タブ、順番も変わらない、最高!!」というワケです。

欠点としてデザインが地味、というのが挙げられます。(シンプルではありますが...)
ので、私は自分でsccを書き換えてグラスモーフィズム風にカスタムしています。

スクリーンショット 2023-12-07 22.50.32.png

これならおしゃれなMacにも似合っちゃう!!

余談ですが、カスタムついでにソースコードを見たところ、”ブックマークを表示する機能”を追加する形跡が見られたので、今後アップデートがあればそのような機能も使えるようになるかもしれません。
Workspace Launcher


ここまではどんな職種の方にもおすすめできるイチオシの拡張機能でしたが、ここからは開発者向けの拡張機能が多めになります。
流石に全部をこの熱量で書くのは辛いものがあるので、ここからはちょっと便利だったり楽しい拡張機能をサクサク紹介していきます。

開発

JSON Viewer

ブラウザで使えるJson formatter
検索バーからAPIを叩いた時のレスポンスが見やすくなります(jqコマンド的な)

スクリーンショット 2023-12-06 15.56.01.png
JSON Viewer

Talend API Tester

ブラウザ版Postman
本家よりシンプルですが、基本的なことはできます

スクリーンショット 2023-12-06 15.54.43.png
Talend API Tester

ColorPick Eyedropper

Web上のカラーコードを確認できます

スクリーンショット 2023-12-07 23.28.29.jpg
ColorPick Eyedropper

CSS Peeper

要素のclass名とか、サイズとか、フォントとか、色々わかる便利なやつ

スクリーンショット 2023-12-07 23.30.07.png
CSS Peeper

Do Not Merge WIP for GitHub

プルリクのタイトルに「WIP」などが含まれている場合にマージボタンが無効化します
事故防止にどうぞ
Do Not Merge WIP for GitHub

Emoji Keyboard by JoyPixels :kissing_heart:

かわいい絵文字を即コピーできます:v:
プルリクのConversationで使うと少しだけ楽しげになります:sunny:
前まで使っていた同じような拡張機能は肌の色までは選べなかったので、最近こっちに乗り換えました:couple_ww:
可愛いのでおすすめ、可愛いからおすすめ、可愛いです:heart_eyes:

スクリーンショット 2023-12-07 23.54.16.png
Emoji Keyboard by JoyPixels

GitHub Isometric Contributions

GitHubの””を3D表示にできます

kusa_3d.png
GitHub Isometric Contributions

効率化

Acid Tabs

複数のタブをサイトごとに好きな色と名前付きで分類できます
最初の方に書いた「Workspace Launcher」と併用しても破綻しません
気がつくと沢山のタブが開いている掃除下手さん必見
おすすめです

画面収録 2023-12-08 0.09.55.gif
Acid Tabs

AdGuard

広告ブロッカー
これが最強(さいつよ)

unnamed.png
AdGuard

1Password

超有名パスワードマネージャー

unnamed (1).png
1Password

Safety for Gmail

Gmailの送信を取り消せるようになります
弊社は全員インストールしている(?)
Safety for Gmail

grt memo

ブラウザで使えるミニメモ帳
ちょっとしたことやよく見る内容をメモすると非常に便利(絶対に消えちゃまずいもの、セキュアなものは一応書かないほうが良いです。)
それでもかなりおすすめ

スクリーンショット 2023-12-06 16.01.40.png
grt memo

どこでもメモ

こちらもメモですが、画面にペタっと張り付くように追従してきます
サイズや色も選べるのでこれもかなり便利

画面収録 2023-12-08 0.45.44 1.gif
どこでもメモ

DeepL翻訳

選択した文字を自動翻訳してくれます
課金するとページをまるっと翻訳してくれるはずが、支払いページで延々とエラーが出るので嫌いになった()
DeepL翻訳

Pushbullet

Mac <-> Windows、Windows <-> iOSとかでテキストや画像、サイトの共有をしてくれる
ハードを複数台持っている方におすすめ

unnamed.jpg
Pushbullet

Superpower ChatGPT

ChatGPTをめっちゃいい感じにしてくれる(チャットのフォルダ分けとか会話のブックマークとか検索とかetc...)
多機能すぎて使いこなせていない、誰か使い方教えてください
Superpower ChatGPT

カテゴリ不明の悲しいやつら

GoFullPage

ページを1枚の縦に長〜いスクショにできる

スクリーンショット 2023-12-08 1.08.02.png
GoFullPage

No Search For

検索ページの「他の人はこちらも検索」を非表示にしてくれる
No Search For

uBlacklist

検索結果に表示させたくないサイトを非表示にできる
見たくないキュレーションサイトとかを登録しておくと検索結果の質が上がるはず
uBlacklist

娯楽

Keeper

Amazonの商品の価格推移がグラフで分かる
「なんかこの商品定期的に安くなってるなあ、買うのは少し待つか」って使い方をしてます

スクリーンショット 2023-12-06 16.06.54.png
Keeper

Enhancer for YouTube

YouTubeの動画の明るさや速度...というか、多分思いつくことはほぼ全て設定できる
広告スキップの機能もあるが、これは今も使えるかは不明
(ちなみに、最近はYoutubeの広告をブロックする拡張機能をブロックする機能をブロックする拡張機能があるとかでめちゃくちゃになってるらしいです)

スクリーンショット 2023-12-08 0.15.22.png
Enhancer for YouTube

Return YouTube Dislike

YouTubeで今は亡きバッドの数を表示できる
正直あまり入れる意味はない...
Return YouTube Dislike


時間と体力に余裕があれば私もなにか拡張機能を作ってみたいな〜と思っていたりいなかったり...

少々雑な〆ですがこれでお死枚♠
ぜひ楽しく快適な拡張機能ライフを!!!

スクリーンショット 2023-12-08 0.51.04.png

お知らせ

DONUTSでは新卒中途問わず積極的に採用活動を行っています。
詳細はこちらをご確認ください。
https://www.donuts.ne.jp/recruit/

ジョブカン事業部のエンジニア募集はこちら。
https://recruit.jobcan.jp/donuts/show/B001/1396297

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?