【初心者向け】規制回避サイト(Webプロキシサイト)の作り方
GitHubとCloudflareという無料の開発者向けサービスを使って、自分専用の規制回避サイト(Webプロキシ)を立ち上げる手順です。
事前準備
まずは、以下の2つのサイトで無料アカウントを作成してください。
1. GitHubアカウントの作成 👉 https://github.com/signup
2. Cloudflareアカウントの作成 👉 https://dash.cloudflare.com/sign-up
構築の手順
① ソースコードのコピー(フォーク)
1. GitHubにログインした状態で、こちらのページ(https://github.com/habataku/habatakutori./fork) にアクセスします。
2. 画面にある 「Create fork」 ボタンを押し、プログラムを自分のアカウントにコピーします。
② Cloudflareでの公開設定(デプロイ)
1. Cloudflare ダッシュボード (https://dash.cloudflare/com) にログインします。
2. メニューから 「Workers & Pages」 を選択します。
3. 「Create application」 > 「Pages」 タブ > 「Connect to Git」(GitHubと連携)の順に進めます。
4. 先ほどコピーしたレポジトリ(habatakutori.)を選択します。
5. Project name(プロジェクト名) を好きな名前に書き換えます(これがURLの一部になります)。
6. 「Deploy(デプロイ)」 をクリックし、処理が完了するまで少し待ちます。
③ サイトの完成!
デプロイが完了すると、画面に「Domains」としてURL(例: 〇〇.workers.dev)が表示されます。これがあなた専用の規制回避サイトです!
サンプルのURL(habatakuto.sxdce.workers.dev など)はこれですが、みんなが使いすぎるとサーバーが落ちて開けなくなります。必ず自分専用に作ったURLを使うようにしてください。
【中・上級者向け】仕組みの理解とカスタマイズ方法
この仕組みは、Webプロキシシステムである 「Ultraviolet Proxy」 の仕組みを応用したものです。構造を理解すると、自分好みにデザインや機能をカスタマイズできます。
1. サイトを構成する2つの要素
このシステムは「見た目(フロント)」と「裏方の処理(バック)」に分かれて動いています。
フロントエンド→サイトのデザインや、URLを入力する検索窓がある「目に見える」部分。GitHubで探して、自分好みのものを選べます。
バックエンド→実際にブロックをすり抜けて通信を中継する「裏方」のシステム。主に bare-server-worker が使われます。
2. オリジナルサイトの探し方&調整のコツ
1. GitHubで「最新版」を探す GitHubの検索窓で Ultraviolet proxy と検索し、フィルターで 「Recently updated(最近更新された順)」 に並び替えます。これで現在も動く最新のデザイン(フロントエンド)がたくさん見つかります。
2. フォークしてデプロイしてみる 良さそうなものを見つけたら、上記の手順と同様にフォークしてCloudflare等にデプロイします。
3. 動かない時のトラブルシューティング もしデプロイしても動かない(エラーが出る)場合は、コード内の uv.config.js などの設定ファイルを開き、バックエンド(bare server)のURL指定が正しく通っているかを確認・書き換えることで解決できます。
フロントエンド、バックエンドが作れるサービスの例
Back4app (一番おすすめ・動作確認済み)
設定がシンプルで一番使いやすいサービスです。
Vercel (動作が軽くて高性能)
一番おすすめですが、アカウント作成時に電話番号登録が必要です。
Koyeb (優秀)
こちらも優秀ですが、作成時に電話番号が必要な場合があります。
FL0 (優秀だがスリープあり)
一定時間アクセスがないと止まってしまう難点や、規制報告があります。
Replit (有名だが重い)
使いやすいですが、すぐにスリープしてしまい動作が重めです。
URLにアクセスして「Fork」ボタンを押すことでコピーできます。まずは「Interstellar」や「Incognito」が有名でおすすめです。
Interstellar(超有名・おすすめ)
https://github.com/habataku/Interstellar/fork
Incognito(超有名)
https://github.com/krtn0828/Inco/fork
tomp-client
https://github.com/habataku/tomp-client/fork
Hypertabs
https://github.com/habataku/Hypertabs/fork
alloy(初期の人気作)
https://github.com/habataku/alloy/fork
Yuki-Youtube-slim(軽量YouTube用)
https://github.com/habataku/Yuki-Youtube-slim/fork (Render.comなどのサーバーで作れます)
5
一般的な中高生に必要な情報への自由なアクセスを貴方に
質問はここで受け付けてます

