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

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

Avatar for maijun maijun
April 24, 2023
Technology
0
34

 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
サーバーワークスでのBacklog利用状況
Avatar for maijun maijun
0
350
【基本情報技術者試験】2019秋 午後問１解説
Avatar for maijun maijun
0
380
【基本情報技術者試験】2019春 午後問１解説
Avatar for maijun maijun
0
82

Other Decks in Technology

See All in Technology
AI導入の理想と現実～コストと浸透〜
Avatar for oprst oprstchn
0
120
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
0
140
Connect 100+を支える技術
Avatar for Yamakan kanyamaguc
0
100
Lambda Web Adapterについて自分なりに理解してみた
Avatar for Makky12 smt7174
5
130
フィンテック養成勉強会#54
Avatar for フィンテック養成コミュニティ finengine
0
180
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
Avatar for shogogg shogogg
4
910
製造業からパッケージ製品まで、あらゆる領域をカバー！生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
150
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
Avatar for matsuihidetoshi matsuihidetoshi
1
300
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
Avatar for Nagisa Yata nyata
0
260
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
Avatar for 弁護士ドットコム bengo4com
1
3.2k
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
Avatar for kazzpapa3 kazzpapa3
2
570
作曲家がボカロを使うようにPdMはAIを使え
Avatar for Takuya Ito itotaxi
0
300

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Designing for Performance
Avatar for Lara Hogan lara
609
69k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
KATA
Avatar for Megan Lloyd mclloyd
30
14k

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