台大EiMBAクロスバッチのvibe coding クローズドシェアをついに完了しました！ 3月にデプロイ方法を習得してから、会社は財務、プロジェクト管理、契約管理システムを直接構築し、さらに貴重なのは誰もがbuilderになれることです。相互にプロジェクトを取得し、AI思維を確立できます。 自分自身が大きな恩恵を受けたので、積極的に外部に向けて共有し続けています。皆さんのデプロイ完了を支援するたびに、本当に嬉しいです！今日も成功しました！
Vibe Coding からdeploy まで学習することに決めた理由
4年前、初めてエンジニアに外注したとき、全く経験がなく、要件を完全に指示する方法を知らず、見積もられた時間が適切かどうか判断できませんでした。機能の最適化（例えばメール通知）のたびに10万円以上が必要でした。このスキルの欠如に気づき、運営コストが高すぎるため、ブランドを直接閉じました……
ついにvibe coding が登場！しかし3月前まで、デプロイ方法を学んでいませんでした。フロントエンドとバックエンドのコードをエンジニアに渡した後、なんと10万円必要で、本当に悔しい思いをしました。ウェブサイトも長い間オンラインになっていなかったので、デプロイ方法を徹底的に学ぶことに決めました。短期間で複数の会社システムを構築しました。本記事ではまずケーススタディを紹介してから、自学過程をシェアします。
会社概要
- 会社業務はパブリックリレーションズとエンターテイメント業界をカバーしています。
- チームは1ヶ月以内に複数の内部システムを開発・オンライン化しました：ボーナス請求システム、プロジェクト管理システム、公式ウェブサイト、従業員教育訓練プラットフォーム、契約 AI ツール、見積書システムなど。
- システムはすでに使用されており、一部の SaaS を置き換え、数十万円の費用を削減しました。
チーム協力モデルとインフラストラクチャ
- AI 思維：全員にAI思維とVibe Codingを学習するよう要求し、クロスデバイス、クロスタイムゾーン共同開発と修正をサポートしています。
- 統一アカウント システム：Google Workspace を完全に使用；すべての AI ツール（Gemini、GPT、Claude、Vercel、Canva など）と内部システムは同じ企業 Google アカウントでログインし、知識共有と権限統一を実現しています。
- デプロイと共編集：Vercel でデプロイし、異なる人がコードを取得、修正、共編集でき、分散型ウェブサイト維持モードを形成します。
- 知識継承：開発プロセスと知識の完全記録と保存を重視しています。
ケーススタディ
ケース1：財務とボーナス請求システム
- 契約管理：契約をアップロードした後、AI は自動的に日付、甲乙、受取日と各期の支払いを認識します。
- プロジェクト管理：契約情報は自動的にプロジェクト管理エリアにフロー；請求と回収の進捗を追跡できます。
- 費用監査：同僚はシステムで交通費、労災保険、食事代などの支出を監査できます。
- コストと利益の計算：費用は対応するプロジェクトに紐づけられ、運営コスト、粗利率を自動計算し、損益計算書とキャッシュフロー計算書を生成します。
- 送金と請求書リマインダー：従業員は送金申請を提出し、財務に請求書発行をリマインドします。システムは伝票として PDF を生成できます。
特色機能：「目」機能により、1クリックで銀行残高などの機密財務データをモザイク処理できます。
ケース2：OBAsana（内部プロジェクト管理システム）
Asana を置き換えてコストを節約します（元々年間約7～8万）。コア機能は Asana に従い、毎日のワークスペース、チームプロジェクトエリアを提供し、リスト、カンバン、ガントチャート、カレンダー、ダッシュボードなど複数の表示をサポートしています。
ケース3：公式ウェブサイト
もともと WordPress から自分で開発したウェブサイトに移行しました。サービス項目、戦略説明などは AI が会社の Google ドライブプロジェクトデータを解析して自動生成され、人手で執筆されません。
記事公開自動化：
- 記事と画像を単一フォルダに整理
- AI コマンドでシステムがフォルダコンテンツを取得
- AI は自動的に草稿を生成、配画し、フロントエンドに公開
ケース4：企業内部学習ネット
新人教育の繰り返し説明を解決し、教育コストを削減します。AI は Google ドライブの会社知識データを深掘りし、構造化教育訓練ウェブサイトに整理します。新人は計画的な学習パスに従い、AI 自動生成テストが含まれ、ランダム出題で暗記を避けています。
ケース5：契約と見積書生成システム
ウェブインターフェースを提供し、営業は選択と入力を通じて、顧客が必要とするプランとサービスを選択できます。顧客名と要件オプションを入力した後、システムは見積を自動計算；「契約生成」をクリックすると、会社の一般的な形式に合った完全な契約 PDF が生成されます。
文系プログラミング初心者で、会社にエンジニアがいないにもかかわらず、チームがこのように協力できるのは、本当に素晴らしいです！
使用ツール
- Mac シリーズ
- Claude Code terminal 製作
- Vercel デプロイ
学習タイムライン
| 時間 | マイルストーン |
|---|---|
| 2025/10 | Google AI Studio を学習 |
| 2026/2/21 | 新年に Claude + Open Claw を研究 |
| 2026/3/4 | terminal、Claude + デプロイに接触 |
| 2026/3/15 | 会社財務システム + OB プロジェクト管理ツール完成 |
| 2026/04 | 同僚に教え、Vibe Coding を実施 + ワークショップ開始 |
Vibe Coding の5つのプロセス
- 問題発見：クロスプラットフォーム報告による漏帳など。当時、財務は Simpany、nuieip、Asana など7～8つのプラットフォームに分散していました。
- 解決方法を思考：複数システムの統合またはワンストッププラットフォーム構築を決定；コア目標は「漏帳なし」です。
- 現在の業務フローを爬梳：財務フローで業務、財務、運営などの役割の業務内容と課題を分析します。
- アーキテクチャを想定：プロジェクトコスト、契約、販売などのモジュール関係を計画します。
- 製作とデプロイ：高速デプロイ、継続的最適化；最小可用バージョンをまずオンライン化し、使用フィードバックに基づいて毎日反復します。
私の自学理念
メタ学習：新しいことを学ぶ方法を理解することです。まずその分野の通信言語と知識を理解し、その分野の思維モードに素早く統合し、その後行動に移し、試行と学習を通じて、繰り返しの実装を通じて知識の範囲を拡張します。
「自学から教学まで、初めて本当に学んだと言えます」：事の本質を理解するには、自分で学ぶだけでなく、他人にシェアできることが、本当に学んだことです。
専門家に相談し、継続的に学習と共有の範囲を広げる：「誤った認知から答えを探すと、誤った解決策が得られます」。したがって、何かを学ぶことは専門家に相談し、盲点を素早く突破し、認知の枠を拡げることです。
Vibe Coding からdeploy を学びました。本当に周囲の環境に大きな変化をもたらし、チーム協力は何物にも代え難いものです。新しい技術を学ぶだけでなく、思維の転換、自学能力の強化、元々の通信は実行面でしたが、今は「どうすれば効率的になるか」、「どうして解決方法を見つけるか」、「どうして業務フローを反思するか」、「どうして知識を継承するか」——成長型思維の組織を構築することは、本当に最も幸運なことです！
