Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件
Search
maijun
April 24, 2023
Technology
0
32
13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件
2023年4月28日にCloudflare Meetup Okinawaが開催するに合わせて、事前にアカウント開設などを行ってみました>Cloudflare
ドメインも安く取得出来ましたよ!
maijun
April 24, 2023
Tweet
Share
More Decks by maijun
See All by maijun
サーバーワークスでのBacklog利用状況
maijun
0
310
【基本情報技術者試験】2019秋 午後問1解説
maijun
0
340
【基本情報技術者試験】2019春 午後問1解説
maijun
0
75
Other Decks in Technology
See All in Technology
開志専門職大学特別講義 2024 デモパート
1ftseabass
PRO
0
210
Nihonbashi Test Talk #3_WebDriver BiDiと最新の実装状況 / WebDriver BiDi latest status
takeyaqa
1
140
開発者向けツールを魔改造してセキュリティ診断ツールを作っている話 - 第1回 セキュリティ若手の会 LT
pizzacat83
0
360
ARRが3年で10倍になったプロダクト開発とAI活用の軌跡
akiroom
0
230
日本全国・都市3D化プロジェクト「PLATEAU」とデータ変換OSS「PLATEAU GIS Converter」の公開
nokonoko1203
4
350
LY Accessibility Guidelines @fukuoka_a11yconf_前夜祭
lycorptech_jp
PRO
1
140
.NET のUnified AI Building Blocks 入門...!
okazuki
0
180
AWS認定試験の長文問題を早く解くコツ
keke1234ke
0
160
開志専門職大学特別講義 2024 オープニング
1ftseabass
PRO
0
220
【ASW21-01】STAMPSTPAで導き出した課題に対する対策立案手法の提案
hianraku9498
0
540
WED Company Deck for Engineer
wed
2
3.7k
Remix SPAモードのファイルベースルーティングで進めるフロントエンド構築
ryochike
0
150
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.1k
Being A Developer After 40
akosma
87
590k
Building Applications with DynamoDB
mza
91
6.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
4 Signs Your Business is Dying
shpigford
181
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
770
The Invisible Side of Design
smashingmag
298
50k
Designing Experiences People Love
moore
138
23k
Git: the NoSQL Database
bkeepers
PRO
427
64k
How to Think Like a Performance Engineer
csswizardry
21
1.2k
The Cost Of JavaScript in 2023
addyosmani
45
6.9k
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