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
13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件
Search
maijun
April 24, 2023
Technology
0
45
13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件
2023年4月28日にCloudflare Meetup Okinawaが開催するに合わせて、事前にアカウント開設などを行ってみました>Cloudflare
ドメインも安く取得出来ましたよ!
maijun
April 24, 2023
Tweet
Share
More Decks by maijun
See All by maijun
re:Invent2025 re:Cap 〜技術的負債解消と AWS Transform Customと わたし〜
maijun
0
170
re:Invent初参加者必⾒! 〜 AWS Jam & GameDay 攻略の書 〜
maijun
0
84
Amazon Redshiftハンズオン:SpectrumでS3分析/Athenaとの使い分け
maijun
0
40
サーバーワークスでのBacklog利用状況
maijun
0
380
【基本情報技術者試験】2019秋 午後問1解説
maijun
0
430
【基本情報技術者試験】2019春 午後問1解説
maijun
0
96
Other Decks in Technology
See All in Technology
やさしいとこから始めるGitHubリポジトリのセキュリティ
tsubakimoto_s
3
2k
VSCode中心だった自分がターミナル沼に入門した話
sanogemaru
0
850
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
2
220
GitHub Copilot CLI で Azure Portal to Bicep
tsubakimoto_s
0
300
OCI技術資料 : ロード・バランサ 概要 - FLB・NLB共通
ocise
4
27k
AWS Systems Managerのハイブリッドアクティベーションを使用したガバメントクラウド環境の統合管理
toru_kubota
1
190
TUNA Camp 2026 京都Stage ヒューリスティックアルゴリズム入門
terryu16
0
630
Oracle AI Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
5
1.2k
【社内勉強会】新年度からコーディングエージェントを使いこなす - 構造と制約で引き出すClaude Codeの実践知
nwiizo
30
14k
Zephyr(RTOS)でARMとRISC-Vのコア間通信をしてみた
iotengineer22
0
100
AI時代のシステム開発者の仕事_20260328
sengtor
0
310
【Oracle Cloud ウェビナー】データ主権はクラウドで守れるのか?NTTデータ様のOracle Alloyで実現するソブリン対応クラウドの最適解
oracle4engineer
PRO
3
120
Featured
See All Featured
Game over? The fight for quality and originality in the time of robots
wayneb77
1
150
WCS-LA-2024
lcolladotor
0
500
Code Reviewing Like a Champion
maltzj
528
40k
Chasing Engaging Ingredients in Design
codingconduct
0
150
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
Navigating Team Friction
lara
192
16k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.1k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
64
54k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
700
How to Talk to Developers About Accessibility
jct
2
160
Darren the Foodie - Storyboard
khoart
PRO
3
3.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Transcript
13.Cloudflareを使ってみたら30分 以内でプロフィールサイトをつくれた 件 #まいじゅん塾 https://twitter.com/maijun2
目次 1. Cloudflareって何? 2. なぜ使ってみようと思ったのか? 3. 実際に使ってみた! 4. まとめ 5.
告知
• 今までの私の印象 ◦ Akamai のような CDN(Content Delivery Network) ◦ いろんな
Web サービスが Cloudflare を利用してる ◦ 1.1.1.1 っていう Public DNS を提供している ▪ 1.1.1.1 はユーザーのデータを利用してない 1. Cloudflareって何?
• 世界最大級のネットワークの一つ • キャッシュ技術によりコンテンツを高速に提供 • コンテンツの高速提供以外にDDoS攻撃にも対応 • エッジ側でJavascriptコードを実行できる 1. Cloudflareとは?
Cloudflareサイトより
• きっかけは「ドメイン取得料金が安い」という記事 ドメインを原価で提供するCloudflareでドメインを取得するかどうか… https://totonote.com/2022/02/11/how-about-cloudflare-domain-service/ ドメインを原価提供している Cloudflare Registrar を試してみた https://dev.classmethod.jp/articles/cloudflare-registrar-transfer/ 2.
なぜ使ってみようと思ったのか?
• 料金表を見ても安い。原価で提供されてる ◦ 某社だと管理維持費用なども加算されてたりする 2. なぜ使ってみようと思ったのか? Cloudflareサイトより
• 触るのが手っ取り早い事のですぐ登録してみた ◦ クレジットカード情報の登録は無し! 3. 実際に使ってみた Cloudflareサイトより
• 多要素認証にも対応している 3. 実際に使ってみた
• ドメイン登録もコンソール画面から簡単にできる 3. 実際に使ってみた
• 支払い方法に PayPal がある!大歓喜! 3. 実際に使ってみた
• サクッと登録できました(ここまで約10分) 3. 実際に使ってみた
• 気になるWhois情報も個人情報は隠してくれてました 3. 実際に使ってみた
• DNS 管理の際は Webサイトからできる 3. 実際に使ってみた
• 普通にレコード設定ができる 3. 実際に使ってみた
• Pagesというのが静的コンテンツ配信できそう 3. 実際に使ってみた
• Vue.jsで作られたプロフィール作成ツールを使って、プロ フィールページを作ってみる(ここまでで20分) 3. 実際に使ってみた https://onelink-nu.vercel.app/
• 作成された静的コンテンツをPagesに保存し・・ 3. 実際に使ってみた
• 取得したドメイン名をPagesに割当 3. 実際に使ってみた
• するとプロフィールサイトが出来た(30分で完成) 3. 実際に使ってみた https://maijun.net/
• アクセス集計等がグラフィカルで面白い 3. 実際に使ってみた
• Cloudflareは CDN だけじゃないっぽい! • アカウント開設時にはクレジットカードが不要 ◦ これは学生さんには助かると思います。 • ドメイン取得費用が安い!更新費用も安い!
• Pages とか機能が無料で助かる • 30分程度で簡単な静的サイトは独自ドメインで公開できる 4. まとめ
• なぜ金曜日じゃなくて月曜日に #まいじゅん塾 するの? ◦ → 金曜日にとあるキックオフミーティングがあるんです 5. 告知
• Cloudflare Meetup Okinawa Kick Off! ◦ 日時:2023 年 4月
28日(金)19:00 - 21:00 ◦ 場所:ZORKS沖縄 8階 ▪ 沖縄県那覇市安里381−1 ▪ 栄町だ!! • https://cfm-cts.connpass.com/event/277590/ 5. 告知
#まいじゅん塾 https://twitter.com/maijun2