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
はじめてのホスティング
Search
Rkobuki
June 11, 2025
0
29
はじめてのホスティング
Cloudflare Meet-up Tokyo Vol.8 登壇資料 (2025/06/11)
Rkobuki
June 11, 2025
Tweet
Share
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Become a Pro
speakerdeck
PRO
29
5.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Writing Fast Ruby
sferik
628
62k
Optimizing for Happiness
mojombo
379
70k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Docker and Python
trallard
45
3.5k
The Language of Interfaces
destraynor
158
25k
Transcript
はじめて 2025/6/11 Cloudflare Meet-up Tokyo Vol.8 1 𝕏 @RiKobuki の
2025/6/11 Cloudflare Meet-up Tokyo Vol.8 2 M5stack、ラズパイ C++、Python …… インターン(データ基盤)
SQL、Hadoop …… 技術書を読む 応用情報とってみる 雑誌の編集者をしています! 技術は好きです。 なにか公開してみたい! けど、webサービスの公開やったことない
2025/6/11 Cloudflare Meet-up Tokyo Vol.8 3 できない・わからない ・webわからない ・SSL証明書って? ・ドメインもってないし
・DDoS対策どうするんだろ ・お金かけたくない だ!
・はじめてのドメイン取得 ・pages+Hugoでブログ公開 ・CDNを肌で感じる ・wokersでサービス公開 ・Wranglerが便利! 2025/6/11 Cloudflare Meet-up Tokyo Vol.8
4 ・高度なCloudflare活用術 ・最新機能の解説 …… 話せないこと たのしい!
Cloudflareで .com ドメイン取得 思ったより簡単に買える! 卸値で買えるのでうれしい! .uk .us が安いのが意外 2025/6/11 Cloudflare
Meet-up Tokyo Vol.8 5 買えた!
Hugo(Go製のSSG)でブログページ作成 https://gohugo.io/ `hugo new site [site-name]` 立ち上げ ↓ `hugo new
posts/first-post.md` 記事を作成 themesから選ぶとデザインも簡単 https://themes.gohugo.io/themes/ 今回はAnankeを使用 2025/6/11 Cloudflare Meet-up Tokyo Vol.8 6
2025/6/11 Cloudflare Meet-up Tokyo Vol.8 7 ▼できあがったブログ hugo.toml をいじるだけ! (略)
[[menu.main]] identifier = "home" name = "直近の投稿" url = "/" weight = 1 [[menu.main]] identifier = "posts" name = "記事一覧" url = "/posts/" weight = 2 (略) ▼hugo.toml baseURL = 'https://rikuro- kobuki.com/' languageCode = 'en-us' title = "Kobuki's Blog" theme = "ananke" [pagination] pagerSize = 5 # 1ページあ たりの記事数 # サマリーの⾧さを設定(単 語数) summaryLength = 30 (略) できた!
GitHub連携で ホスティング! SSLも自動! DDoS対策も! WAFも! 2025/6/11 Cloudflare Meet-up Tokyo Vol.8
8
プレビューでは反映されているのに。。。 ↓ ファイル名を変えると解決! 2025/6/11 Cloudflare Meet-up Tokyo Vol.8 9 これが
CDN! 画像を差し替えたのに、 反映されない
手元で動かしていたスクリプトを公開してみた ▼Honoを使ってみる 2025/6/11 Cloudflare Meet-up Tokyo Vol.8 10 公開できた! ▼公開したサイト
2025/6/11 Cloudflare Meet-up Tokyo Vol.8 11 MarkdownからRustコードを抽出 ↓ Rustのコンパイルチェック (Rust
Playgroud API) https://rust-md-checker.rikuro-kobuki.com/
`wrangler init project` プロジェクトの初期化 ↓ `wrangler login` アカウントの認証 ↓ `wrangler
dev` 開発&テスト ↓ `wrangler publish` デプロイ 2025/6/11 Cloudflare Meet-up Tokyo Vol.8 12 これだけ! ▼開発ライフサイクル
-ドメイン購入 - ブログ公開 - 自作ツール公開 2025/6/11 Cloudflare Meet-up Tokyo Vol.8
13 できた! 手厚いサポートと自分でやった感 のバランスがうれしい!