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
Cloudflare Tunnelで始めるお手軽自宅サーバー
Search
Taiki
November 17, 2025
Technology
360
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Cloudflare Tunnelで始めるお手軽自宅サーバー
Taiki
November 17, 2025
Other Decks in Technology
See All in Technology
設計レビューとAIハーネスで向き合う AIが生み出した新しいボトルネックの対処法 / Design Reviews and AI Harnesses Against New Bottlenecks Created by AI
nstock
4
420
AIツールを導入しても生産性はあがらない? カオナビが直面した 3つの壁と乗り越え方。/ Overcoming 3 Barriers to AI-Driven Productivity at kaonavi
kaonavi
0
160
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
kawauso
1
1.1k
ダッシュボード"開発"について 〜使われるダッシュボードのつくりかた〜
kimichan
0
190
JAWS_ICEBERG_BASECAMP
iqbocchi
2
110
AI時代のYAGNI:「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
shift_evolve
PRO
3
520
Type-safe IaC for Dart
coborinai
0
180
そのドキュメント、自動化しませんか?
yuksew
1
410
AI、CDK と協働する Full TypeScript アプリケーション開発 / Full TypeScript Application with AI and CDK
geekplus_tech
2
480
Aurora MySQL 8.4リリース! Rubyistが備えること / what-rubyist-should-prepare-for-aurora-mysql-8-4
fkmy
0
630
AIコード生成×サプライチェーン攻撃 — PHPが直面する“二重の信頼問題
shinyasaita
0
450
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
110k
Featured
See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
240
Speed Design
sergeychernyshev
33
1.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.9k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
660
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
260
Facilitating Awesome Meetings
lara
57
7k
A designer walks into a library…
pauljervisheath
211
24k
What's in a price? How to price your products and services
michaelherold
247
13k
How STYLIGHT went responsive
nonsquared
100
6.2k
Transcript
Cloudflare Tunnelで始めるお手軽自宅サーバー 2025/10/24 たのしくでべろっぷめんと選手権 Taiki Hoshika
自己紹介 星加大樹 新卒1年目の駆け出しエンジニア Azureを勉強中💪 @T4i_8 TaikiHoshika
皆さん、自宅サーバーやってますか?
でも自宅サーバーって... 占有回線が必要だから賃貸じゃ難しい 🤔 逸般の誤家庭 セキュリティが不安 電気代やばそう
その悩み、Cloudflare Tunnelで解決
Cloudflare Tunnelとは? Cloudflareが提供する、プライベートネットワーク内のリソースを、パブリック IPやポート開放なし に、Cloudflareの暗号化されたアウトバウンド接続を通じてインターネットに安全に公開できるソ リューション (by GitHub Copilot) 通常なら
• パブリックIPアドレス必要 • ポート開放必要 • セキュリティの問題 Cloudflare Tunnelを使うと • パブリックIPアドレス不要 • ポート開放不要 • セキュリティリスクの軽減
自宅サーバーでWebサイトを公開しよう!
準備するもの • サーバーマシン ◦ 高い機材は必要なし ◦ 古いノートパソコンとかでも動けばOK! • Cloudflareに登録したドメイン ◦
ほかのレジストラで登録したドメインをCloudflareに移管 ◦ Cloudflareでドメイン登録(おすすめ!) • cloudflaredのインストール
Webサーバーの準備 Docker上でNginxを動かしてhtmlを返すだけの超シンプルなWebサーバー
index.hmtl <!DOCTYPE html> <html lang="ja"> <head> <title>Hello World</title> </head> <body>
<h1>Hello World</h1> </body> </html>
nginx.conf server { listen 3000; server_name <ドメイン>; location / {
root /usr/share/nginx/html; index index.html; } }
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;"]
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
Cloudflare Tunnelの作成
たったこれだけで...🐟
🎉 🎉
Cloudflare Tunnel のいいところ • 設定が超簡単 • htttp以外にも、tcpやudpなど様々なプロトコルに対応 ◦ ゲームサーバーなんかも建てれちゃう! •
無料
Cloudflare Tunnelで自宅サーバー始めよう!
ちょっと待って! ✋ 先輩エンジニア
静的Webサイトを公開したいなら 便利なクラウドサービスがいっぱいあるよ! 😎 👉Amazon S3 Azure Static Web Apps GitHub
Pages Cloudflare pages Vercel
🤔
🙈
🙉
🙊
おわり