みなさんこんにちは!おさかなです!
今回は「uBlock Origin」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・YouTubeの見すぎを防ぎたい方
・長時間YouTubeを見てしまう方
・作業に集中したい方
「uBlock Origin」って何?
「uBlock Origin」とは、広告ブロックができるChrome拡張機能です。
今回はこの拡張機能を使って、Urbanekさんが考案したYouTubeのUIデザインを崩す方法を試してみたいと思います!(おー!)
↓似ているツールで「Block Site」もあります!
![](https://osakanav.com/wp-content/uploads/2021/05/blocksite-top-160x90.jpg)
実際に使ってみよう!
拡張機能を追加しよう!
それでは早速サイトにアクセスしましょう!(※Chromeブラウザ推奨)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock.png)
次に「Chromeに追加」ボタンをクリックします。
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-btn.png)
起動しよう!
次にYouTubeを開きます!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-youtube.png)
YouTubeを開いた状態で、「ublock origin」のアイコンをクリックして起動します!(えい!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-kidou.png)
左から2番目の「スポイト」マークをクリックしましょう!
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-spoit.png)
この状態で、UIを崩したいブロックに「マウスカーソル」を合わせると、赤く光ります!(おお!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-select.png)
赤く光ったところをクリックすると、ウィンドウが表示されます!(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-wndow.png)
ウィンドウの「作成」ボタンを押すと…?
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-sakusei.png)
こんな感じで、赤く光った部分が削除されました!(すごい!スッキリ✨)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-sakujo.png)
(お疲れ様です🍵)
![](https://osakanav.com/wp-content/uploads/2022/01/squoosh-top-160x90.png)
動画を中央揃えにしよう!
関連動画がなくなった分、動画が左に寄りすぎていると感じるので「中央揃え」にしてみましょう!(おー!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-center.png)
「ublock origin」をもう一度起動し、1番右の「設定マーク」をクリックします。(ポチッと)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-setting.png)
すると…?
このようなページが開きます。(おお!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-set-page.png)
「マイフィルター」タブに切り替えましょう!
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-filter.png)
表示されているコードを削除します。(えい!)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-del.png)
Urbanekさんが公開している下記コードを、コピーして貼り付けます!(はい!)
! 2021-11-29 https://www.youtube.com
! 2021-11-29 https://www.youtube.com
www.youtube.com###secondary! 2021-12-06 https://www.youtube.com
www.youtube.com##ytd-browse[page-subtype=”home”] #primary! 2021-12-08 https://www.youtube.com
www.youtube.com##.ytp-show-tiles.ytp-endscreen-paginate.videowall-endscreen.ytp-player-content.html5-endscreen
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-newcode.png)
コードを貼り付けたら、「変更を適用」ボタンを押します。
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-tekiyou.png)
すると…?
こんな感じで、動画が中央揃えになって、見やすくなりました!(わーい✨)
![](https://osakanav.com/wp-content/uploads/2022/03/ublock-center-douga.png)
参考記事:https://pawelurbanek.com/youtube-addiction-selfcontrol
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
これで1つの動画を集中して見れるね!
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
結局動画見るんかい!笑
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2021/11/youtuber-sozai-top-160x90.png)