はじめに
はじめまして！
EmpireのTAKE（タケ）です！😎
今回は、Gemini CLIとMarpを使用して、自動でスライドを作成するためのプロジェクト環境の構築を試みました。
サンプルスライド例にどこまで近づけるか模索します。
Marpとは？
Marpは、Markdownによってプレゼンテーションスライドを作成するためのツールです。
Markdownを使用してスライドを作成し、組み込みテーマやCSSテーマによるデザインを適用して、HTML, PDF, PowerPointなどの各種形式でエクスポートすることができます。
試したこと
今回は事業計画書の作成を参考のデザインを元に生成します。
流れ
Marp for VS Codeのインストール
↓
デザインファイルの用意
↓
事業計画書を作成
↓
デザインファイルと事業計画書を元にスライドの作成
↓
完成したスライドから、スライド作成ルールを作成
↓
ルールより、同じようなスライドが作成できるか検証
Marpの導入
Visual Studio Codeの拡張機能で、Marpを検索してインストールを行います。
インストールが完了したら、試しにMarkdownファイルを作成してみましょう。
テキストファイルを新規作成して拡張子を.mdに変更します。
作成したMarkdownファイルをVSCodeで開き、次のように記述します。
---
marp: true
---
次にソースコードウィンドウの右上にあるプレビューを横に表示をクリックして、プレビューを表示します。
プレビューに白紙のスライドが表示されればMarpの導入は完了です。
学習用ファイルの準備
次に学習用のファイルを準備します。
今回は以下のファイル構成で進めます。
marp-slide\
- sample-design\
- 1 ~ 16.png
- train-rules.md
sample-design\
今回は、Canvaより下記のようなサンプルデザインをダウンロードしました。
.pngでダウンロードし、sample-design\1枚ずつファイルを分けて保存しています。
train-rules.md
スライドの作成ルールを記載するファイルです。
ここに記載している条件に基づいてスライドを作成します。
条件については、Geminiで生成します。
事業計画書の作成
カフェ事業の事業計画書を作成します。
以下の項目で、カフェ事業の計画を作成してください。結果はcafe-business-plan.mdファイルを作成し、そこに保存してください。
経営理念
市場分析
ターゲット市場
製品ラインナップ
マーケティング戦略
販売戦略
運営計画
財務計画
リスク管理
実行計画
cafe-business-plan.md
事業計画書：カフェ事業
1. 経営理念
MISSION（使命）
こだわりのスペシャルティコーヒーと手作りの食事を通じて、地域の人々に心安らぐ時間と空間を提供する。
VISION（将来像）
地域コミュニティのハブとなり、人と人が繋がる「街のサードプレイス」として愛される存在になる。
VALUES（価値観）
- 品質: 豆、食材、抽出方法のすべてにこだわり、最高の一杯を追求する。
- おもてなし: お客様一人ひとりに寄り添った、温かく心地よいサービスを提供する。
- 地域貢献: 地域の生産者やアーティストと連携し、地域の文化振興に貢献する。
- 持続可能性: 環境に配慮した食材の調達や廃棄物削減を推進する。
2. 市場分析
背景：カフェ文化と市場の需要
- スペシャルティコーヒー市場の拡大: 高品質なコーヒー体験への関心が高まっている。
- サードプレイスの需要: 自宅でも職場でもない、リラックスできる第三の場所としてカフェの価値が再認識されている。
- ライフスタイルの多様化: リモートワークやフレックスタイムの普及により、日中のカフェ利用者が増加している。
競合店の分析
| 項目 | A店 (大手チェーン) | B店 (個人経営) | C店 (ベーカリーカフェ) |
|---|---|---|---|
| 立地 | 駅前 | 住宅街 | 商店街 |
| 強み | ブランド力、価格 | こだわりの豆、常連客 | 焼きたてパン |
| 弱み | 画一的なサービス | 知名度が低い | ドリンクメニューが少ない |
| 差別化 | 独自の空間と体験 | コミュニティ | 食事とのペアリング |
市場規模の推移と予測
- カフェ市場は年平均3%の安定成長を続けている。
- 特に、単価は高いが体験価値を重視するスペシャルティコーヒー分野は年5%以上の成長が見込まれる。
3. ターゲット市場
- 20代〜40代の男女がメインターゲット。
- 興味関心: コーヒー、読書、デザイン、地域交流に関心が高い層。
-
利用動機:
- 美味しいコーヒーを求めて
- 友人や同僚との会話の場として
- 一人で集中したい、リラックスしたい
4. 製品ラインナップ
01. ドリンクメニュー
- スペシャルティコーヒー: エスプレッソ、ドリップ（常時3種類以上の豆）
- アレンジドリンク: カフェラテ、季節のフルーツを使った限定ドリンク
- その他: 紅茶、ハーブティー、自家製レモネード
02. フードメニュー
- モーニング: トーストセット、グラノーラ
- ランチ: 週替わりパスタ、特製カレー、サンドイッチプレート
- 軽食: キッシュ、スコーン
03. デザート
- 自家製チーズケーキ、ガトーショコラ
- 季節のフルーツタルト、プリン
04. 物販
- オリジナルブレンドのコーヒー豆
- ドリップバッグ、マグカップなどのオリジナルグッズ
5. マーケティング戦略
01. オンライン戦略
- SNS (Instagram, Facebook): 美しい写真で店の雰囲気やメニューの魅力を発信。フォロワー限定キャンペーンを実施。
- Webサイト/ブログ: コーヒー豆のこだわりやイベント情報を発信し、ブランドストーリーを伝える。
02. オフライン戦略
- 地域メディア: タウン誌やフリーペーパーで紹介記事を掲載。
- ショップカード: 周辺の店舗や施設に設置させてもらい、認知度を向上。
03. イベント
- コーヒーの淹れ方ワークショップ
- 地域のアーティストによる作品展示やライブ
- 近隣農家と連携したマルシェ
6. 販売戦略
店舗販売
- 温かいおもてなしと丁寧な商品説明で、顧客満足度とリピート率を高める。
- キャッシュレス決済を導入し、利便性を向上。
テイクアウト
- テイクアウト専用メニューやセットを提供。
- 事前注文・決済システムを導入し、待ち時間を短縮。
顧客管理
- ポイントカードやLINE公式アカウントを活用し、再来店を促進。
- 顧客の購買データを分析し、新メニュー開発やサービス改善に繋げる。
7. 運営計画
人員配置と役割
| 役職・担当名 | 人数 | 責任 | 役割 |
|---|---|---|---|
| 店長 | 1名 | 店舗全体の運営管理 | スタッフ育成、売上管理 |
| バリスタ | 2名 | ドリンク提供、顧客対応 | 品質管理、新メニュー開発 |
| キッチン | 2名 | フード・デザート調理 | 在庫管理、新メニュー開発 |
| アルバイト | 3名 | 接客、清掃、調理補助 | - |
在庫管理とサプライチェーン
- 豆・食材: 複数の信頼できるロースターや地元農家から直接仕入れ、鮮度を保つ。
- 在庫管理: POSシステムと連携し、需要予測に基づいた発注で廃棄ロスを削減。
8. 財務計画
初期投資額：1,500万円
| 費用項目 | 投資額 |
|---|---|
| 物件取得費 | 300万円 |
| 内装工事費 | 600万円 |
| 厨房・コーヒー機器 | 400万円 |
| 初期在庫 | 100万円 |
| 広告宣伝費 | 50万円 |
| その他諸経費 | 50万円 |
売上目標と利益計画
- 年間売上目標: 2,500万円
- 利益率: 15%
- 5年後の売上目標: 4,000万円（2号店出店を視野に）
9. リスク管理
外部要因と対策
- 経済変動: 景気後退による客単価の低下 → ランチセットや回数券など、お得なサービスを強化。
- 競合の出現: 近隣への競合店出店 → イベント開催やSNSでの発信を強化し、ファンを育成する。
- 原材料価格の高騰: → 複数サプライヤーの確保、メニュー構成の見直しによる原価率調整。
内部要因と対策
- 人材の定着: スタッフの離職 → 適切な評価制度とキャリアパス、良好な労働環境を整備。
- 衛生問題: 食中毒など → 徹底した衛生管理マニュアルの作成と遵守。
10. 実行計画（グランドオープンまで）
| 期間 | タスク |
|---|---|
| 6ヶ月前 | 事業計画詳細化、資金調達 |
| 5ヶ月前 | 物件契約 |
| 4ヶ月前 | 店舗設計、内装業者選定 |
| 3ヶ月前 | 内装工事開始、メニュー開発、業者選定 |
| 2ヶ月前 | 機器搬入、スタッフ採用 |
| 1ヶ月前 | スタッフ研修、プレオープン、広告宣伝 |
| 当日 | グランドオープン |
スライドの生成
sample-design \とcafe-business-plan.mdを使ってスライドを作成していきます。
@sample-designにあるデザインと@cafe-business-plan.mdを元に作成した計画からmarp形式のファイル（@cafe-business-plan.marp.md）を作成してください。その時、できるだけ元のデザインに近い形で作成してください。
cafe-business-plan.marp.md
marp: true
theme: cafe-style
paginate: true
footer: '© CAFE PROPOSAL'
<style>
/* @theme cafe-style */
section {
background: #f8f9fa;
color: #495057;
font-family: "Helvetica Neue", "Arial", sans-serif;
padding: 40px 80px;
}
h1, h2, h3 {
font-family: "Yu Gothic", "Meiryo", sans-serif;
font-weight: bold;
color: #343a40;
}
h1 {
font-size: 64px;
}
h2 {
font-size: 48px;
margin: 0;
padding-bottom: 15px;
border-bottom: 4px solid #5c7383;
width: 100%;
color: #5c7383;
}
h3 {
font-size: 28px;
padding: 10px 15px;
background-color: #5c7383;
color: white;
margin-top: 0;
}
p, ul, ol, table {
font-size: 22px;
line-height: 1.6;
}
ul, ol {
padding-left: 30px;
}
.v-text {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
color: #adb5bd;
font-size: 16px;
letter-spacing: 2px;
border-left: 2px solid #adb5bd;
padding-left: 10px;
}
.columns {
display: flex;
gap: 40px;
width: 100%;
flex-grow: 1;
margin-top: 20px;
}
.columns > div {
flex: 1;
}
table {
width: 100%;
border-collapse: collapse;
}
th {
background-color: #5c7383;
color: white;
font-weight: bold;
}
td, th {
border: 1px solid #dee2e6;
padding: 12px;
text-align: left;
font-size: 16px;
}
tbody tr:nth-child(odd) {
background-color: #e9ecef;
}
</style>
<div class="v-text">BUSINESS PLAN</div>
<h1>事業計画書</h1>
<p>心安らぐ時間と空間を提案するカフェ事業</p>
<div class="date">
02 October, 2025
</div>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div class="left">
<h1>CONTENTS</h1>
</div>
<div class="right">
<ol>
<li>経営理念</li>
<li>市場分析</li>
<li>ターゲット市場</li>
<li>製品ラインナップ</li>
<li>マーケティング戦略</li>
<li>販売戦略</li>
<li>運営計画</li>
<li>財務計画</li>
<li>リスク管理</li>
<li>実行計画</li>
</ol>
</div>
</div>
<h2>01. 経営理念</h2>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div>
<h3>MISSION（使命）</h3>
<p>こだわりのスペシャルティコーヒーと手作りの食事を通じて、地域の人々に心安らぐ時間と空間を提供する。</p>
</div>
<div>
<h3>VISION（将来像）</h3>
<p>地域コミュニティのハブとなり、人と人が繋がる「街のサードプレイス」として愛される存在になる。</p>
</div>
</div>
<div class="columns">
<div>
<h3>VALUES（価値観）</h3>
<ul>
<li><strong>品質</strong>: 最高の素材と技術で、本物のおいしさを追求する。</li>
<li><strong>おもてなし</strong>: 心温まるサービスで、居心地の良い空間を創造する。</li>
<li><strong>地域貢献</strong>: 地域の文化や人々との繋がりを大切にする。</li>
<li><strong>持続可能性</strong>: 環境と社会に配慮した活動を行う。</li>
</ul>
</div>
</div>
<h2>02. 市場分析</h2>
<div class="v-text">CAFE PROPOSAL</div>
<h3>背景：カフェ文化と市場の需要</h3>
<ul>
<li><strong>スペシャルティコーヒー市場の拡大</strong>: 高品質なコーヒーへの関心増。</li>
<li><strong>サードプレイスの需要</strong>: 自宅でも職場でもない、第三の場所の価値向上。</li>
<li><strong>ライフスタイルの多様化</strong>: リモートワーク等の普及による日中の利用者増。</li>
</ul>
<h3>競合店の分析</h3>
<table>
<thead>
<tr>
<th>項目</th>
<th>A店 (大手)</th>
<th>B店 (個人)</th>
<th>C店 (ベーカリー)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>強み</strong></td>
<td>ブランド力、価格</td>
<td>こだわりの豆、常連客</td>
<td>焼きたてパン</td>
</tr>
<tr>
<td><strong>弱み</strong></td>
<td>画一的なサービス</td>
<td>知名度が低い</td>
<td>ドリンクが弱い</td>
</tr>
</tbody>
</table>
<h2>03. ターゲット市場</h2>
<div class="v-text">CAFE PROPOSAL</div>
<p>年齢、性別、興味関心に基づくターゲット市場です。</p>
<div class="columns">
<div>
<h3>年齢層</h3>
<ul>
<li>20代: 25%</li>
<li>30代: 35%</li>
<li>40代: 20%</li>
<li>50代以上: 20%</li>
</ul>
</div>
<div>
<h3>性別</h3>
<ul>
<li>女性: 60%</li>
<li>男性: 40%</li>
</ul>
</div>
<div>
<h3>興味関心</h3>
<ul>
<li>コーヒー: 30%</li>
<li>食事・グルメ: 25%</li>
<li>読書・勉強: 20%</li>
<li>地域交流: 15%</li>
<li>その他: 10%</li>
</ul>
</div>
</div>
<p>メインターゲットは、都市部またはその近郊に住む20代から40代の、ライフスタイルにこだわりを持つ層。質の高い商品や体験には、適正な対価を払う価値観を持つ。</p>
<h2>04. 製品ラインナップ</h2>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div>
<h3>01
ドリンク</h3>
<p>スペシャルティコーヒーを常時数種類提供。季節の限定ドリンクや自家製シロップも。</p>
</div>
<div>
<h3>02
フード</h3>
<p>ランチ、モーニング、軽食を提供。地域の旬の食材を活かしたメニュー。</p>
</div>
</div>
<div class="columns">
<div>
<h3>03
デザート</h3>
<p>コーヒーとのペアリングを考えた自家製ケーキや焼き菓子。</p>
</div>
<div>
<h3>04
物販</h3>
<p>オリジナルブレンドのコーヒー豆や、関連器具、オリジナルグッズを販売。</p>
</div>
</div>
<h2>05. マーケティング戦略</h2>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div>
<h3>01. オンライン戦略</h3>
<p>InstagramやWebサイトで、美しい写真と共にブランドストーリーやこだわりを発信。ファンとの交流を深める。</p>
</div>
</div>
<div class="columns">
<div>
<h3>02. オフライン戦略</h3>
<p>地域の雑誌やイベントを通じて認知度を向上。周辺施設との連携も図る。</p>
</div>
</div>
<div class="columns">
<div>
<h3>03. イベント</h3>
<p>コーヒーワークショップや地域アーティストとのコラボイベントを開催し、体験価値を提供する。</p>
</div>
</div>
<h2>06. 販売戦略</h2>
<div class="v-text">CAFE PROPOSAL</div>
<h3>オンラインストアと実店舗の統合戦略</h3>
<div class="columns">
<div>
<h3>オムニチャネル販売戦略</h3>
<p>店舗での体験と、テイクアウトや豆のオンライン販売を連携させ、顧客の利便性を高める。</p>
</div>
<div>
<h3>実店舗でのデジタル体験の強化</h3>
<p>モバイルオーダーシステムの導入や、フリーWi-Fiの提供で快適な滞在をサポートする。</p>
</div>
</div>
<div class="columns">
<div>
<h3>顧客情報の一元管理</h3>
<p>POSや会員アプリを通じて顧客情報を管理し、パーソナライズされた情報提供やサービス改善に繋げる。</p>
</div>
</div>
<h2>07. 運営計画</h2>
<div class="v-text">CAFE PROPOSAL</div>
<h3>人員配置と役割</h3>
<table>
<thead>
<tr>
<th>役職・担当名</th>
<th>人数</th>
<th>役割</th>
</tr>
</thead>
<tbody>
<tr>
<td>店長</td>
<td>1名</td>
<td>店舗全体の運営管理、スタッフ育成、売上管理</td>
</tr>
<tr>
<td>バリスタ</td>
<td>2名</td>
<td>ドリンク提供、品質管理、新メニュー開発、顧客対応</td>
</tr>
<tr>
<td>キッチン</td>
<td>2名</td>
<td>フード・デザート調理、在庫管理、新メニュー開発</td>
</tr>
<tr>
<td>アルバイト</td>
<td>3名</td>
<td>接客、清掃、調理補助</td>
</tr>
</tbody>
</table>
<h2>08. 財務計画</h2>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div>
<h3>初期投資額：1,500万円</h3>
<table>
<thead>
<tr>
<th>費用項目</th>
<th>投資額</th>
</tr>
</thead>
<tbody>
<tr>
<td>物件取得費</td>
<td>300万円</td>
</tr>
<tr>
<td>内装工事費</td>
<td>600万円</td>
</tr>
<tr>
<td>厨房・コーヒー機器</td>
<td>400万円</td>
</tr>
<tr>
<td>初期在庫</td>
<td>100万円</td>
</tr>
<tr>
<td>広告宣伝費</td>
<td>50万円</td>
</tr>
<tr>
<td>その他諸経費</td>
<td>50万円</td>
</tr>
</tbody>
</table>
</div>
<div>
<h3>売上目標と利益計画</h3>
<ul>
<li>年間売上目標: <strong>2,500万円</strong></li>
<li>年間利益目標: <strong>375万円</strong> (利益率15%)</li>
</ul>
<h3>売上予測</h3>
<ul>
<li>1年目: 2,500万円</li>
<li>2年目: 2,800万円</li>
<li>3年目: 3,200万円</li>
</ul>
</div>
</div>
<h2>09. リスク管理</h2>
<div class="v-text">CAFE PROPOSAL</div>
<div class="columns">
<div>
<h3>外部要因の分析</h3>
<ul>
<li><strong>経済変動</strong>: 景気後退による客単価の低下。</li>
<li><strong>競合の出現</strong>: 近隣への競合店出店。</li>
<li><strong>原材料価格の高騰</strong></li>
</ul>
</div>
<div>
<h3>外部要因への対策</h3>
<ul>
<li>お得なセットメニューや回数券の導入。</li>
<li>イベント開催やSNSでの発信強化によるファン育成。</li>
<li>複数サプライヤーの確保、メニュー構成の見直し。</li>
</ul>
</div>
</div>
<div class="columns">
<div>
<h3>内部要因の分析</h3>
<ul>
<li><strong>人材の定着</strong></li>
<li><strong>衛生問題</strong></li>
</ul>
</div>
<div>
<h3>内部要因への対策</h3>
<ul>
<li>適切な評価制度と良好な労働環境の整備。</li>
<li>徹底した衛生管理マニュアルの作成と遵守。</li>
</ul>
</div>
</div>
<h2>10. 実行計画</h2>
<div class="v-text">CAFE PROPOSAL</div>
<p>グランドオープンまでのスケジュールは以下の通りです。</p>
<table>
<thead>
<tr>
<th>期間</th>
<th>タスク</th>
</tr>
</thead>
<tbody>
<tr>
<td>6ヶ月前</td>
<td>事業計画詳細化、資金調達</td>
</tr>
<tr>
<td>5ヶ月前</td>
<td>物件契約</td>
</tr>
<tr>
<td>4ヶ月前</td>
<td>店舗設計、内装業者選定</td>
</tr>
<tr>
<td>3ヶ月前</td>
<td>内装工事開始、メニュー開発、業者選定</td>
</tr>
<tr>
<td>2ヶ月前</td>
<td>機器搬入、スタッフ採用</td>
</tr>
<tr>
<td>1ヶ月前</td>
<td>スタッフ研修、プレオープン、広告宣伝</td>
</tr>
<tr>
<td><strong>当日</strong></td>
<td><strong>グランドオープン</strong></td>
</tr>
</tbody>
</table>
<div class="v-text">CAFE PROPOSAL</div>
<h1>THANK YOU</h1>
<p>ご清聴いただき、誠にありがとうございました。</p>
<p>本事業計画にご興味をお持ちいただけましたら幸いです。
ご質問やご意見がございましたら、いつでもお気軽にお問い合わせください。</p>
生成されたスライドがこちら↓
スライド生成ルールの作成
@cafe-business-plan.marp.mdで用いたスライド作成ルールを、train-rules.mdにまとめてください。
train-rules.md
marp: true
theme: cafe-style
paginate: true
footer: '© MARP SLIDE RULES'
<style>
/* @theme cafe-style */
section {
background: #f8f9fa;
color: #495057;
font-family: "Helvetica Neue", "Arial", sans-serif;
padding: 40px 80px;
}
h1, h2, h3 {
font-family: "Yu Gothic", "Meiryo", sans-serif;
font-weight: bold;
color: #343a40;
}
h1 {
font-size: 64px;
}
h2 {
font-size: 48px;
margin: 0;
padding-bottom: 15px;
border-bottom: 4px solid #5c7383;
width: 100%;
color: #5c7383;
}
h3 {
font-size: 28px;
padding: 10px 15px;
background-color: #5c7383;
color: white;
margin-top: 0;
}
p, ul, ol, table, pre {
font-size: 22px;
line-height: 1.6;
}
ul, ol {
padding-left: 30px;
}
.v-text {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
color: #adb5bd;
font-size: 16px;
letter-spacing: 2px;
border-left: 2px solid #adb5bd;
padding-left: 10px;
}
.columns {
display: flex;
gap: 40px;
width: 100%;
flex-grow: 1;
margin-top: 20px;
}
.columns > div {
flex: 1;
}
table {
width: 100%;
border-collapse: collapse;
}
th {
background-color: #5c7383;
color: white;
font-weight: bold;
}
td, th {
border: 1px solid #dee2e6;
padding: 12px;
text-align: left;
font-size: 16px;
}
tbody tr:nth-child(odd) {
background-color: #e9ecef;
}
pre {
font-size: 14px;
background: #e9ecef;
padding: 15px;
border-radius: 5px;
}
</style>
<div class="v-text">MARP RULES</div>
<h1>Marpスライド作成ルール</h1>
<p><code>cafe-business-plan.marp.md</code>の設計解説</p>
<div class="v-text">MARP RULES</div>
<div class="columns">
<div class="left">
<h1>CONTENTS</h1>
</div>
<div class="right">
<ol>
<li>基本設定</li>
<li>カスタムテーマ</li>
<li>レイアウト用ヘルパークラス</li>
<li>コンポーネントスタイル</li>
<li>作成例</li>
</ol>
</div>
</div>
<h2>01. 基本設定</h2>
<div class="v-text">MARP RULES</div>
<p>すべてのスライドは、以下のグローバルディレクティブから始まります。</p>
<pre><code>---
marp: true
theme: cafe-style
paginate: true
footer: '© CAFE PROPOSAL'
---</code></pre>
<ul>
<li><strong>marp: true</strong>: Marpでのレンダリングを有効化</li>
<li><strong>theme: cafe-style</strong>: カスタムテーマを適用</li>
<li><strong>paginate: true</strong>: ページ番号を自動表示</li>
<li><strong>footer: '...'</strong>: フッターテキストを表示</li>
</ul>
<h2>02. カスタムテーマ <code>cafe-style</code></h2>
<div class="v-text">MARP RULES</div>
<p>スライドの見た目は、<code><style></code>タグ内に定義されたテーマによって制御されます。</p>
<pre><code><style>
/* @theme cafe-style */
/* ここにCSSルールを記述 */
</style></code></pre>
<div class="columns">
<div>
<h3>基本スタイル (section)</h3>
<ul>
<li>background: <code>#f8f9fa</code></li>
<li>color: <code>#495057</code></li>
<li>font-family: <code>"Helvetica Neue"</code></li>
<li>padding: <code>40px 80px</code></li>
</ul>
</div>
<div>
<h3>タイポグラフィ</h3>
<ul>
<li>h1, h2, h3: <code>"Yu Gothic"</code></li>
<li>h2 (タイトル): 下線付き</li>
<li>p, ul, ol: <code>22px</code></li>
</ul>
</div>
</div>
<h2>03. レイアウト用ヘルパークラス</h2>
<div class="v-text">MARP RULES</div>
<p>特定のレイアウトを実現するために、HTMLと組み合わせて使用するCSSクラスです。</p>
<div class="columns">
<div>
<h3><code>.title</code></h3>
<p>タイトルや最後の挨拶スライド用。テーマカラーの背景に白抜きの文字になります。</p>
<pre><code><!-- class: title --></code></pre>
</div>
<div>
<h3><code>.v-text</code></h3>
<p>スライド右端に縦書きのテキストを配置するアクセントです。</p>
<pre><code><div class="v-text">...</div></code></pre>
</div>
</div>
<h2>03. レイアウト用ヘルパークラス</h2>
<div class="v-text">MARP RULES</div>
<h3><code>.columns</code></h3>
<p>コンテンツを左右均等に分割して表示する場合に使用します。</p>
<pre><code><div class="columns">
<div>
<!-- 左カラム -->
</div>
<div>
<!-- 右カラム -->
</div>
</div></code></pre>
<p>このスライド自体も<code>.columns</code>を使ってレイアウトされています。</p>
<h2>04. コンポーネントスタイル</h2>
<div class="v-text">MARP RULES</div>
<h3>テーブル (<code><table></code>)</h3>
<p>表のデザインです。ヘッダーはテーマカラー、奇数行は背景色が変わります。</p>
<table>
<thead>
<tr>
<th>ヘッダー1</th>
<th>ヘッダー2</th>
</tr>
</thead>
<tbody>
<tr>
<td>データ1</td>
<td>データ2</td>
</tr>
<tr>
<td>データ3</td>
<td>データ4</td>
</tr>
</tbody>
</table>
<h2>05. 作成例</h2>
<div class="v-text">MARP RULES</div>
<p>ここまでのルールを組み合わせたスライドの記述例です。</p>
<pre><code style="font-size: 12px;">---
marp: true
theme: cafe-style
<style>
/* @theme cafe-style */
section { background:#f8f9fa; color:#495057; padding:40px 80px; }
h2 { font-size:48px; border-bottom:4px solid #5c7383; color:#5c7383; }
.v-text { position:absolute; top:50%; right:15px; writing-mode:vertical-rl; }
.columns { display:flex; gap:40px; }
.columns > div { flex:1; }
h3 { font-size:28px; background-color:#5c7383; color:white; }
</style>
<!-- class: title -->
<h1>スライドタイトル</h1>
<h2>01. スライドの構成</h2>
<div class="v-text">PROPOSAL</div>
<div class="columns">
<div><h3>左カラム</h3></div>
<div><h3>右カラム</h3></div>
</div>
</code></pre>
<div class="v-text">MARP RULES</div>
<h1>THANK YOU</h1>
スライド生成ルールの検証
生成ルールから使えるか
たこ焼き屋の事業計画書スライドを作り、検証します。
たこ焼き屋の事業計画書の作成
以下の項目で、たこ焼き屋の事業の計画を作成してください。結果はtakoyaki-business-plan.mdファイルを作成し、そこに保存してください。
経営理念
市場分析
ターゲット市場
製品ラインナップ
マーケティング戦略
販売戦略
運営計画
財務計画
リスク管理
実行計画
takoyaki-business-plan.md
たこ焼き屋事業計画
1. 経営理念
私たちのたこ焼き屋は、ただ美味しいたこ焼きを提供するだけではありません。地域社会に根ざし、人々の笑顔が集まる温かい場所を提供することを目指します。伝統の味を守りつつ、新しい驚きと楽しさを提供し、お客様一人ひとりにとって「また来たい」と思えるような、心に残る体験を創造します。
2. 市場分析
業界動向
- 強み: たこ焼きは、老若男女問わず幅広い層に愛される日本のソウルフードであり、安定した需要が見込めます。テイクアウトやデリバリーとの親和性が高く、近年のライフスタイルの変化にも対応しやすいです。
- 機会: インバウンド観光客の回復により、日本文化の象徴的な食べ物として注目が集まる可能性があります。また、SNS映えするユニークなメニュー開発により、若者層へのアピールも期待できます。
競合分析
- 近隣には、チェーン展開するたこ焼き店が1店舗、個人経営のたこ焼き屋が2店舗存在します。
- チェーン店: 価格の安さと提供スピードが強みですが、味の画一化やサービスの簡素化が弱みです。
- 個人経営店: 地域密着型で常連客を抱えていますが、メニューの多様性や情報発信力に課題があります。
3. ターゲット市場
- プライマリターゲット: 30代〜50代のファミリー層。週末の買い物ついでや、子供のおやつとしての需要を狙います。
- セカンダリターゲット: 10代〜20代の学生や若者グループ。学校帰りや放課後の軽食として、またSNSでの話題性を意識した商品で惹きつけます。
- インバウンド観光客: 日本の食文化体験を求める外国人観光客。
4. 製品ラインナップ
-
定番たこ焼き:
- ソースマヨ: 伝統的ながらも、出汁の効いた生地と特製ソースで差別化。 (8個入り 600円)
- 塩だれ: さっぱりとした味わいで、女性や年配層に人気。 (8個入り 650円)
- 醤油: 香ばしい醤油の風味が食欲をそそる一品。 (8個入り 650円)
-
創作たこ焼き (月替わり):
- チーズ明太子、ねぎ塩レモン、スイートチリなど、斬新な組み合わせでリピーターを飽きさせません。 (8個入り 700円)
-
サイドメニュー:
- フライドポテト (300円)
- 唐揚げ (400円)
- ソフトドリンク各種 (200円)
- アルコール (ビール、ハイボール) (450円)
5. マーケティング戦略
-
オンライン:
- Instagram、Twitter、TikTokアカウントを開設し、新商品情報、キャンペーン、調理風景などを発信。
- インフルエンサーや地域ブロガーを招待し、試食会を実施。
- Googleマップの情報を充実させ、口コミ投稿を促進。
-
オフライン:
- オープン時にチラシをポスティングし、地域住民への認知度を高める。
- 地域のイベントや祭りに積極的に出店し、ブランドの露出を図る。
- ポイントカードを導入し、リピート利用を促進。
6. 販売戦略
-
店舗販売:
- 温かい雰囲気の店内で、出来立てを提供。イートインスペースも少数設ける。
- テイクアウトをメインとし、待ち時間を短縮するための電話予約やモバイルオーダーシステムを導入。
-
デリバリー:
- Uber Eats、出前館などのデリバリーサービスと提携し、商圏を拡大。
7. 運営計画
- 店舗: 〇〇駅徒歩5分の商店街に、10坪程度の店舗を賃貸。
-
人員:
- 店長 (正社員) 1名
- アルバイトスタッフ 2〜3名 (平日夕方、土日祝日を中心にシフト制)
-
仕入れ:
- タコ、小麦粉、野菜などの主要食材は、品質と価格を比較し、複数の業者から仕入れる。
- ソースや出汁は、オリジナルの味を追求するため自社で開発・製造。
8. 財務計画
-
初期投資:
- 店舗取得費: 150万円
- 内外装工事費: 200万円
- 厨房設備費: 150万円
- 運転資金: 100万円
- 合計: 600万円 (自己資金 300万円、融資 300万円)
-
売上目標:
- 平日: 5万円/日
- 休日: 8万円/日
- 月間売上: 約180万円
-
費用:
- 原材料費: 54万円 (売上の30%)
- 人件費: 45万円 (店長1名、アルバイト2名)
- 家賃: 15万円
- 水道光熱費: 5万円
- その他経費 (広告宣伝費、消耗品費など): 10万円
- 月間費用合計: 129万円
-
利益計画:
- 月間営業利益: 51万円
- 年間営業利益: 612万円
9. リスク管理
- 食材価格の変動: 複数の仕入れ先を確保し、価格交渉力を持つ。不漁の場合は、代替メニューの開発も視野に入れる。
- 競合の出現: 常に新メニュー開発やサービス向上に努め、顧客満足度を高めることで差別化を図る。
- 食中毒などの衛生問題: 徹底した衛生管理マニュアルを作成し、全スタッフに遵守させる。定期的な研修も実施。
- 天候不順による売上減: デリバリーサービスを強化し、悪天候でも売上を確保できる体制を構築する。
10. 実行計画
- 〜3ヶ月前: 事業計画詳細化、資金調達 (融資申請)
- 2ヶ月前: 店舗物件契約、内装・外装デザイン確定
- 1ヶ月前: 内装・外装工事開始、厨房設備搬入、スタッフ募集・採用
- 2週間前: メニュー試作・確定、仕入れ先最終決定、SNSアカウント開設・ティザー広告開始
- 1週間前: スタッフ研修、プレオープン (関係者向け)
- オープン日: グランドオープン！キャンペーン実施
- オープン後: 定期的な売上分析と改善策の実施、SNSでの情報発信継続
スライドの生成
@train-rules.mdと@takoyaki-business-plan.mdを元に、スライドを生成し、@takoyaki-business-plan.marp.mdに保存してください。
takoyaki-business-plan.marp.md
marp: true
theme: cafe-style
paginate: true
footer: '© TAKOYAKI PROPOSAL'
<style>
/* @theme cafe-style */
section {
background: #f8f9fa;
color: #495057;
font-family: "Helvetica Neue", "Arial", sans-serif;
padding: 40px 80px;
}
h1, h2, h3 {
font-family: "Yu Gothic", "Meiryo", sans-serif;
font-weight: bold;
color: #343a40;
}
h1 {
font-size: 64px;
}
h2 {
font-size: 48px;
margin: 0;
padding-bottom: 15px;
border-bottom: 4px solid #5c7383;
width: 100%;
color: #5c7383;
}
h3 {
font-size: 28px;
padding: 10px 15px;
background-color: #5c7383;
color: white;
margin-top: 0;
}
p, ul, ol, table {
font-size: 22px;
line-height: 1.6;
}
ul, ol {
padding-left: 30px;
}
.v-text {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
color: #adb5bd;
font-size: 16px;
letter-spacing: 2px;
border-left: 2px solid #adb5bd;
padding-left: 10px;
}
.columns {
display: flex;
gap: 40px;
width: 100%;
flex-grow: 1;
margin-top: 20px;
}
.columns > div {
flex: 1;
}
table {
width: 100%;
border-collapse: collapse;
}
th {
background-color: #5c7383;
color: white;
font-weight: bold;
}
td, th {
border: 1px solid #dee2e6;
padding: 12px;
text-align: left;
font-size: 16px;
}
tbody tr:nth-child(odd) {
background-color: #e9ecef;
}
</style>
<div class="v-text">BUSINESS PLAN</div>
<h1>たこ焼き屋事業計画書</h1>
<p>伝統と革新が融合する、次世代のたこ焼き体験</p>
<div class="date">
03 October, 2025
</div>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div class="left">
<h1>CONTENTS</h1>
</div>
<div class="right">
<ol>
<li>経営理念</li>
<li>市場分析</li>
<li>ターゲット市場</li>
<li>製品ラインナップ</li>
<li>マーケティング戦略</li>
<li>販売戦略</li>
<li>運営計画</li>
<li>財務計画</li>
<li>リスク管理</li>
<li>実行計画</li>
</ol>
</div>
</div>
<h2>01. 経営理念</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<h3>地域社会に根ざし、人々の笑顔が集まる温かい場所を</h3>
<p>
私たちのたこ焼き屋は、ただ美味しいたこ焼きを提供するだけではありません。伝統の味を守りつつ、新しい驚きと楽しさを提供し、お客様一人ひとりにとって「また来たい」と思えるような、心に残る体験を創造します。
</p>
<h2>02. 市場分析</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>業界動向</h3>
<ul>
<li><strong>安定需要</strong>: 老若男女に愛されるソウルフード。</li>
<li><strong>中食対応</strong>: テイクアウトやデリバリーとの親和性が高い。</li>
<li><strong>インバウンド</strong>: 日本文化の象徴として観光客にアピール。</li>
</ul>
</div>
<div>
<h3>競合分析</h3>
<table>
<thead>
<tr>
<th>競合</th>
<th>強み</th>
<th>弱み</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>チェーン店</strong></td>
<td>価格、提供スピード</td>
<td>味の画一化、サービス</td>
</tr>
<tr>
<td><strong>個人経営店</strong></td>
<td>地域密着、常連客</td>
<td>多様性、情報発信力</td>
</tr>
</tbody>
</table>
</div>
</div>
<h2>03. ターゲット市場</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>プライマリターゲット</h3>
<p><strong>30代〜50代のファミリー層</strong></p>
<p>週末の買い物ついでや、子供のおやつとしての需要を狙います。</p>
</div>
<div>
<h3>セカンダリターゲット</h3>
<p><strong>10代〜20代の学生</strong></p>
<p>学校帰りの軽食として、SNSでの話題性を意識した商品で惹きつけます。</p>
</div>
</div>
<div class="columns">
<div>
<h3>その他</h3>
<p><strong>インバウンド観光客</strong></p>
<p>日本の食文化体験を求める外国人観光客に、本物の味を提供します。</p>
</div>
</div>
<h2>04. 製品ラインナップ</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>定番たこ焼き</h3>
<ul>
<li>ソースマヨ (600円)</li>
<li>塩だれ (650円)</li>
<li>醤油 (650円)</li>
</ul>
</div>
<div>
<h3>創作たこ焼き (月替わり)</h3>
<ul>
<li>チーズ明太子</li>
<li>ねぎ塩レモン</li>
<li>スイートチリ など (700円)</li>
</ul>
</div>
</div>
<div class="columns">
<div>
<h3>サイドメニュー</h3>
<ul>
<li>フライドポテト (300円)</li>
<li>唐揚げ (400円)</li>
<li>ドリンク各種 (200円〜)</li>
</ul>
</div>
</div>
<h2>05. マーケティング戦略</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>オンライン戦略</h3>
<ul>
<li>SNS (Instagram, TikTok) で魅力的なコンテンツを発信。</li>
<li>インフルエンサーや地域ブロガーとの連携。</li>
<li>Googleマップの情報を充実させ、口コミを促進。</li>
</ul>
</div>
<div>
<h3>オフライン戦略</h3>
<ul>
<li>オープン時のチラシポスティング。</li>
<li>地域のイベントや祭りへの出店。</li>
<li>リピート利用を促すポイントカードの導入。</li>
</ul>
</div>
</div>
<h2>06. 販売戦略</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>店舗販売</h3>
<p>温かい雰囲気の店内で、出来立てを提供。テイクアウトをメインとし、電話予約やモバイルオーダーも導入。</p>
</div>
<div>
<h3>デリバリー</h3>
<p>Uber Eats、出前館などのデリバリーサービスと提携し、商圏を拡大します。</p>
</div>
</div>
<h2>07. 運営計画</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<h3>店舗・人員・仕入れ</h3>
<table>
<thead>
<tr>
<th>項目</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>店舗</strong></td>
<td>〇〇駅徒歩5分の商店街に10坪程度の店舗</td>
</tr>
<tr>
<td><strong>人員</strong></td>
<td>店長1名、アルバイト2〜3名</td>
</tr>
<tr>
<td><strong>仕入れ</strong></td>
<td>主要食材は複数業者から仕入れ。ソースや出汁は自社開発。</td>
</tr>
</tbody>
</table>
<h2>08. 財務計画</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>初期投資額：600万円</h3>
<table>
<thead>
<tr>
<th>費用項目</th>
<th>投資額</th>
</tr>
</thead>
<tbody>
<tr>
<td>店舗取得費</td>
<td>150万円</td>
</tr>
<tr>
<td>内外装工事費</td>
<td>200万円</td>
</tr>
<tr>
<td>厨房設備費</td>
<td>150万円</td>
</tr>
<tr>
<td>運転資金</td>
<td>100万円</td>
</tr>
</tbody>
</table>
</div>
<div>
<h3>収支計画 (月間)</h3>
<ul>
<li><strong>売上目標</strong>: 180万円</li>
<li><strong>費用合計</strong>: 129万円</li>
<li>(原材料費, 人件費, 家賃など)</li>
<li><strong>営業利益</strong>: <strong>51万円</strong></li>
</ul>
<h3>年間営業利益目標: 612万円</h3>
</div>
</div>
<h2>09. リスク管理</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<div class="columns">
<div>
<h3>リスク</h3>
<ul>
<li>食材価格の変動</li>
<li>競合の出現</li>
<li>衛生問題</li>
<li>天候不順による売上減</li>
</ul>
</div>
<div>
<h3>対策</h3>
<ul>
<li>複数仕入れ先の確保</li>
<li>新メニュー開発による差別化</li>
<li>徹底した衛生管理と研修</li>
<li>デリバリーサービスの強化</li>
</ul>
</div>
</div>
<h2>10. 実行計画</h2>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<p>グランドオープンまでのスケジュールは以下の通りです。</p>
<table>
<thead>
<tr>
<th>期間</th>
<th>タスク</th>
</tr>
</thead>
<tbody>
<tr>
<td>〜3ヶ月前</td>
<td>事業計画詳細化、資金調達</td>
</tr>
<tr>
<td>2ヶ月前</td>
<td>店舗物件契約、デザイン確定</td>
</tr>
<tr>
<td>1ヶ月前</td>
<td>工事開始、設備搬入、スタッフ募集</td>
</tr>
<tr>
<td>2週間前</td>
<td>メニュー確定、SNSティザー広告</td>
</tr>
<tr>
<td>1週間前</td>
<td>スタッフ研修、プレオープン</td>
</tr>
<tr>
<td><strong>当日</strong></td>
<td><strong>グランドオープン</strong></td>
</tr>
</tbody>
</table>
<div class="v-text">TAKOYAKI PROPOSAL</div>
<h1>THANK YOU</h1>
<p>ご清聴いただき、誠にありがとうございました。</p>
作成したスライドがこちら↓
これで誰が作成してもcafe-business-plan.marp.mdと同じ品質のスライドを再現できるようになりました。
色を変更したい場合は適宜、Gemini CLIで指示を出すと変更できます。
PDFへの出力
スライドが完成したら、スライドをPDFに出力します。
ソースコードウィンドウの右上にある三角形のアイコンをクリックします。
Export Slide Deckをクリックすると、ポップアップが表示されるので、ファイル名とファイルの種類を選択してExportをクリックします。
まとめ
スライドは自動生成して仕事を効率化しよう❗️
Discussion