Upgrade to Pro — share decks privately, control downloads, hide ads and more …

13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件

Avatar for maijun maijun
April 24, 2023
Technology
0
37

 13.Cloudflareを使ってみたら30分以内でプロフィールサイトが作れた件

2023年4月28日にCloudflare Meetup Okinawaが開催するに合わせて、事前にアカウント開設などを行ってみました＞Cloudflare

ドメインも安く取得出来ましたよ！

Avatar for maijun

maijun

April 24, 2023
Tweet

More Decks by maijun

See All by maijun
re:Invent初参加者必⾒！ 〜 AWS Jam & GameDay 攻略の書 〜
Avatar for maijun maijun
0
66
Amazon Redshiftハンズオン：SpectrumでS3分析／Athenaとの使い分け
Avatar for maijun maijun
0
32
サーバーワークスでのBacklog利用状況
Avatar for maijun maijun
0
370
【基本情報技術者試験】2019秋 午後問１解説
Avatar for maijun maijun
0
410
【基本情報技術者試験】2019春 午後問１解説
Avatar for maijun maijun
0
87

Other Decks in Technology

See All in Technology
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
Avatar for watahani watahani
0
420
CQRS/ESになぜアクターモデルが必要なのか
Avatar for かとじゅん j5ik2o
0
650
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
技術選定、下から見るか？横から見るか？
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
180
「リリースファースト」の実感を届けるには 〜停滞するチームに変化を起こすアプローチ〜 #RSGT2026
Avatar for KintoTech_Dev kintotechdev
0
620
Redshift認可、アップデートでどう変わった？
Avatar for daiki.handa handy
1
130
旬のブリと旬の技術で楽しむ AI エージェント設計開発レシピ
Avatar for Akira Inoue chack411
1
110
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
130
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
Agentic AIが変革するAWSの開発・運用・セキュリティ ～Frontier Agentsを試してみた～ / Agentic AI transforms AWS development, operations, and security I tried Frontier Agents
Avatar for Yuji Oshima yuj1osm
0
210
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
Avatar for Aratako aratako
15
4.9k
国井さんにPurview の話を聞く会
Avatar for Kunii, Suguru sophiakunii
1
330

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
1
340
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
590
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
0
1.9M

Transcript

  1. 13.Cloudflareを使ってみたら30分 以内でプロフィールサイトをつくれた 件 #まいじゅん塾 https://twitter.com/maijun2

  2. 目次 1. Cloudflareって何？ 2. なぜ使ってみようと思ったのか？ 3. 実際に使ってみた！ 4. まとめ 5.

    告知

  3. • 今までの私の印象 ◦ Akamai のような CDN(Content Delivery Network) ◦ いろんな

    Web サービスが Cloudflare を利用してる ◦ 1.1.1.1 っていう Public DNS を提供している ▪ 1.1.1.1 はユーザーのデータを利用してない 1. Cloudflareって何？

  4. • 世界最大級のネットワークの一つ • キャッシュ技術によりコンテンツを高速に提供 • コンテンツの高速提供以外にDDoS攻撃にも対応 • エッジ側でJavascriptコードを実行できる 1. Cloudflareとは？

    Cloudflareサイトより

  5. • きっかけは「ドメイン取得料金が安い」という記事 ドメインを原価で提供するCloudflareでドメインを取得するかどうか… https://totonote.com/2022/02/11/how-about-cloudflare-domain-service/ ドメインを原価提供している Cloudflare Registrar を試してみた https://dev.classmethod.jp/articles/cloudflare-registrar-transfer/ 2.

    なぜ使ってみようと思ったのか？

  6. • 料金表を見ても安い。原価で提供されてる ◦ 某社だと管理維持費用なども加算されてたりする 2. なぜ使ってみようと思ったのか？ Cloudflareサイトより

  7. • 触るのが手っ取り早い事のですぐ登録してみた ◦ クレジットカード情報の登録は無し！ 3. 実際に使ってみた Cloudflareサイトより

  8. • 多要素認証にも対応している 3. 実際に使ってみた

  9. • ドメイン登録もコンソール画面から簡単にできる 3. 実際に使ってみた

  10. • 支払い方法に PayPal がある！大歓喜！ 3. 実際に使ってみた

  11. • サクッと登録できました（ここまで約10分） 3. 実際に使ってみた

  12. • 気になるWhois情報も個人情報は隠してくれてました 3. 実際に使ってみた

  13. • DNS 管理の際は Webサイトからできる 3. 実際に使ってみた

  14. • 普通にレコード設定ができる 3. 実際に使ってみた

  15. • Pagesというのが静的コンテンツ配信できそう 3. 実際に使ってみた

  16. • Vue.jsで作られたプロフィール作成ツールを使って、プロ フィールページを作ってみる（ここまでで20分） 3. 実際に使ってみた https://onelink-nu.vercel.app/

  17. • 作成された静的コンテンツをPagesに保存し・・ 3. 実際に使ってみた

  18. • 取得したドメイン名をPagesに割当 3. 実際に使ってみた

  19. • するとプロフィールサイトが出来た（30分で完成） 3. 実際に使ってみた https://maijun.net/

  20. • アクセス集計等がグラフィカルで面白い 3. 実際に使ってみた

  21. • Cloudflareは CDN だけじゃないっぽい！ • アカウント開設時にはクレジットカードが不要 ◦ これは学生さんには助かると思います。 • ドメイン取得費用が安い！更新費用も安い！

    • Pages とか機能が無料で助かる • 30分程度で簡単な静的サイトは独自ドメインで公開できる 4. まとめ

  22. • なぜ金曜日じゃなくて月曜日に #まいじゅん塾 するの？ ◦ → 金曜日にとあるキックオフミーティングがあるんです 5. 告知

  23. • Cloudflare Meetup Okinawa Kick Off! ◦ 日時：2023 年 4月

    28日（金）19:00 - 21:00 ◦ 場所：ZORKS沖縄　8階 ▪ 沖縄県那覇市安里３８１−１ ▪ 栄町だ！！ • https://cfm-cts.connpass.com/event/277590/ 5. 告知

  24. #まいじゅん塾 https://twitter.com/maijun2