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