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

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

Avatar for maijun maijun
April 24, 2023
Technology
0
35

 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
Amazon Redshiftハンズオン：SpectrumでS3分析／Athenaとの使い分け
Avatar for maijun maijun
0
21
サーバーワークスでのBacklog利用状況
Avatar for maijun maijun
0
360
【基本情報技術者試験】2019秋 午後問１解説
Avatar for maijun maijun
0
390
【基本情報技術者試験】2019春 午後問１解説
Avatar for maijun maijun
0
82

Other Decks in Technology

See All in Technology
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
8.7k
複数サービスを支える マルチテナント型 Batch MLプラットフォーム
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
330
企業の生成AIガバナンスにおけるエージェントとセキュリティ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
160
テストを軸にした生き残り術
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
0
200
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
Avatar for Michiru Kato applism118
21
11k
自作JSエンジンに推しプロポーザルを実装したい！
Avatar for Saji sajikix
1
170
2025年になってもまだMySQLが好き
Avatar for yoku0825 yoku0825
8
4.7k
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
470
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
Avatar for KoheiOgawa shisyu_gaku
0
160
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
Avatar for shinaps shinaps
2
440
Language Update: Java
Avatar for Yuichi.Sakuraba skrb
2
290

Featured

See All Featured
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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