記事一覧
公開・サーバー無料で個人サイトを公開する方法の全体像（どのサービスを選ぶか）個人のブログやツールのサイトを、できるだけお金をかけずに公開するための選択肢を整理します。静的サイトの無料ホスティング、広告を載せるときの注意、独自ドメインの要不要まで、実際に複数のサイトを公開した経験をもとに解説します。公開・サーバーCloudflare Pages で静的サイトを無料公開する手順Cloudflare Pages に、パソコンで作った静的サイトをコマンド1つで公開する手順を解説します。アカウントの作成から、Wrangler（Cloudflare 公式のコマンドツール）での公開、2回目以降の更新までをまとめました。公開・サーバーVercel の無料プランで広告を載せてはいけない理由と、移行先の選び方Vercel の無料プラン（Hobby）は、公式の利用ガイドラインで非商用利用に限られており、AdSense などの広告も商用利用の例に挙げられています。私が広告サイトを Vercel から移した理由と、移行先を選ぶときの観点をまとめます。公開・サーバーVercel から Cloudflare Pages へ移行した手順と、古い URL の転送広告を載せるサイトを Vercel から Cloudflare Pages に移したときの手順を、実際の作業順にまとめます。サイト内の URL の書き換え、古い URL から新しい URL への転送、Search Console・AdSense の登録のやり直しまで扱います。Google登録・検索Google Search Console にサイトを登録する（HTML タグでの確認とサイトマップの送信）作ったサイトを Google の検索に載せるための第一歩、Search Console への登録手順を解説します。無料の URL（pages.dev など）でも使える「HTML タグ」での所有権の確認と、サイトマップの送信までをまとめます。Google登録・検索Search Console で「サイトマップを取得できませんでした」と出るときの確認点Search Console にサイトマップを送信したのに「取得できませんでした」と表示されるときに、私が確認したことをまとめます。送信直後によくある表示であることと、時間がたっても変わらないときの確認点を解説します。広告・収益AdSense の審査に申し込む前に用意したもの（プライバシーポリシー・お問い合わせ・記事数）Google AdSense の審査に申し込む前に、私がサイトに用意したものをまとめます。プライバシーポリシー、運営者情報、お問い合わせ、記事の数と中身など、審査で見られやすい点をチェックリストにしました。広告・収益AdSense で「有用性の低いコンテンツ」と言われたときに見直したことAdSense の審査で「有用性の低いコンテンツ」と判断されたミニゲームのサイトを、どう見直したかをまとめます。ゲームやツールだけのサイトに、何を足したのかを具体的に紹介します。計測・改善Cloudflare Web Analytics でアクセス数を無料で計測するCloudflare Pages で公開したサイトのアクセス数を、無料で計測する方法を解説します。Web Analytics の有効化の手順と、ページごとのアクセス数や流入元の見方、データの保存期間の注意点をまとめます。公開・サーバー独自ドメインは必要か（無料の URL のままでよい場合・取った方がよい場合）個人サイトに独自ドメイン（自分だけの URL）は必要かを、無料の URL で複数のサイトを運用している立場から整理します。無料の URL のままで困らない場合と、独自ドメインを取った方がよい場合をまとめます。公開・サーバーReact/Vite のサイトを事前レンダリングして、検索や審査に対応するReact と Vite で作ったサイトは、そのままでは JavaScript が動くまで本文が表示されません。ビルドのときに各ページの HTML を作っておく「事前レンダリング」の考え方と、私が取り入れた理由、確認の方法をまとめます。広告・収益プライバシーポリシーとお問い合わせページの作り方（Google フォームで共通化）個人サイトに必要なプライバシーポリシーとお問い合わせのページを、どう作ったかをまとめます。お問い合わせは Google フォームを1つだけ作り、複数のサイトから「サイト名を入力済み」の状態で開けるようにしました。広告・収益ads.txt とは何か・置き方と確認のしかたAdSense を申し込むサイトに置いておきたい ads.txt について、何のためのファイルか、Vite のサイトでどこに置けばよいか、正しく公開されたかの確認方法をまとめます。計測・改善Search Console と Cloudflare の数字を自動で集める仕組み（概要）複数のサイトの検索とアクセスの数字を、毎日自動で集めてパソコンに保存する仕組みを作った話です。なぜ作ったのか、どんな流れで動いているのか、作るときに気をつけたことを、コードの細かい話を省いて紹介します。計測・改善スマホで見やすいサイトにするために直したこと（白背景・横スクロールをなくす）自分のサイトをスマートフォンで見直したとき、読みにくいと感じた点と、その直し方をまとめます。背景を白に統一したことと、画面が横にずれる「横スクロール」をなくすために確認した点を紹介します。公開・サーバーAI と一緒に個人サイトを作るときの進め方と注意点私は個人サイトのコードや記事の下書きを、AI（Claude）に手伝ってもらいながら作っています。AI に任せる部分と自分で決める部分の分け方、確認のしかた、気をつけている点をまとめます。公開・サーバーバッチファイルで公開を1クリックにする（ビルド失敗時は公開しない）Windows のバッチファイルを使って、サイトのビルドと Cloudflare Pages への公開を、ダブルクリック1回で行えるようにした方法をまとめます。ビルドが失敗したら公開しない書き方と、文字化けやセキュリティソフトでつまずいた点も紹介します。