バイブコーディングでWebサイト・Webアプリを作って公開するためのハンズオン集。https://vibecodingnotes.com/jahttps://vibecodingnotes.com/handson-admin-token/https://vibecodingnotes.com/handson-admin-token/掲示板アプリに投稿の表示/非表示を切り替えられる管理画面を追加し、Basic認証とトークン認証（単一共有シークレット方式）でアクセス制限を設ける。Fri, 19 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/handson-cloudflare-static-upload/https://vibecodingnotes.com/handson-cloudflare-static-upload/HTMLファイルなどをブラウザからCloudflareへ手動アップロードし、静的WebサイトやWebアプリを公開する。Sat, 20 Jun 2026 00:00:00 GMTロードマップhttps://vibecodingnotes.com/handson-cloudflare-git-integration/https://vibecodingnotes.com/handson-cloudflare-git-integration/Cloudflare Pages の Git連携で GitHub リポジトリとつなぎ、GitHubに変更を反映するだけで自動デプロイされる仕組みを作る。Thu, 18 Jun 2026 00:00:00 GMTロードマップhttps://vibecodingnotes.com/handson-cloudflare-wrangler/https://vibecodingnotes.com/handson-cloudflare-wrangler/Node.jsを準備し、Claude Codeで作ったWebアプリをWrangler（npx）でCloudflare PagesにCLIからデプロイする。前回作ったpages.devプロジェクトをそのまま引き継ぐ手順がメイン。Thu, 18 Jun 2026 00:00:00 GMTロードマップhttps://vibecodingnotes.com/handson-workers-ai-demo/https://vibecodingnotes.com/handson-workers-ai-demo/Cloudflare Workers AI を使い、翻訳・要約／カテゴリ分類／画像キャプション生成／画像生成／音声書き起こしの5つのAIデモを1つのサイトにまとめて作り、Wrangler で公開する。Thu, 18 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/guide-workers-vs-pages/https://vibecodingnotes.com/guide-workers-vs-pages/Cloudflare Workers と Pages の関係、公式の方向性、URL体系・独自ドメイン・無料枠・Git連携の違いを整理し、使い分けの指針を示す。Wed, 17 Jun 2026 00:00:00 GMTリファレンスhttps://vibecodingnotes.com/handson-cloudflare-d1-git-integration/https://vibecodingnotes.com/handson-cloudflare-d1-git-integration/Cloudflare D1、Pages Functions、Cloudflare Pages の Git連携を使い、D1を使ったデータ共有型掲示板を作って公開する。Tue, 16 Jun 2026 00:00:00 GMTロードマップhttps://vibecodingnotes.com/handson-emdash/https://vibecodingnotes.com/handson-emdash/Cloudflare が出したオープンソースCMS「EmDash」の紹介。WordPress の代替として Cloudflare 上でブログ・サイトを運用できる。AIネイティブ（MCP連携）でClaude Codeからも管理できるのが特徴。導入・運営の詳細は安定後に追記予定。Tue, 16 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/guide-homebrew/https://vibecodingnotes.com/guide-homebrew/macOSで brew install するためのHomebrew導入と基本コマンド。vibecodingで出てくる gh や qlmarkdown のインストール例も。Mon, 15 Jun 2026 00:00:00 GMTセットアップhttps://vibecodingnotes.com/handson-admin-passkey/https://vibecodingnotes.com/handson-admin-passkey/掲示板アプリに投稿の表示/非表示を切り替えられる管理画面を追加し、SimpleWebAuthn + D1 で実装したパスキー（WebAuthn）認証でアクセス制限する。合言葉も外部サービスも使わない、フィッシングに強いパスワードレス認証。Mon, 15 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/handson-cloudflare-d1-webapp/https://vibecodingnotes.com/handson-cloudflare-d1-webapp/Cloudflare D1、Pages Functions、GitHub Actionsを使い、D1を使ったデータ共有型掲示板を作って公開する。Mon, 15 Jun 2026 00:00:00 GMTアーカイブhttps://vibecodingnotes.com/guide-cloudflare-custom-domain/https://vibecodingnotes.com/guide-cloudflare-custom-domain/Cloudflareでのドメイン取得、外部で取得済みドメインの使い方（Pages/Workersでゾーン化やCNAMEの違い）、Custom domains設定、動作確認、www統一までを進める。Sun, 14 Jun 2026 00:00:00 GMTセットアップhttps://vibecodingnotes.com/guide-git-basic/https://vibecodingnotes.com/guide-git-basic/Git をローカルで動かしてから GitHub につなげる。コミット・差分・巻き戻しを体験してから、GitHub にコミットを送る流れをまとめる。Sun, 14 Jun 2026 00:00:00 GMTセットアップhttps://vibecodingnotes.com/handson-astro-quickstart/https://vibecodingnotes.com/handson-astro-quickstart/Astro でブログを開設する。公式ブログテンプレートで雛形を作り、Cloudflare Pages の Git 連携で公開する。ローカルプレビューと自動デプロイまでを一気に。Sun, 14 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/guide-claude-desktop/https://vibecodingnotes.com/guide-claude-desktop/作業ディレクトリの考え方、プロンプト入力のコツ(スラッシュコマンド、@参照、画像貼り付けなど)、ビューメニュー、セッション管理、CLAUDE.md など、Claudeデスクトップアプリを快適に使うための機能を整理する。Thu, 11 Jun 2026 00:00:00 GMTセットアップhttps://vibecodingnotes.com/guide-github-actions/https://vibecodingnotes.com/guide-github-actions/push→GitHub Actions→Cloudflareの仕組み、Secrets設定など、GitHub Actionsの共通知識をまとめる。Thu, 11 Jun 2026 00:00:00 GMTセットアップhttps://vibecodingnotes.com/handson-cloudflare-access-admin/https://vibecodingnotes.com/handson-cloudflare-access-admin/掲示板アプリに投稿の表示/非表示を切り替えられる管理画面を追加し、Cloudflare AccessでGoogle認証によるアクセス制限を設ける。Thu, 11 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/handson-like-api/https://vibecodingnotes.com/handson-like-api/Cloudflare Workers + Workers Static Assets + D1 で「いいねカウントAPI」を作り、自分のサイトにスクリプトタグ1行で埋め込めるブログパーツとして使えるようにする。Thu, 11 Jun 2026 00:00:00 GMT応用編https://vibecodingnotes.com/guide-cloudflare-deploy-methods/https://vibecodingnotes.com/guide-cloudflare-deploy-methods/Claude Codeで作ったWebアプリをCloudflare Pagesに公開する4つの方法（手動アップロード、Wrangler、Git連携、GitHub Actions）の違いと使い分けを整理する。Wed, 10 Jun 2026 00:00:00 GMTリファレンスhttps://vibecodingnotes.com/guide-cloudflare-webapp-architecture/https://vibecodingnotes.com/guide-cloudflare-webapp-architecture/データ共有型Webアプリに必要なフロントエンド、API、DBの役割とCloudflare構成を整理する。Wed, 10 Jun 2026 00:00:00 GMTリファレンスhttps://vibecodingnotes.com/guide-webapp-types/https://vibecodingnotes.com/guide-webapp-types/一人完結型(ブラウザ保存)とデータ共有型(データベース)の違いを整理し、どちらから始めるかの判断基準を示す。Wed, 10 Jun 2026 00:00:00 GMTリファレンスhttps://vibecodingnotes.com/handson-astro-blog/https://vibecodingnotes.com/handson-astro-blog/Astro で作ったブログを自分のブログとして使えるところまで育てる。サイト情報・記事の書き方（フロントマター・下書き・画像）・SEO（OGP / sitemap / RSS）・編集ワークフローなどを扱う。Sat, 30 May 2026 00:00:00 GMT応用編https://vibecodingnotes.com/handson-cloudflare-github-actions/https://vibecodingnotes.com/handson-cloudflare-github-actions/GitHub ActionsとCloudflareのSecretsを設定し、pushだけで自動デプロイできる形にする。Sat, 30 May 2026 00:00:00 GMTアーカイブhttps://vibecodingnotes.com/vibecoding-getting-started/https://vibecodingnotes.com/vibecoding-getting-started/バイブコーディングの概要、対象範囲、必要な準備、使うツールとロードマップの進め方を整理する。Tue, 26 May 2026 00:00:00 GMTロードマップhttps://vibecodingnotes.com/guide-ui-terms/https://vibecodingnotes.com/guide-ui-terms/UI部品やレイアウトの名前を動く実例で確認し、AIへの指示語彙を増やす。Mon, 25 May 2026 00:00:00 GMTリファレンスhttps://vibecodingnotes.com/guide-markdown/https://vibecodingnotes.com/guide-markdown/見出し・リスト・リンク・コードブロック・フロントマターなどMarkdownの基本記法と、プレビューする方法を整理する。Sun, 24 May 2026 00:00:00 GMTリファレンス