Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
快適なWeb体験を
Search
yuyays
May 26, 2025
0
4
快適なWeb体験を
yuyays
May 26, 2025
Tweet
Share
More Decks by yuyays
See All by yuyays
racket言語解説
yuyays
0
83
akarenga_june.pdf
yuyays
0
58
LLMでBang( バング)検索
yuyays
0
86
Vibe codingと私はバイブするん?
yuyays
0
13
Webレンダリングの変化とどれ使うん
yuyays
0
76
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Scaling GitHub
holman
463
140k
Six Lessons from altMBA
skipperchong
28
4k
How STYLIGHT went responsive
nonsquared
100
5.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
600
A Modern Web Designer's Workflow
chriscoyier
697
190k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Documentation Writing (for coders)
carmenintech
75
5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Site-Speed That Sticks
csswizardry
10
850
Transcript
快適な WEB 体験を akarenga LT 33 by yuyays !
• 背景 • 技術的お話 • わたしのおすすめ
2025 / 6月より
Manifest v2 が延長サポ ー ト期間 が終了します .....
• Chrome extension を作成する際に使用する拡張機 能の使用のことです • V3 への移行によりセキュリティやプライバシ ー の機能が強化されます
Manifest v2/v3 とは?
• Ublock origin などでは V2 の「 webRequest API 」から 、V3
の 「 declarativeNetRequest API 」に大きく変更されました • これにより広告ブロッカ ー などが柔軟にリクエストをブロックする機能 が制限され静的なル ー ルセット中心の設計となります しかし
• オ ー プンソ ー スの広告 / 分析ブロッカ ー です
• 簡単な設定からものすごいカスタマイズ可能できる現代にて ブラウザに必要な拡張の一つだと思います • Adguard とならび非常に便利なブラウザ拡張です • ブラウザ拡張であるためシステム全体にてブロックはできま せん uBlock Origin とは?
• ublock フィルタ ー リスト今現在 (v2 下)ではエクステンションと独立し て更新されますが • v3
ではそれができなくなりエクステンションが拡張ストアに更新され た時にのみそれのフィルタ ー 更新されます • つまり新しいフィルタ ー リストが更新されても ublock ののエクステンシ ョンが chrome 拡張ストアにて認証されて公開されないとフィルタ ー リ ストがアップデ ー トされないことになります V3 下での問題
• 個人の端末では firefox, Brave などを使用する =>firefox 系統ブラウザでは v2 の対応してあるため uBo
の機能をまだ 使える =>Brave は chromium 系統ではあるもブラウザに組み込まれた独自ブ ロッカ ー を開発してかなりいい • 個人使用以外またどうしても chrome が必要ならば ublock origin lite をお すすめします => こちらは V3 に対応している どうすればいい?
フィルタ ー の加え方 (uBo と brave) brave では brave://settings/shields/filters にてフィルタ
ー 設定可能です
おすすめフィルタ ー( 左 uBo 右 Brave) https://raw.githubusercontent.co m/gijsdev/ublock-hide-yt- shorts/refs/heads/master/list.txt youtube
short を消すフィルタ ー
• adguard と dns(adguard dns, next dns でのカスタムフィルタ ー リストを使
用 ) が個人的にはベストかとおもいます • また brave は ios/android でも使用できるためそちらの使用もおすすめしま す • ブラウザ拡張でのブロック方法はクライエント側なので dns でのブロッ クと組み合わせることでより強くなります • 次回にでも dns 側でのブロックをお話したいと思います モバイル端末では ?
• 拡張ストアには名前が似たようなブロッカ ー が たくさんあるため気をつけて本物をダウンロ ー ドすること 注意すること
• ぜひお子さんや技術に詳しくない人に ublock origin/adguard のブロッカ ー をおすすめしてあげて ください • 不快な広告や詐欺などにふれる機会が減り快適に
ブラウザでの体験ができると思います • uBo/adguard 等が買収またはプロジェクトが廃止 / foss でなくなることは考えにくいですが情報は本日 (2025/05/25) でのものとなります
• 今現在でみなさんはどのようなブロッカ ー 等を 使用してますか • また現在のブラウザでの体験はどのようなもの ですか • あとでお話していただくとありがたいです!
質問等
• https://raw.githubusercontent.com/DandelionSprout/adfilt/refs/heads/master/Le gitimateURLShortener.txt • こちらは , url トラッキングなどのパラメ ー タを取り除くフィルタ
ー です • https://raw.githubusercontent.com/gijsdev/ublock-hide-yt- shorts/refs/heads/master/list.txt • こちらは youtube short と消すフィルタ ー です • https://ublockorigin.com/jp ublock origin • https://github.com/uBlockOrigin/uBOL-home ublock origin lite • https://adguard.com/ja/welcome.html adguard 参照