Vibe Codingで「広報予算のダッシュボード」作成：Excel管理をやめ、AIで見やすいグラフを作る

「広報予算の管理、Excelファイルがどんどん重くなって開くのに時間がかかる…」「毎月の集計作業に半日かかってしまう…」こんな悩みを抱えていませんか？

この記事では、Vibe Coding（バイブコーディング）という手法を使って、プログラミング知識がなくても広報予算の管理ダッシュボードを作成する具体的な方法を解説します。Excel管理から脱却し、AIの力で見やすいグラフと自動集計を実現できるようになります。

読み終わる頃には「こんなに簡単にできるんだ！」と驚くはずです。早速始めてみましょう。

Vibe Codingで広報予算ダッシュボードを作る全体像

まず結論からお伝えします。Vibe Codingを使えば、「こんな感じのダッシュボードが欲しい」と日本語で伝えるだけで、AIが必要なコードを自動生成してくれます。

Vibe Codingとは？

Vibe Coding（バイブコーディング）とは、プログラミングの詳細を知らなくても、AIに自然言語で「雰囲気」や「こんな感じ」を伝えることで、AIがコードを生成してくれる手法です。つまり、「月別の広告費をグラフで表示したい」「予算と実績の差を色分けして分かりやすくしたい」と話しかけるだけで、AIがその通りのシステムを作ってくれるのです。Vibe Codingは、人が手作業でコードを書く代わりに、AIツールにプロンプトを与えてコードを生成させる行為を指す、比較的新しい概念です。

従来のプログラミングでは「HTMLの構文は…」「CSSのプロパティは…」といった技術的な知識が必要でした。しかしVibe Codingでは、あなたが監督・指示役となり、AIが実際のコード作成と実装を担当します。

広報予算ダッシュボードで解決できること

Excel管理から脱却すると、以下のメリットが得られます：①リアルタイムでの予算状況把握、②視覚的で分かりやすいグラフ表示、③複数人での同時閲覧・更新、④自動集計による時間短縮、⑤過去データとの比較分析

具体的には、「今月のPR活動にあとどれくらい使えるか？」「昨年同期と比べてどうか？」「どの施策が予算を圧迫しているか？」といった質問に、グラフを見るだけで即答できるようになります。

セプテーニホールディングスでは、AIを活用した予算管理システムの導入により予算策定工数を30%削減し、予実差異の要因分析や修正予算案の自動生成を実現したとされています。

Vibe Codingでダッシュボード作成の具体的ステップ

それでは、実際にVibe Codingを使って広報予算ダッシュボードを作成する手順を詳しく解説します。

ステップ1：必要なデータと項目を整理する

まず、現在Excel管理している予算データを整理します。一般的な広報予算で管理すべき項目は以下の通りです：

• 広告宣伝費：Web広告、雑誌・新聞広告、屋外広告など
• PR費用：プレスリリース配信、メディア向けイベント、PR会社への委託費
• コンテンツ制作費：動画・写真撮影、デザイン制作、ライティング
• イベント関連費：展示会出展、セミナー開催、ノベルティ制作
• その他：調査・分析費、システム利用料、外部コンサル費

各項目について、「予算額」「実績額」「残予算」「使用率」を管理できるようにします。

ステップ2：AIにダッシュボードのイメージを伝える

次に、AIに対して作りたいダッシュボードの「雰囲気」を自然言語で伝えます。具体的には以下のような指示を出します：

「広報予算管理のダッシュボードを作成してください。画面上部に今月の予算使用率を大きく表示し、その下に月別の予算推移をグラフで表示したいです。左側には項目別（広告費、PR費用など）の円グラフ、右側には予算と実績の比較を棒グラフで表示してください。予算を超過している項目は赤色で警告表示したいです。」

この時点では完璧な指示である必要はありません。AIは対話しながら理解を深めていくので、「だいたいこんな感じ」で十分です。

ステップ3：AIが生成したコードを確認・修正する

AIがHTMLとCSS、JavaScriptのコードを生成してくれます。生成されたコードを実際にブラウザで表示してみて、イメージと違う部分があれば再度AIに修正を依頼します。

「予算使用率の表示をもう少し大きくしてください」「円グラフの色をもっと見やすい色に変更してください」のように、具体的な修正点を伝えることで、AIが該当部分のコードを調整してくれます。

ステップ4：データ連携機能を追加する

現在のExcelデータをダッシュボードに反映できるよう、データ読み込み機能を追加します。CSVファイルをアップロードするだけで、グラフが自動更新される仕組みをAIに作ってもらいましょう。

「CSVファイルをアップロードしたら、自動でグラフが更新される機能を追加してください。ファイル形式は『項目名,予算額,実績額,月』の順序です」と指示すれば、AIがファイル読み込みとグラフ更新の処理を組み込んでくれます。

ステップ5：共有とアクセス設定

完成したダッシュボードを社内で共有できるよう、アクセス権限や更新権限を設定します。閲覧専用ユーザーと更新可能ユーザーを分けることで、データの整合性を保ちながら情報共有を実現できます。

AIシステム化の成功には段階的な導入が重要です。AIシステム化の「成功ロードマップ」でも詳しく解説していますが、小規模な範囲から始めて効果を確認しながら拡張していくことが定着のコツです。

導入後の効果と成果イメージ

Vibe Codingで作成したダッシュボードを導入すると、広報業務にどのような変化が生まれるでしょうか。実際の成果と期待できる効果をご紹介します。

時間短縮効果

従来のExcel管理では月末の集計作業に半日かかっていたものが、ダッシュボード導入後は数分で完了するようになります。

パナソニックコネクトでは、自社開発AIアシスタント「ConnectAI」を全社員1万1600人が活用し、年間44.8万時間の業務削減を実現しています。これは1人あたり年間約40時間、月に3時間以上の時短に相当します。

意思決定の高速化

リアルタイムでの予算状況把握により、「今月あと○万円使える」「このキャンペーンを続けるか判断が必要」といった経営判断を即座に下せるようになります。

従来は「データを集めて、Excelで集計して、グラフを作って…」という作業で数日かかっていた分析が、ダッシュボードを開くだけで瞬時に完了します。

チーム全体での情報共有

ダッシュボードをWebブラウザで共有することで、経営陣、広報担当者、経理担当者が同じデータを同時に確認できます。「あの数字、最新版はどれだっけ？」「メールで送ったExcelファイル、見てもらえたかな？」といった確認作業が不要になります。

予算オーバーの早期発見

予算使用率が80%を超えた項目は自動で赤色表示、90%を超えるとアラート通知が届く仕組みを作ることで、予算オーバーを未然に防げます。月末になって「予算オーバーしてた！」と慌てることがなくなります。

キユーピーでは原材料価格変動の分析モデルを構築し、調達コストを年間3億円削減、製造原価率を2.1%改善した事例もあるとされています。

過去データとの比較分析

「昨年同期と比べて予算使用ペースはどうか？」「四半期ごとの広告効果の推移は？」といった分析も、グラフで一目瞭然になります。単なる数字の羅列ではなく、視覚的に傾向を把握できるため、戦略的な判断に活用できます。

広報予算の最適化については広報予算をAIで賢く決める！過去データから「どこにいくら使うべきか」を予測する最新の最適化ガイドでも詳しく解説しています。

よくある失敗パターンと回避法

Vibe Codingでダッシュボード作成に取り組む際に、現場でやりがちな失敗パターンとその回避法をお伝えします。

失敗パターン1：完璧を求めすぎて作り始められない

「全ての項目を網羅した完璧なダッシュボードを最初から作ろう」と考えて、設計段階で何ヶ月も悩んでしまうケースです。

回避法：まずは最重要な3つの指標（例：今月の予算使用率、広告費の実績、残予算）だけを表示するシンプルなダッシュボードから始めましょう。動くものを作ってから、必要に応じて機能を追加していく方が効率的です。

失敗パターン2：AIの出力をそのまま使って動かない

AIが生成したコードをコピー&ペーストしただけで、「なぜか動かない」「エラーが出る」という状況に陥るケースです。

回避法：AIに「このコードでエラーが出ました：[エラーメッセージを貼り付け]」と伝えて修正を依頼しましょう。AIは対話的にエラーを解決してくれます。また、基本的なHTML・CSSの知識があると、簡単な修正は自分でできるようになります。

AIの出力は完璧ではありません。生成されたコードや情報は必ず人間が確認し、動作テストを行ってから本格運用しましょう。

失敗パターン3：データ形式を統一せずに進める

Excel管理時代のデータ形式がバラバラで、「1月分は『広告費』、2月分は『広告宣伝費』」のような表記揺れがあり、正しく集計されないケースです。

回避法：ダッシュボード作成前に、過去データの項目名、金額の単位、日付の形式を統一しましょう。AIに「データクリーニング用のスクリプトも作ってください」と依頼すれば、表記揺れを自動修正する機能も追加できます。

失敗パターン4：グラフが見づらくて使われない

「せっかく作ったのに、結局Excelの方が見やすいと言われてしまう」というケースです。色の選択や文字サイズ、グラフの種類が適切でないことが原因です。

回避法：実際にダッシュボードを使う人（経営陣、経理担当者など）に試してもらい、「文字が小さくて見えない」「この色だと分かりにくい」といったフィードバックをもらいましょう。AIに具体的な修正点を伝えれば、ユーザーフレンドリーなデザインに改善できます。

失敗パターン5：セキュリティを考えずに社外公開

予算データという機密情報を扱うにも関わらず、アクセス制限を設けずに誰でも見られる状態にしてしまうケースです。

回避法：ダッシュボードには必ずログイン機能とアクセス権限の設定を組み込みましょう。「社内の特定メンバーだけがアクセスできる仕組みにしてください」とAIに依頼すれば、認証機能付きのダッシュボードを作成できます。

AIセキュリティに関する基本的なルールについては、「AIセキュリティ」超入門で詳しく解説しています。

FAQ（よくある質問）

Vibe Codingを活用すれば、Excel管理の限界を超えて、見やすく使いやすい広報予算ダッシュボードを短期間で作成できます。プログラミング知識がなくても、AIとの対話で理想的なデータ管理システムを実現できる時代が到来しています。

まずは現在の予算データを整理するところから始めて、シンプルなダッシュボード作成にチャレンジしてみてください。きっと「もっと早く導入すればよかった」と感じるはずです。