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
2
快適なWeb体験を
yuyays
May 26, 2025
Tweet
Share
More Decks by yuyays
See All by yuyays
akarenga_june.pdf
yuyays
0
50
LLMでBang( バング)検索
yuyays
0
79
Vibe codingと私はバイブするん?
yuyays
0
10
Webレンダリングの変化とどれ使うん
yuyays
0
57
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Building Applications with DynamoDB
mza
95
6.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Bash Introduction
62gerente
614
210k
Embracing the Ebb and Flow
colly
86
4.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
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 参照