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
akarenga_june.pdf
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
yuyays
June 23, 2025
0
68
akarenga_june.pdf
yuyays
June 23, 2025
Tweet
Share
More Decks by yuyays
See All by yuyays
racket言語解説
yuyays
0
92
LLMでBang( バング)検索
yuyays
0
94
快適なWeb体験を
yuyays
0
5
Vibe codingと私はバイブするん?
yuyays
0
17
Webレンダリングの変化とどれ使うん
yuyays
0
93
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Scaling GitHub
holman
464
140k
HDC tutorial
michielstock
1
380
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Statistics for Hackers
jakevdp
799
230k
Thoughts on Productivity
jonyablonski
74
5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Designing for Timeless Needs
cassininazir
0
130
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
120
Transcript
快適な WEB 体験を (DNS 編) akrengaLT vol.34 by yuyay
• クライエント側のブロッキングの説明 • uBO/Adguard のインストール / 設定等 前回
• DNS とは? • どのようにブロックしているのか • どのように使用するか • フィルターとは? •
許可 / 拒否リスト 今回は DNS でやっていこう
DNS のしくみ
• これだとどの DNS からのリスポンスをすべて受け入れてしまい • また静的 HTML などがリスポンスをして帰ってきてそれに JS のバンド
ルなどがついていたら、それらをブロックせずにまたその API などへリ クエストしてしまう
None
1. パブリック DNS を使用する 2. DNS サービス(アカウント作成要 ) を使用する 3.
自分でホストする ではどのように使用するのか
• Adguard パブリック DNS, Quad9 など • アカウント作成せずにすぐ使用できる • 使用されているフィルターもまあ十分にブロックしてくれる
• ただフィルターはカスタマイズできない パブリック DNS
• Adguard, NextDNS, ControlD 等などのサービスに登録する • フィルタールール , ブロックリスト ,
ペアレンタルコントロー , ロギン グ , およびその他の設定をカスタマイズできる • 月間 30 万クエリまでは無料で使えるのが多い DNS サービスを使用する
• 空いているパソコンやラズパイなどに Adguard home や pi whole をイン ストールする •
完全なコントロールをもつ 自分でホストする
• DNS フィルタリングはクエリを 要求されたドメインを一連のフィルタリングルール またはブロックリストと照合することで機能します フィルターとは
• 頻繁に更新 / メンテナンスされているもの • 自分の意図したものにまっちする • 走っている端末に合うサイズのものを選ぶ (openwrt 等
) • False positive( 偽陽性 ) の少ないもの フィルターの選び方
• https://github.com/hagezi/dns-blocklists <= こちらがわたしがおすすめの フィルター • 良い点 : フィルタに
light~ultimate と種類があり • 例えば ultimate はもしブロックリストに引っかかた場合にすぐに許可リ ストに加えることができる人に向けていたり • nomarl はそんなこといらずに DNS のことも知らない人でも何も壊さず に機能してくれる おすすめ
• ブラウザ: 設定から DNS で検索して以下のように加える • Adguard public dns:
https://dns.adguard-dns.com/dns-query • Quad 9 public dns: https://quad9.net ブラウザで設定
• 端末のシステムレベルでの使用 • https://adguard-dns.io/ja/public-dns.html • https://quad9.net/service/service-addresses-and-features/ • ちょっとながくなるのでこちらを参照してください • モバイル端末は多くのブラウザ拡張
(uBO, adguard) を対応してないの で確実にやったほうがいいです ( モバイルはアプリを入れることが可能 です ) PC/ モバイル端末
• wifi ルーターにてそこまで強くないフィルター (hagezi noraml) 等を選択 • pc/ モバイルでは個人の用途によって使い分ける •
例 ) 子供には default+ アダルトブロック等などのフィルター • 例)一度設定したら許可 / 拒否リストに触らずに設定を忘れておきたい 人ー>丁度中間の pro フィルター • ルーターのみで設定している場合は外出時にモバイル端末では設定され てないため効果がないのでモバイルのほうではぜひ設定してください 戦略
• Sentry, firebase のログをブロックするのもあるので開発用のブラウザは 違うプロファイルや違うブラウザ等を使用してください (hagezi pro~ は ブロックされてます )
注意(開発者)
• https://adguard-dns.io/en/blog/dns-content-blocking-at-scale.html • https://github.com/hagezi/dns-blocklists • https://adguard-dns.io/ja/public-dns.html • https://quad9.net/service/service-addresses-and-features/ 参照