ブログはCloudflareで投稿されている

　~~会話はマキマに聞かれています。~~

　皆さんは自分でサイトを作りたいと思ったことはありますか？僕はあります。（だからこのサイトがある）　あまりサーバとかネットワークに詳しくないけど自分でサイトを作ったらサーバを借りる料金やドメインの料金がかかるはずです(たしか)。それを無料で行うことができるのがCloudflareです。　この記事を見てみんなでサイトを運用しよう！！

Cloudflareとは何か

　もともとネットワークに関するサービスで知られていた会社で、開発者向けのクラウド基盤を提供しています。このブログでは、Cloudflareの以下のサービスを使用させてもらっています。

サービス名	役割
Pages	HTML/CSS/JSなどの静的ファイルを配信する
Pages Functions	サーバーサイドの処理(API)を実行する
D1	記事・コメント・ユーザー情報を保存するデータベース

Markdownミスって表が表じゃなくなっちゃった

　これらのサービスはすべて「サーバを自分で用意しなくてもいい」という格段のとっつきやすさがあります。コードを書いてwranglerというコマンドラインツールでデプロイするだけで、世界中のエッジで動き始めます。

全体像

　このサイトは大きく以下3点の処理で動いています。

ブログのトップページを開く → Pages が、ページの見た目一式を届ける
記事のページを開く → Pages Functions が、データベースから記事を取り出して、その記事専用のページを作って届ける
記事を投稿する・コメントする → Pages Functions が、その内容を D1(データベース)に書き込む

Pagesが「お店の看板と店内の内装」、Pages Functionsが「注文を受けて対応する店員さん」、D1が「在庫や注文履歴を記録しておく台帳」のような役割分担になっており、それぞれが必要なときだけ動くようになっています。(Cloudに考えてもらった例わかりやすいな)

ページはどのように表示されているの？

　サイトの見た目の部分はCloudflare Pagesという仕組みで配信されています。コマンドをひとつ打つだけで世界中に配信されます。CloudflareはCDNという仕組みを取り入れているので全世界で高速で見られます。日本以外のお友達にも届くね！！

バックエンドはどうなってるの？

　記事投稿やコメント投稿にはPages Functionsという仕組みが使われています。　Pages Functionsはとても便利で、処理の内容を書いたファイルを、決められたルールに従ってフォルダに置くだけで、そのままAPI(裏側の窓口)として動いてくれます。URLに対する対応表がいらないので便利です。

データベースはどうなってるの？

　記事本文やコメントはD1というCloudflareのデータベースに保存されています。D1はSQLiteと全く同じなので、サーバ周りの勉強をしたことがある人なら使いやすいのではないでしょうか。(別に自分は使ったことないけど)

検索されやすくする工夫(SEO)

　最終的にはアフィリエイトで稼げると嬉しいと思ってるのでSEO対策ができる構造になっています。

記事のURLに記事のタイトルが入るようになっている
サムネイル画像を自動生成してくれる
サイトマップを自動で作ってくれる

AIって素晴らしい

　ここまで自分が作ったっぽくそれなりに書いてきましたが、ほとんどCloudCodeが書いてくれました。正味詳しいことはわかってないので自分もこれから勉強します！！　AIを使うとこんな感じでかんたんにサイト公開できるので、是非みんなもサイト作ろう！！

最後に

モブスターのポエムのコーナーーーーーー ロボットを作りたい話

バッテリーってどうやって買うんですか？状態になっています。ものづくりをしたくてブログ始めたのにモータは高いわバッテリーの買い方わからないわで詰まりそうで悲しい。

モータはお金何とかしたら買えそうだけどバッテリーは充電器含めどこで買うんだろうって感じなんだがだれかしりませんか？

Cloudflareって何？