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
0
160
Cloudflare Tunnelで始めるお手軽自宅サーバー
Taiki
November 17, 2025
Tweet
Share
Other Decks in Technology
See All in Technology
AI駆動開発ライフサイクル(AI-DLC)の始め方
ryansbcho79
0
290
AWS re:Invent2025最新動向まとめ(NRIグループre:Cap 2025)
gamogamo
0
150
Everything As Code
yosuke_ai
0
490
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
watahani
0
390
モノタロウ x クリエーションラインで実現する チームトポロジーにおける プラットフォームチーム・ ストリームアラインドチームの 効果的なコラボレーション
creationline
0
330
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
smartbank
9
19k
[Data & AI Summit '25 Fall] AIでデータ活用を進化させる!Google Cloudで作るデータ活用の未来
kirimaru
0
4.2k
2025年のデザインシステムとAI 活用を振り返る
leveragestech
0
680
歴史から学ぶ、Goのメモリ管理基礎
logica0419
10
1.9k
小さく、早く、可能性を多産する。生成AIプロジェクト / prAIrie-dog
visional_engineering_and_design
0
320
『君の名は』と聞く君の名は。 / Your name, you who asks for mine.
nttcom
1
140
re:Invent2025 セッションレポ ~Spec-driven development with Kiro~
nrinetcom
PRO
2
170
Featured
See All Featured
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
78
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Context Engineering - Making Every Token Count
addyosmani
9
580
Faster Mobile Websites
deanohume
310
31k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.3k
Designing Experiences People Love
moore
143
24k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
0
51
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
110
Designing for Timeless Needs
cassininazir
0
110
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
120
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
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
🤔
🙈
🙉
🙊
おわり