広告を利用しています

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

【Rounded Tube】YouTubeを角丸なミニマルデザインにする拡張機能

2022年4月23日YouTube関連

Rounded Tubeのアイコン

この記事では、YouTubeのサムネイルや再生画面を角丸にして、モダンなデザインにするChrome拡張機能「Rounded Tube」について書きます。

Rounded Tubeのスクリーンショット

YouTubeのサムネイル・動画の四隅を角丸にするChrome拡張機能です。導入するだけで、YouTubeがモダンなミニマルデザインに変化します。

具体的には、各サムネイル、再生画面、関連動画、チャンネル登録などのボタンを角丸にします。若干影もついて、浮いているようなデザインになります。

プログレスバーや、各種ボタン、リンクの色を変更する機能も用意されています。好きな色に変更できます。「Windows11のような角丸が好き!」という方におすすめです。

Chrome拡張機能だけでなく、Firefoxアドオンも用意されています。

本来、サイトのデザインを変化しようと思うと、CSSを使う必要がありますが、本拡張機能を使えば、その手間を省けます。どうしても自分で実装したい方は、以下の記事を参考にしてみてください。自分で実装するメリットは、影や角丸具合を好きなように調整できるという点です。

リリース元:pitr.dev(Twitterはこちら
記事執筆時のバージョン:1.9.1(2021年5月13日)

ダウンロード方法

Chromeウェブストアからダウンロードできます。

Firefoxをご利用の場合

Firefoxをご利用の方は、以下のFirefoxアドオンストアからインストールできます。

「Firefoxへ追加」をクリックします。

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

Rounded Tube - Chrome ウェブストア

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

使い方

YouTubeにアクセスします。特に何か設定する必要はありません。インストールした時点で、自動的に有効になっています。既に開いていた場合は、ページをリロード(F5)します。

サムネイルの角丸化

本拡張機能を導入した状態だと、YouTubeのサムネイルが角丸になります。若干、影もついて浮いているように見えます。

Rounded Tube導入前と導入後の比較画像①

拡大した画像も貼っておきます。綺麗に四隅が角丸になっています。

YouTubeのサムネイルの四隅が角丸になる

各チャンネルのホームページのサムネイルも、同様に角丸化します。同様に…というか、YouTube内の全てのサムネイルに反映されます。

Rounded Tube導入前と導入後の比較画像②

ライトモードだけでなく、ダークモードにしている時にも反映されます。

ダークモード利用時にも反映されて、角丸になる

動画再生画面の角丸化

動画プレーヤー(再生画面)の四隅も角丸になります。

Rounded Tube導入後画像① 再生画面

関連動画も同様に角丸です。

Rounded Tube導入後画像② 関連動画

検索結果の角丸化

検索結果ページも角丸になっていました。

Rounded Tube導入後画像③ 検索結果ページ

ボタンの角丸化

サムネイルだけでなく、各種ボタン(チャンネル登録)も角丸になります。細かい点なんですが、縁の下の力持ちって感じで、大いにモダンデザインに貢献しています。

Rounded Tube導入前と導入後の比較画像③ チャンネル登録ボタン

設定

拡張機能ボタンをクリックします。「Theme Color」と「Google Sans」の2つの項目があります。

Rounded Tube Settings

「Theme Color」で、テーマの色を変更できます。カラーパレットの中から選択するか、HTMLカラーコードで具体的に指定できます。

Rounded Tube Settings Theme Color

ここで設定した色は、再生バー(プログレスバー)、チャンネル登録ボタンの背景色、リンク(URL)の文字色などに反映されます。

試しに、黄緑にしてみた画像を貼っておきます。

YouTubeのプログレスバー、ボタンの色を黄緑にした画像

薄い赤、水色にしてみた画像を貼っておきます。薄い赤、結構好きです。

YouTubeのプログレスバーを薄い赤、水色にしてみた画像

一時的に無効にする方法

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

Rounded Tubeの右クリック→拡張機能を管理

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

Rounded Tubeのオフ

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

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

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

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

感想

以上、YouTubeのサムネイルや各種ボタンを、角丸でモダンなデザインにするChrome拡張機能「Rounded Tube」についてでした。

角丸をこよなく愛している人におすすめです。僕です。

2022年4月23日YouTube関連

Posted by ナポリタン寿司