当サイトは、アフィリエイト・アドセンス広告を掲載しています。消費者庁が、2023年10月1日から施行予定である景品表示法の規制対象(通称:ステマ規制)にならないよう、配慮して記事を作成しています(記事はこちら、消す方法はこちら

参考:令和5年10月1日からステルスマーケティングは景品表示法違反となります。 | 消費者庁

【Minimal Scrollbar】ミニマルなスクロールバーにする拡張機能

Chrome拡張機能

「Minimal Scrollbar」のアイコン

この記事では、ブラウザのスクロールバーを、ミニマルで丸みを帯びたデザインに変更するChrome拡張機能「Minimal Scrollbar」について書きます。

導入するだけで、スクロールバーがシュッとします。

「Minimal Scrollbar」のスクリーンショット

ブラウザのスクロールバーを細く、角丸にするChrome拡張機能です。

導入するだけで有効になります。Chromeウェブストア、Chromeの設定ページなどの特殊なページを除いたすべてのページで有効になります。

スクロールバーの背景は透明になり、灰色を基調としたつまみだけになります。掴んでいる時は黒になります。数秒操作しなかったら、自動的に非表示になります。自動非表示は、設定から無効化できます。

除外リストも設定できます。特定のサイトでは、通常のスクロールバーにすることが可能です。

デフォルトのごっついカクカクなスクロールバーが嫌いな方におすすめです。角丸でスタイリッシュです。

合わせて読みたい

スクロールバー関連の拡張機能は、他にもいくつか紹介しています。自分に合った拡張機能を選んでみましょう。今回紹介する拡張機能は、「Modern scrollbar」と似ています。

Chrome拡張機能だけで、Firefoxアドオンはありません。類似アドオンが、もしかするとあるかもしれません。

リリース元:iaarchiver.net
記事執筆時のバージョン:0.4.0(2017年11月19日)

インストール方法

Chromeウェブストアからインストールできます。

Firefoxをご利用の場合

本拡張機能は、Chrome拡張機能のみの提供で、Firefoxアドオンはリリースされていません。

Firefoxアドオンストアで、検索してみると、類似アドオンが見つかるかもしれません。

「Chromeに追加」をクリックします。

Minimal Scrollbar - Chrome ウェブストア

拡張機能のオーバーフローメニュー内に、拡張機能ボタンが追加されればOKです。

使い方

導入したら、自動的に機能が有効になります。新しくウェブサイトを開きます。既に開いている場合は、一度リロードする必要があります。

導入前と導入後の比較画像を貼っておきます。スクロールバーの背景(白に近い灰色)が透明になります。つまみの端っこが丸みを帯びて、幅も細くなります。色は暗めの灰色です。

「Minimal Scrollbar」導入前と導入後の比較画像

マウスで掴んでいる時は、「つまみ(ノブ)」が、黒色になり、若干太くなります。

「Minimal Scrollbar」のスクリーンショット2

一定時間操作しなかったら、自動的に非表示になります。必要最低限、まさにミニマルって感じです。(ミニマルって単語を使いたいだけ)

「Minimal Scrollbar」のスクリーンショット3

設定

インストールした拡張機能を右クリック→オプションをクリックします。

「Minimal Scrollbar」の右クリックメニュー

「autohide」のチェックを外すと、自動非表示機能を無効化できます。

「excluded pages」で、除外リストを設定できます。特定のウェブページで、本拡張機能を使いたくない場合に便利です。デフォルトでは、いくつかGoogle関係のサービスが登録されています。

「Minimal Scrollbar」のオプション画面

URLは、ドメイン単位で指定できます。Googleなら「https://www.google.com」、「www.google.com」、「google.com」などです。「https」や「www」はあってもなくてもOKです。

複数のURLを記述する場合は、カンマ区切りで書きます。「,」っていう記号です。例えば、当サイトとTwitterを除外したい場合、以下のようになります。

naporitansushi.com,twitter.com

一時的に無効にする方法

拡張機能を右クリック→「拡張機能を管理」をクリックします。

「Minimal Scrollbar」をオフにします。ページをリロード(F5)すると、一時的に機能が無効になります。

「Minimal Scrollbar」を無効にする手順画像

使わなくなったら無効ではなく、削除しましょう。

頻繁にオンオフする方には、これがおすすめ!

頻繁にChrome拡張機能の有効・無効を切り替える方は、拡張機能を管理する拡張機能を導入することをおすすめします。ワンクリックで一括無効化、グループを作成してまとめて有効・無効を切り替える…といったことができます。

この手の管理拡張機能は色々あるのですが、現在僕が使っているのは、「拡張機能マネージャー」です。詳しくは下記記事を参考にしてみてください。

感想

以上、Chrome(Chromiumベース)のスクロールバーを、スタイリッシュ・ミニマルにするChrome拡張機能「Minimal Scrollbar」についてでした。

スクロールバーって、なんだかんだ目に入りますよね。こういった拡張機能を使ってみると分かりますが、デフォルトのスクロールバーってかなりごついです。

Chrome拡張機能