▶【注目記事】Windows 11 を導入したら最初にやっておくべき初期設定

Chrome / Edge 拡張機能「Stylebot」をインストールする手順

Chrome / Edge 拡張機能「Stylebot」をインストールする手順

▶ 本ブログの広告掲載ポリシー

ブラウザに表示されるウェブページの外観を CSS コーディングすることで自由に変更するができる便利な Chrome / Microsoft Edge 対応の拡張機能「Stylebot」。

利用中の Chrome または Microsoft Edge に「Stylebot」を導入することで、YouTube のおすすめや X の広告を非表示にしたり等の幅広い使い方ができます。

本記事では、便利な「Stylebot」をブラウザにインストールする手順を紹介します。

Chrome に Stylebot をインストールする手順

  1. Chrome でウェブストアの「Stylebot」ページ へアクセスします。
  2. Chrome に Stylebot をインストールする手順01
    Chrome に追加」ボタンを押します。
  3. Chrome に Stylebot をインストールする手順02
    拡張機能を追加」ボタンを押します。
  4. Chrome に Stylebot をインストールする手順03
    拡張機能 Stylebot が利用中の Chrome に追加(インストール)されました。
  5. Chrome に Stylebot をインストールする手順04
    Chrome ツールバーの「拡張機能」アイコンをクリックします。
  6. Chrome に Stylebot をインストールする手順05
    Chrome に追加されている拡張機能の一覧が表示されます。Stylebot を探して「ピンアイコン」をクリックします。
  7. Chrome に Stylebot をインストールする手順06
    これで Stylebot を利用する準備が整いました。

Microsoft Edge に Stylebot をインストールする手順

  1. Microsoft Edge で Chrome ウェブストアの「Stylebot」ページ へアクセスします。
  2. Microsoft Edge に Stylebot をインストールする手順01
    Chrome に追加」ボタンを押します(Chrome に追加とありますが、ちゃんと Edge に追加されるので安心してください)。
  3. Microsoft Edge に Stylebot をインストールする手順02
    拡張機能の追加」ボタンを押します。これで利用中の Edge に Stylebot がインストールされました。
  4. Microsoft Edge に Stylebot をインストールする手順03
    Edge 上部のツールバーにある「拡張機能アイコン」をクリックします。
  5. Microsoft Edge に Stylebot をインストールする手順04
    Edge にインストールされている拡張機能の一覧が表示されます。Stylebot を探して「ツールバーに表示アイコン」をクリックします。
  6. Microsoft Edge に Stylebot をインストールする手順05
    ツールバーに Stylebot のアイコンが表示されました。これで準備完了です。

Stylebot を設定してウェブサービスを快適に利用しよう

Stylebot にウェブサイトの外観を変更する CSS を入力することで、広告や邪魔なレイアウトなどを非表示にすることが可能です。

本ブログでも Stylebot を利用した快適術をいくつか投稿しているので紹介します。