by Taiki

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 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Hello World

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

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