バイブコーディングで業務システムを自作する
こんにちは。まくろなねこNOTEのniconiconeco です。
総務一筋20年以上。Excelマクロで業務効率化をやってきましたが、最近は生成AIも活用し始めました。
総務経験20年以上の私がずっと気になっていたのが、エンゲージメントサーベイの費用です。
市販のサービスを調べると、年間数十万円〜100万円前後のものがほとんど。
「でも、実際のところ多機能すぎて使いこなせないんだよな…」という気持ちもあり、なかなか導入に踏み切れずにいました。
「回答を集計してグラフにするだけなら、自分で作れるんじゃないか？」
そこで今回、最近話題のバイブコーディングで試しに作ってみました。
結論から言うと、想像以上にあっさり動くものができてしまいました。
バイブコーディングって何？
バイブコーディング（Vibe Coding）とは、生成AIに「こんなものを作りたい」とざっくり言葉で伝えるだけで、コードを自動生成してもらう開発スタイルのことです。
プログラミングの知識がなくても、やりたいことを日本語で伝えるだけでシステムが出来上がっていく——そんなイメージです。
作り方は拍子抜けするほど簡単でした
やったことは、まず頭の中にあるイメージを言葉にして、Claudeにプロンプトとして貼り付けただけです。
最初に渡したプロンプト（ほぼそのまま）
① エンゲージメントサーベイシステムをスプレッドシートをデータベース、 UIをHTML、GASでコードを書いてください。
② UI仕様： ・従業員が設問に回答できること ・回答後に個人の結果サマリを閲覧できること ・管理者ダッシュボードで全体集計を表示できること
あとは動かしてみて、気になった箇所を繰り返し指示していくだけです。
「このグラフに前回比を追加して」「部署でフィルタできるようにして」「CSV一括登録に対応して」——そんな感じで。
AIは「コードを書いてくれるだけ」ではありません。
「できたコードをどこに貼り付ければよいか」
「どうすればインターネットで公開できるか」
その手順まで、聞けば丁寧に教えてくれます。
プログラミングの知識ゼロでも、AIと対話しながら一歩ずつ進めれば
誰でも自分のシステムを作れてしまう時代になりました。
生成AIはClaudeが一番よかった
ChatGPT・Gemini・Claude・Gensparkを試してみましたが、Claudeが一番エラーが少なく、修正も一発で反映してくれました。
【各AIの印象】
ChatGPT ：説明は丁寧だが、コードが長くなるとエラーが増える
Gemini ：アイデア出しには良いが、コード品質はやや不安定
Genspark ：面白い試みだが、複雑な要件には対応しきれない場面も
Claude ：エラーが少なく、修正指示が一発で反映されることが多い ← これが一番よかった
こんなシステムができました
Googleスプレッドシートをデータベースに、GAS（Google Apps Script）をバックエンドに使ったWebシステムです。
導入費用ゼロ・月額費用ゼロ。Googleアカウントがあれば今すぐ始められます。
主な機能一覧
- 従業員マスタ管理（個別登録・CSV一括取り込み・更新・削除）
- サーベイの実施管理（サーベイ回の開始・終了日設定・対象者選定）
- 従業員向け回答画面（スマートフォン・PC対応、5段階評価、24問）
- 回答後の個人結果サマリ表示（個人スコア・全体平均・前回比）
- カテゴリ別スコアグラフ（棒グラフ＋全体平均マーカー＋前回比マーカー）
- レーダーチャート（今回・前回・全体平均の3ライン比較）
- 管理者ダッシュボード（全体スコア推移・回答率推移グラフ）
- 部署・役職・性別・年齢層によるクロス集計・絞り込み
- 部署別スコア比較グラフ
- 個人別詳細サマリー（管理者が氏名をクリックして閲覧）
- 個人サマリーの小カテゴリ別スコア・前回比較
- パスワード管理（初回ログイン時変更促進・管理者によるリセット）
- 設問のカスタマイズ（追加・変更・無効化、逆転項目対応）
- ライセンス認証（不正コピー防止）
セットアップは30分でできます
「GASって難しそう…」と思うかもしれませんが、手順通りにやれば30分程度で動かせます。
- メールに記載のURLからスプレッドシートを開いて「コピーを作成」
- 「拡張機能」→「Apps Script」を開く（ファイルは全部入っています）
- ライセンスキーを入力して「setupSpreadsheet」を実行（シートが自動作成される）
- 「デプロイ」→「新しいデプロイ」でWebアプリとして公開
- URLを従業員に共有してサーベイ開始
詳しいセットアップ手順は付属の取扱説明書（全10章）に記載しています。
図解付きで丁寧に解説していますので、初めての方でも安心です。
実際の画面イメージ
百聞は一見にしかず。下記のデモページで実際の画面を体験できます。
▼ デモページを見る（回答画面・結果サマリー・管理者ダッシュボードを体験）
【デモで体験できること】
・従業員向け：24問の回答画面 → 回答後に個人結果サマリー表示
・管理者向け：ダッシュボード（スコア推移・カテゴリ別・部署別グラフ）
・個人別詳細：氏名クリックで個人スコア・前回比・レーダーチャート表示
💡 現在お使いのサーベイからの乗り換えも簡単です
このシステムは設問をGoogleスプレッドシートで自由にカスタマイズできます。
現在お使いのエンゲージメントサーベイの設問をそのままコピーして移行すれば、今日から同じ設問でサーベイを続けることができます。
「高い年間費用を払い続けるのがもったいない」と感じている方、これが乗り換えの一番のハードルを解消してくれます。
正直なところ
基本的な機能——サーベイの実施、個人結果の表示、管理者ダッシュボード——は問題なく動いています。
ただ、細かい箇所でまだバグが残っている可能性があります。
ガチガチに品質保証された製品ではなく、「動けばOK！」の精神で作ったものです。その点はご了承ください。
というわけで、今回販売します
「自分で作る時間はないけど、シンプルなサーベイシステムが欲しい」という方のために、今回このシステムを販売することにしました。
ただし条件があります。今回お譲りするのは——
- 基本機能（サーベイの実施・個人結果サマリの表示・集計ダッシュボードの核心的な表示）が動けばOKで、細かなバグは気にしない方
——という方限定です。
🎉 特別価格
500円（税込）
→ 正式販売時は1,200円予定
ご購入はこちらから クレジットカード・コンビニ決済（Stripe）でお支払いいただけます。
［購入ボタン（準備中）］ ※ 現在決済システムの準備中です。
購入をご希望の方はお問い合わせフォームよりご連絡ください。
準備が整い次第、こちらに購入ボタンを設置します。
年間100万円の固定費を、永久無料のシステムに置き換えられます。
（※ GASの無料利用枠の範囲内でお使いください）
注意事項・サポートについて
- 本システムのサポートは付属の取扱説明書による自己解決を基本としています
- どうしても解決できない場合は、お問い合わせ欄よりご相談ください（相談内容によっては有料とさせていただく場合がありますので、ご了承ください）
- 100人（最大200人）くらいの規模で動かすことができます。人数が増えると画面の遷移や表示に時間を要する場合があります
- Googleのサービス仕様変更により動作に影響が出る場合があります
- データは購入者ご自身のGoogleスプレッドシートに保存されます
- 1ライセンス1スプレッドシートでの利用を前提としています
まとめ
バイブコーディングを使えば、プログラミングの専門知識がなくてもこういうシステムが作れてしまう時代になりました。
もちろん「自分でも作れそう！」と思った方はぜひ挑戦してみてください。作り方のポイントは冒頭のプロンプトをそのまま使ってもらえれば大丈夫です。
「やっぱり自分で作るのは大変…」という方は、500円の特別価格でお譲りしますので、ぜひお試しください。
ご購入・お問い合わせはお問い合わせページよりどうぞ。
コメント