本日、台大EiMBAクロスバッチのvibe coding クローズドシェアが完成しました！ 3月に deploy を習得してから、会社の財務、プロジェクト管理、契約のすべてが直接システムで実現され、より貴重なことに誰もが builder になれます。相互にプロジェクトを取得し、AI思維を構築できるようになりました。 自分自身が大きな恩恵を受けたので、ずっと積極的に対外発信をしており、毎回みなさんの deploy 完成を手伝うたびに、超嬉しくなります！本日も成功しました！
なぜ Vibe Coding から deploy までの学習を決意したのか？
4年前、初めてエンジニアをアウトソースしたとき、まったく経験がなく、どのように要件を完全に注文すればよいかわからず、見積もられた時間が適切かどうかを判断できず、1つの機能（メール通知など）を最適化するたびに10万元以上かかり、自分に足りない能力を認識し、運営コストが高すぎるため、ブランドを直接廃止しました……
今、ついに vibe coding の時代が到来しました！しかし、3月前はまだ deploy の方法を学んでいなかったため、フロントエンドとバックエンドのコードをエンジニアに渡したのに、まだ10万元かかり、本当にがっかりで、ウェブサイトも長い間オンラインになりませんでした。そのため、deploy の方法をしっかり学ぶ決心をしました。短期間で複数の会社システムを作成しました。この記事ではまず事例を紹介してから、自学過程をシェアします。
会社の背景
- 会社の事業はPRとエンターテイメント産業をカバーしています。
- チームは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 + deploy に接触 |
| 2026/3/15 | 会社の財務システム + OB プロジェクト管理ツールを作成 |
| 2026/04 | 同僚に教え、一緒に Vibe Coding を実行 + ワークショップを開始 |
Vibe Coding の5つのプロセス
- 問題の発見：クロスプラットフォーム申告による漏れ計算のようなことです。当時、財務は Simpany、nuieip、Asana など7～8個のプラットフォームに分散していました。
- 解決方法を考える：複数のシステムを統合するか、ワンストップのプラットフォームを構築するかを決定し、コア目標は「漏れがない」です。
- 現在の業務フローを掘り下げ：業務、財務、運営などの役割が財務フローで何をしているか、どのような痛点があるかを分析します。
- アーキテクチャ構想：プロジェクトコスト、契約、販売などのモジュールの関係を計画します。
- 製作とデプロイ：迅速なデプロイと継続的な最適化を採用します。最初に最小限の利用可能なバージョンをオンラインにして、使用フィードバックに基づいて毎日反復します。
私の自学理念
メタ学習：新しいことを学ぶ方法を理解します。私は新しいことを学んでいるので、「メタ学習」を信奉し、まずその分野のコミュニケーション言語と知識を理解して、自分自身がその分野の思維モードに素早く融合させ、その後アクションを取り、試行と学習を通じて、繰り返しの実装を通じて、知識の境界を拡大と掘り下げます。
「自学から教学まで、初めて本当に学んだことになる」：何かの本質をしっかり理解するには、自分が学んだだけでなく、他の人にもシェアできることが、本当に学んだことです。
専門家に相談し、継続的に知識の枠を破って学習と共有する：「間違った認識の中で答えを探すと、間違った解決策しか得られない」。だから何かを学ぶことは、専門家に相談して、盲点を素早く突破し、認識の境界を開く必要があります。
Vibe Coding から deploy までを習得することは、本当に周辺環境に大きな変化をもたらしました。チームでの協業は、本当に貴重です。私たちは単に新しいテクノロジーを学んでいるのではなく、思維を転換し、自学能力を強化しており、以前のコミュニケーションはすべて実行面でしたが、今のコミュニケーションは「どのようにしてより効率的にするか」「どのようにして解決方法を見つけるか」「どのようにして業務フローを反思するか」「どのようにして知識を継承するか」——成長型思維の組織を構築することは、本当に最幸運なことです！
