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
yuyays
June 23, 2025
73
0
Share
akarenga_june.pdf
yuyays
June 23, 2025
More Decks by yuyays
See All by yuyays
racket言語解説
yuyays
0
94
LLMでBang( バング)検索
yuyays
0
96
快適なWeb体験を
yuyays
0
5
Vibe codingと私はバイブするん?
yuyays
0
17
Webレンダリングの変化とどれ使うん
yuyays
0
98
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.4k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
640
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
92
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Six Lessons from altMBA
skipperchong
29
4.2k
Amusing Abliteration
ianozsvald
1
150
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
340
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.2k
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/ 参照