ククデ会 プロンプト集

public/index.html を作って。
Hello World と表示するだけのシンプルなHTML。

文字を大きくして、中央に寄せて。
派手にして。

Hello Worldの下に日本語訳「こんにちは世界」を足して

文字をクリックすると拡大するようにして

npx wrangler login

現在時刻も表示して！

public フォルダの中身を、Cloudflare Pages のプロジェクト「プロジェクト名」に、本番（main ブランチ）として wrangler でデプロイして

npx wrangler pages deploy ./public --branch=main --project-name=プロジェクト名

流れ星も出して

デプロイして

public フォルダの中身を Cloudflare Workers に「XXXXXXXXX」という名前で公開して。
wrangler の設定ファイル（wrangler.jsonc）も作ってほしい。
・公開ディレクトリは public
・compatibility_date は UTC（協定世界時）での今日の日付にする

HTML+JavaScriptでポモドーロタイマーを作って！ public/index.html 1ファイルで作って。

複利計算機をHTML+JavaScriptで作って！ 構成はHTMLファイル(public/index.html)が1つ。

マウスかタッチパッドでボタンを10回連打するのに何秒かかるかを競うゲーム。public/index.html 1ファイルで作って。

ボタンを押すと効果音が出るWebアプリをHTMLファイル1つ（public/index.html）で作って。3つのボタンで三つの効果音。

TODOリストをHTML+JavaScriptで作って！ 項目の追加・削除ができて、ページを閉じても消えないようにしたい。public/index.htmlに書いて。ファイルは1つで。

最大60秒のカウントダウンタイマーをHTML+JavaScriptで作って！ 秒数を入力してスタート・リセットできるようにしたい。HTMLファイル1つ（public/index.html）にまとめて。

README.md を作って、内容は「# 私の最初のリポジトリ」だけにして。

git config --global user.name "Your Name"
git config --global user.email "[email protected]"

Git管理始める。
「最初のコミット」としてコミットして。

public/index.html として Hello World と表示するだけのシンプルなHTMLを作って。
README.md にもそのことを書いておいて

コミットして

public/index.html を派手にして

コミットして

Claude Code を題材にした川柳を1つ作って、README.md に足して

コミット

README.md の1行目のタイトルに、今日の日付を足して

commit

変更履歴を表で見せて

git log

今日やったことを100文字ほどでまとめて

間違って消しちゃった。戻して

README.md に川柳を足す前のコミットに戻して

戻したのを取り消して

派手にする前と今で、何が変わった？

brew install gh

gh --version

gh auth login

GitHubに非公開のリポジトリ git-test を作って、今のフォルダの内容をpushして

gh repo create git-test --private --source=. --remote=origin --push

カフェオレについて約200文字の短文をREADME.mdに足して

プッシュして

AI使う人でGitHub使ってないとやばい！的な煽りコピーを3つpublic/index.htmlに足して

push

タコライスのレシピを約100文字でREADME.mdに書いてpush

Git管理したい

このフォルダに作業メモの置き場所を作って。
notes/ フォルダを作り、CLAUDE.md に「調査や検討の経緯は notes/ に
<topic>-<YYYY-MM-DD>.md の形式で置く（topic は英数字とハイフン）。
冒頭に作成日と目的、末尾に参照を書く」というルールを追記して。

このフォルダに作業メモの置き場所を作って。

このURLのセキュリティをチェックして: https://…

まず、何でできているか調べて（ホスティング／フロント／データ置き場／外部API）。

前回の結果は使わず、いま実際にリクエストを送って確かめて。推測では答えない:
・認証なしで DB が読める / 書けるか
・認証なしで叩ける API があるか（とくに AI を呼ぶもの）
・ログインなしで管理画面に入れるか
・課金が無防備に置かれていないか

報告は「実際に確認した」と「コードから推測した」を分けて。

このフォルダに public フォルダを作って、2ページだけの静的サイトを作ってください。
- public/index.html は誰でも見られるトップページ
- public/secret/index.html は、あとで合言葉で守るページ
- 中身は見分けがつけばよく、凝らなくていい
- トップページから secret のページへのリンクを置いてください

npx wrangler login

Basic 認証で特定のパス以下を守るミドルウェアを作って。守るパスは /secret/。
- ミドルウェアはルート直下（functions/_middleware.js）に置いてサイト全体で動かし、
  守るパスは1つの定数 PROTECTED_PREFIX にまとめて、そのプレフィックス以下かどうかで判定する
- 先頭スラッシュを増やした抜け道も塞ぎたいので、連続したスラッシュを正規化してから判定する
- 合言葉は環境変数 SITE_PASSWORD から読む。ユーザー名は guest 固定でよい
- タイミング攻撃を避けるため、比較は crypto.subtle.timingSafeEqual を使う

デプロイして

Basic認証のユーザーを複数にしたい。
環境変数 SITE_USERS を "ユーザー名:合言葉,ユーザー名:合言葉" の形式として読み、
どれかに一致したら通すようにして。
値は私が自分で Cloudflare に入れるので、コードにも設定ファイルにも書かないで。

Basic認証をサイト全体にかけたい。
パスの範囲判定を外して、どのページでも合言葉を求めるようにして

Basic認証をかける範囲を /admin/ と /api/admin/ の2つにして

/admin/ 以下に Basic認証をかけて

サイト全体に Basic認証をかけて

このプロジェクトのベース名は my-bbs です。
これを CLAUDE.md に記録してください。
- アプリ名・プロジェクト名・GitHubリポジトリ名 = ベース名
- D1データベース名 = ベース名のうしろに -db を付けた名前
これ以降、私のプロンプトの <ベース名> はベース名に、
<D1データベース> は「ベース名-db」に読み替えて作業してください。

これから作るアプリの仕様を CLAUDE.md に書いてください。

## 作るもの：匿名一行掲示板
- 名前登録なし、初めて投稿したときに会員番号が払い出される（1, 2, 3...の連番）
- 同じブラウザから投稿した人には毎回同じ会員番号が使われるようにする
- 画面には「会員1号」「会員2号」と表示する
- 投稿内容は1行のテキスト

D1データベース <D1データベース> を作って

npx wrangler d1 create <D1データベース> を実行してください。

CLAUDE.md に書いた仕様のとおりに、このアプリに必要なデータベースのテーブル設計を提案してください。

このスキーマでマイグレーションファイルを作成してください。
ファイルは migrations/0001_init.sql に保存してください。

このプロジェクト用の wrangler.jsonc を作って。
Cloudflare Pages プロジェクトで、公開ディレクトリは public。
D1データベース <D1データベース> を binding 名 DB で使う。
マイグレーションは migrations フォルダ。
compatibility_date は UTC（協定世界時）での今日の日付にする。
database_id は d1 create で表示された値を入れる。

スキーマ作成時に提示した仕様と、
先ほど設計したスキーマを使って、
Pages Functions で API を作って。
D1 の binding 名は DB。

これまでのDB定義、API定義を参考に
フロントエンドを public/index.html として作成してください。

本番DBではなくローカルのD1で動作確認したい。
ローカルのD1にマイグレーションを適用してから、ローカルサーバーを起動して

本番DBにマイグレーションを適用してから、
wrangler で Cloudflare に直接デプロイして

ユーザーごとに投稿の背景色を変えてほしい

デプロイして