Cloudflare Tunnelで始めるお手軽自宅サーバー

Transcript

1. Cloudflare Tunnelで始めるお手軽自宅サーバー 2025/10/24 たのしくでべろっぷめんと選手権 Taiki Hoshika
2. 自己紹介 星加大樹 新卒1年目の駆け出しエンジニア Azureを勉強中💪 @T4i_8 TaikiHoshika
3. 皆さん、自宅サーバーやってますか？
4. でも自宅サーバーって... 占有回線が必要だから賃貸じゃ難しい 🤔 逸般の誤家庭 セキュリティが不安 電気代やばそう
5. その悩み、Cloudflare Tunnelで解決
6. Cloudflare Tunnelとは？ Cloudflareが提供する、プライベートネットワーク内のリソースを、パブリック IPやポート開放なし に、Cloudflareの暗号化されたアウトバウンド接続を通じてインターネットに安全に公開できるソ リューション (by GitHub Copilot) 通常なら • パブリックIPアドレス必要 • ポート開放必要 • セキュリティの問題 Cloudflare Tunnelを使うと • パブリックIPアドレス不要 • ポート開放不要 • セキュリティリスクの軽減
7. 自宅サーバーでWebサイトを公開しよう！
8. 準備するもの • サーバーマシン ◦ 高い機材は必要なし ◦ 古いノートパソコンとかでも動けばOK！ • Cloudflareに登録したドメイン ◦ ほかのレジストラで登録したドメインをCloudflareに移管 ◦ Cloudflareでドメイン登録（おすすめ！） • cloudflaredのインストール
9. Webサーバーの準備 Docker上でNginxを動かしてhtmlを返すだけの超シンプルなWebサーバー
10. index.hmtl <!DOCTYPE html> <html lang="ja"> <head> <title>Hello World</title> </head> <body> <h1>Hello World</h1> </body> </html>
11. nginx.conf server { listen 3000; server_name <ドメイン>; location / { root /usr/share/nginx/html; index index.html; } }
12. Dockerfile FROM nginx:latest RUN rm /etc/nginx/conf.d/default.conf COPY nginx.conf /etc/nginx/conf.d/ COPY index.html /usr/share/nginx/html/ EXPOSE 3000 CMD ["nginx", "-g", "daemon off;"]
13. Cloudflare Tunnelの作成
14. Cloudflare Tunnelの作成
15. Cloudflare Tunnelの作成
16. Cloudflare Tunnelの作成
17. Cloudflare Tunnelの作成
18. Cloudflare Tunnelの作成
19. Cloudflare Tunnelの作成
20. たったこれだけで...🐟
21. 🎉 🎉
22. Cloudflare Tunnel のいいところ • 設定が超簡単 • htttp以外にも、tcpやudpなど様々なプロトコルに対応 ◦ ゲームサーバーなんかも建てれちゃう！ • 無料
23. Cloudflare Tunnelで自宅サーバー始めよう！
24. ちょっと待って！ 󰬦 ✋ 先輩エンジニア
25. 静的Webサイトを公開したいなら 便利なクラウドサービスがいっぱいあるよ！ 😎 👉Amazon S3 Azure Static Web Apps GitHub Pages Cloudflare pages Vercel
26. 🤔
27. 🙈
28. 🙉
29. 🙊
30. おわり