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
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
330
歴史から学ぶ、Goのメモリ管理基礎
Avatar for Takuto Nagami logica0419
12
2.6k
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
150
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
190
田舎で20年スクラム（後編）：一個人が企業で長期戦アジャイルに挑む意味
Avatar for Tomonori Fukuta chinmo
1
1.3k
AWS re:Invent 2025 を振り返る
Avatar for kazzpapa3 kazzpapa3
2
110
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
BidiAgent と Nova 2 Sonic から​考える音声 AI について
Avatar for Yuuki Yamashita yama3133
2
150
スクラムマスターが
スクラムチームに入って取り組む5つのこと
- スクラムガイドには書いてないけど入った当初から取り組んでおきたい大切なこと -
Avatar for scrummasudar scrummasudar
2
1.9k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
1
160
サラリーマンソフトウェアエンジニアのキャリア
Avatar for YuheiNakasaka yuheinakasaka
35
17k
プロンプトエンジニアリングを超えて：自由と統制のあいだでつくる Platform × Context Engineering
Avatar for yuriemori yuriemori
0
390

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
New Earth Scene 8
Avatar for Sydney Stone popppiees
0
1.3k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
55
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.8k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
270
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
140
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
95

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