nisshi-dev-survey

概要

Google Forms の軽量版。AIエージェントからアンケート設計〜データ投入まで一気通貫で自動化できます。

現在は nisshi-dev のワークフローに合わせてカスタマイズ・運用中です。

survey.nisshi.dev

コミュニティ運営をしていると、イベントのたびにアンケートを作るのが地味に手間でした。

毎回イベントに合わせて設計するのが面倒で、イベントページのURLや概要をClaude Codeのスキルに渡すだけでアンケートごと作ってくれるアプリが欲しくなりました。

開発はバイブコーディングの実践も兼ねており、開発環境の土台と要件定義は自分でしっかり作り、実装フェーズはTDDスキルをベースにほぼコードを見ない縛りでClaude Codeに任せてみる、といった流れで開発しました。

AIエージェント & APIファースト — Claude Codeスキルで作成から集計まで完結します。OpenAPIベースのData APIも公開しています
データエントリ方式 — パラメータ付き配布URLで、イベント別・バージョン別に回答を追跡できます
回答者フレンドリー — アカウント登録不要、URLを開くだけで即回答できます

管理者ダッシュボード

アンケート回答

Claude Codeのスキル（/nisshi-dev-survey）から、アンケートの作成や回答データの投入ができます。

/nisshi-dev-survey 本番用のアンケートサンプルデモとして、XRデバイスをどの程度持っているのかに関するアンケートを作成してください。
また、回答もデモデータとして数十件程度自動で入力してください。

質問構成の設計には、アンケート調査設計用のスキル（/designing-surveys）を内部で利用しています。

上記のスキルで生成したアンケートデモページも公開しています。

フロントエンドとAPIを別リポジトリで管理しています。全体をTypeScriptで統一し、テストはVitestで書いています。

フロントエンド — React + Vite（SPA）、ルーティングはReact Router、UIはHeroUI + Tailwind CSS、アニメーションはMotion、グラフ描画はRecharts。APIクライアントはOrvalでOpenAPI仕様から自動生成し、データの取得・更新はすべてSWRに統一。Vercelにデプロイ
API — Honoでルーティング、OpenAPIスキーマはhono-openapiで自動生成。DBはPrisma Postgres、ORMはPrisma、バリデーションはValibot、メール送信はResend、管理画面のGoogle認証はBetter Auth。Cloudflare Workersにデプロイ

ソースコードはすべてMITライセンスで公開しています。