Vibecoding Notes

想定環境: Mac（MacBook など）、Google アカウント、Claude Pro 以上、Claude for Desktop

ロードマップ

AIと一緒にWebアプリを作って公開するまでの手順。順番に進めることを想定している。

WATバイブコーディングをはじめよう
webapp-two-types.html

2026-05-05 (last updated: 2026-05-06)
CPSCloudflareにHTMLファイルをアップロードしてWebアプリとして公開する
ClaudeCodeCloudflarePages

cloudflare-pages-static-files.html

2026-05-04 (last updated: 2026-05-05)
CPWClaude CodeでWebアプリを作ってWranglerでCloudflareに公開する
ClaudeCodeCloudflarePagesWrangler

claude-code-cloudflare-pages-wrangler.html

2026-05-05
GHGGitHub初心者ガイド
GitHub

github-guide-first-step.html

2026-04-23 (last updated: 2026-05-05)
CWCClaude CodeでWebアプリを作ってGitHub ActionsでCloudflareに公開する
ClaudeCodeCloudflarePagesGitHub

claude-code-web-app-cloudflare-pages.html

2026-05-01 (last updated: 2026-05-06)
CFAみんなで使える共有型WebアプリをCloudflareで作るための基礎知識
cloudflare-architecture-guide.html

2026-05-02 (last updated: 2026-05-05)
CD1Claude CodeでDB付きWebアプリを作ってCloudflareで公開する
ClaudeCodeCloudflarePagesCloudflarePagesFunctionsCloudflareD1GitHubGitHubActions

claude-code-web-app-cloudflare-d1.html

2026-05-02 (last updated: 2026-05-05)

補足資料と用語・概念のリファレンス。必要に応じて参照。