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
2026年のソフトウェア開発を考える(2026/07版) / Agentic Software Engineering 2026-07 Findy Edition
twada
PRO
25
10k
CDKで書くECSのベストプラクティス、 改めて考え直す2026 #cdkconf2026
makies
3
930
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
390
reFACToring
moznion
0
180
AIとハーネスで育てるトランスコンパイラ / 20260722 Yasushi Katayama
shift_evolve
PRO
3
770
現場との対話から始める “作る前に問い直す”業務改善
mochico50
1
220
”AIを使う” から ”AIに任せる” へ ─ 開発プロセスを再設計してAIを組織標準にするまで
cyberagentdevelopers
PRO
1
140
プロダクト開発組織の現在地(Ver.2026/07) / product-organization
kaonavi
0
390
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
rakus_dev
0
300
探索・可視化・自動化を一本化 Amazon Quickでデータ活用スピードを上げる方法
koheiyoshikawa
0
170
変更し続けられるシステムをどう保つか — AI時代のSSoTという設計原則
kawauso
1
1.1k
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
300
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
440
[SF Ruby Conf 2025] Rails X
palkan
2
1.2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
190
Building Flexible Design Systems
yeseniaperezcruz
330
40k
How STYLIGHT went responsive
nonsquared
100
6.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
500
For a Future-Friendly Web
brad_frost
183
10k
Into the Great Unknown - MozCon
thekraken
41
2.6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
750
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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
🤔
🙈
🙉
🙊
おわり