育てるプロンプト
プロンプトを育てるシステムノート
プロンプトを体系的に保管するメモ帳です。
プロンプトの メモ と 構造化 と 再利用 を実現するためのブラウザツールで、
プロンプトを育て、差分を残し、部品化し、あとから再利用するための
ローカルファーストな知識管理ツールです。
スマートフォン・PC の両方に対応しています。
特長
| |
|---|
| 時系列でストック | ひとつの取り組みごとにプロンプトを作り、「版」を重ねて育てます |
| 差分が見える | 任意の 2 つの版を行単位・語単位で比較できます |
| 構造化して編集 | 見出しを自由に立て、見出しの下に見出しを重ねられます（4 段）。一部だけを更新できます |
| 書きながら確かめる | 全体プレビューと目次（アウトライン）。見出しは折りたためます |
| 静かなエディタ | 普段は全文プレビューそのもの。触ったセクションだけが編集カードに変わります |
| 変数で使い回す | 本文に {{変数名}} と書いておき、出力時に値を差し込めます |
| 部品として再利用 | よく効いたセクションを再利用候補に登録し、別のプロンプトへ挿入できます |
| すぐ取り出せる | フォルダ・タグ・全文検索・コマンドパレット（Ctrl+K） |
| テキストで出力 | Markdown / プレーンテキスト / XML タグ / 本文のみ / JSON |
| まるごとバックアップ | 全データを 1 つの JSON に書き出し・読み込み（取り込むファイルは検証します） |
| オフラインで動く | PWA 対応。ホーム画面に追加すればアプリのように起動できます |
データの扱い
すべてのデータは利用者のブラウザ内（IndexedDB）にのみ保存されます。
外部サーバーへ送信されることはありません。
そのぶんブラウザのデータを消去すると失われるため、
設定 → データ → バックアップを書き出す を定期的に実行してください。
使い方
- 右下のボタンからプロンプトを作る（ひな形を選べます）
- 見出しを立てて書く。見出しの下に見出しを重ねられます
- 試した区切りで「この内容で版を保存」する
- 差分タブで何が変わったかを確認する
- 効いたセクションを「部品に」登録して、次のプロンプトで再利用する
詳しくはアプリ内のヘルプページを参照してください。
開発
ビルド不要の静的サイトです。ネイティブ ES Modules と IndexedDB のみで動作し、
外部ライブラリ・外部フォント・外部アイコンへの依存はありません。
# 任意の静的サーバーで開くだけ（依存のインストールは不要）
npm run serve # = python3 -m http.server 8765
# → http://localhost:8765/
# 中核ロジックの自動テスト（依存 0 件・Node 20 以上）
npm test
file:// で直接開くと ES Modules が CORS で読み込めません。必ず HTTP で配信してください。
構成
index.html アプリシェル（SVG アイコンスプライトを内包）
manifest.webmanifest PWA マニフェスト
sw.js Service Worker（オフライン対応）
assets/css/style.css Material Design 3 準拠のトークンベース CSS
assets/js/
main.js エントリポイント（初期化・ルーティング）
core/
app-info.js バージョン・リポジトリ URL・更新履歴
db.js IndexedDB ラッパーとスキーマ移行
store.js アプリ状態とデータ操作
models.js エンティティ定義と正規化
diff.js 依存ゼロの差分エンジン（LCS）
outline.js セクションの階層（見出しの重ね方）
variables.js 変数プレースホルダ
templates.js 新規作成時のひな形
format.js 出力フォーマッタ
backup.js バックアップの書き出し・読み込み
router.js ハッシュルーター
theme.js テーマ適用
util.js 汎用ユーティリティ
ui/ 共通 UI 部品（ダイアログ・差分描画・シェル・検索パレット）
views/ 画面ごとの描画（1 ファイル 1 画面）
tests/ 中核ロジックの自動テスト（node --test）
docs/SPEC.md 仕様書
新しい画面を足すときは views/ にファイルを 1 つ作り、main.js の route() に 1 行足します。
DB スキーマを変えるときは core/db.js の MIGRATIONS に次のバージョンを追記します。
「版に何を含めるか」を変えるときは core/store.js の snapshotOf() だけを直します
（保存・復元・未確定判定がすべてここを通ります）。
外から来るファイル（バックアップ）の扱いは docs/SPEC.md の
「2.1.4 取り込むデータは信用しない」にまとめてあります。
エディタの UI 方針（何を常時見せ、何を隠すか）は docs/SPEC.md の
「6.5 エディタの UI 方針」にまとめてあります。
公開（GitHub Pages）
main ブランチへの push で .github/workflows/pages.yml が走り、自動的に公開されます。
初回のみリポジトリの Settings → Pages → Source を GitHub Actions に設定してください。
ライセンス
MIT
