思いつきをカードで貯めて、育てる。
研究では、思いつき・読んだ文献・書きかけの論文が別々の場所に散らばりがちです。そこで思いつきをカード(Ideas)として貯め、確からしさを書き添えて育てる画面を中心に置きました。
研究テーマ・執筆中の論文・読んだ文献もここから行き来でき、発表スライドの生成まで同じアプリで扱えます。
Claude Code と連携し、文献の取り込み・翻訳・整理を半自動で進められます。見た目は黒とクリームを基調にしたレトロな配色でそろえました。




通信が切れても、書き続けられる。
画面は常に端末内のデータから表示し、サーバー(Supabase)とは変わった分だけをやり取りします。つながると別の端末に追いつきます。
公開デモは実際の画面を使っています。研究資料と記録は架空の見本に置き換え、変更はこの端末内にだけ保存します。
作りの要点
- 端末の時計に頼らない同期
- 差分はサーバーが振る通し番号をしおりにして取ります。端末の時計のずれに依存せず、前回取得した続きから変更を受け取る構成です。
- 項目ごとに新しい方を残す
- 同じ記録を 2 台で直したときは、項目ごとに新しい方を残します。
- アプリから AI に頼む
- アプリが依頼をデータベースに書くと、Claude Code が受け取って処理します。返答はリアルタイムで画面に届きます。
- 研究の記録を git に残す
- 研究のメモは Markdown で書き、ビルドのときにアプリへ取り込みます。Claude Code が追記した履歴は git にそのまま残ります。
- 4
- 同期する表(Ideas・Themes・Papers・Readings)
- 10本
- AI エージェントの手順書
- 画面
- React 19 TypeScript Vite 7 react-markdown
- 保存と同期
- IndexedDB(idb) Supabase Realtime
- 配布
- PWA(vite-plugin-pwa)
- AI 連携
- Claude Code

