見出し画像

PowerPoint卒業!Marp×MCPで研修資料を30分→5分に短縮した方法

はじめに

こんにちは!yaoyoroztechです。
🎯 ARM64ネイティブ対応 | ✅ Surface Laptop動作確認済み

7月8日(月)、今日も「7」と「8」が並ぶ素敵な日ですね。
noteチャレンジ2日目は、研修資料作成の革命的な効率化についてお話しします。

皆さん、こんな経験ありませんか?

  • 📊 PowerPointで資料作成に30分以上かかる

  • 🔄 同じようなスライドを何度も作り直す

  • 😓 デザインの微調整で時間を浪費

  • 📝 テキストとレイアウトの調整が面倒

今日は、これらの悩みを一気に解決する「Marp×MCP」の組み合わせをご紹介します!


※本記事の音声解説および動画解説(日本語、英語)を下記につけてますので場所やデバイスに応じてご利用ください。

音声解説
1.日本語で解説

2.Voice explanation(English)

※上記、音声解説の作り方については下記記事をご参考ください。

動画解説 ※本記事の解説になります。

1.日本語で解説

2.Video explanation(English)

※上記、動画解説の作り方については下記記事をご参考ください。



動作確認環境

  • PC: Microsoft Surface Laptop 7th(Snapdragon X Elite / ARM64)

  • OS: Windows 11 Pro 24H2(ARM64版)

  • Python: 3.12.3(Microsoft Store版)

必要なインストール

# MCP用
npm install -g @modelcontextprotocol/server-filesystem

# Marp CLI(オプション)
npm install -g @marp-team/marp-cli

※ARM版Windows(Snapdragon X Elite)でネイティブ動作確認済み。バッテリー持続時間も優秀です。

Marpって何?MCPって何?

動作確認環境

  • PC: Microsoft Surface Laptop 7th(ARM64)

  • VS Code: v1.91.0 + Marp拡張機能

  • Node.js: v20.15.0(ARM64版)

  • Claude Desktop: v0.7.1(MCP有効)

※VS Codeを使用していますが、プログラミングは一切行っていません。
 VS CodeはMarpで作成してくれたファイルをプレビューしたり、
 PDF、パワーポイントに出力するために使っています。
※HTMLやVBAを趣味で触ったことがあるのでプログラミングを勉強したら
 できるとは思いますが、基本的にプログラミングなしでやっていきます。
※ちなみに私のバックボーンは法文学部卒、前職は営業部門(12年経験)、
 独立後は経営コンサルタント(中小企業診断士)なので、エンジニア経歴
 は0(ゼロ)です。

全てARM64ネイティブで動作し、省電力で高速です。

🎯 Marp(Markdown Presentation Ecosystem)

  • Markdownで書くだけでプレゼン資料が作れるツール

  • PowerPointのような複雑な操作は不要

  • テキストエディタで高速作成

🤖 MCP(Model Context Protocol)

  • Claude Desktopの新機能

  • ファイルシステムに直接アクセス

  • AIとローカル環境をシームレスに連携

filesystem MCPを確認

この2つを組み合わせると、AIが自動で研修資料を生成してくれるんです!

実際にやってみた結果

Before(PowerPoint時代)⏰ 30分

  1. PowerPoint起動(1分)

  2. テンプレート選択(2分)

  3. タイトルスライド作成(3分)

  4. 内容スライド作成(20分)

  5. デザイン調整(4分)

After(Marp×MCP)⚡ 5分

  1. Claude Desktopに指示(1分)

  2. 自動生成待ち(2分)

  3. 微調整(2分)

なんと6倍の効率化! 🎉

具体的な手順

1. 環境準備(初回のみ)

# VS Codeをインストール
# Marp for VS Code拡張機能を追加

2. Claude Desktop MCP設定

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-filesystem", 
              "C:\\Users\\あなたのユーザー名\\Documents\\presentations"]
    }
  }
}

ClaudeDesktopでMCPを有効にすると下記場所にファイル「claude_desktop_config.json」が作成されます。
"C:\Users\あなたのユーザー名\\\AppData\Roaming\Claude\"

上記ClaudeDesktopMCP設定は「claude_desktop_config.json」に書き込みます。
Claude Desktop MCP設定内の下記パスはfilesystemMCPに操作を許可するフォルダ(ディレクトリ)になります。複数個所設定したい場合はパスを複数書き込んでください。今回は「presentations」フォルダ内の操作を許可しています。
"C:\\Users\\あなたのユーザー名\\Documents\\presentations"
※パスの”あなたのユーザー名”は皆さんのPC環境に合わせて変えてください。
※Claude Desktop MCP設定については下記記事でも触れています。

3. 魔法のプロンプト

以下の研修資料をMarp形式で作成してください:

テーマ:生産性向上のためのAI活用
対象:初心者
時間:30分
構成:
1. AIとは何か
2. 業務での活用事例
3. 始め方
4. 注意点

C:\Users\san_A\Documents\presentations\ai_training.md
に保存してください。

4. 生成されたコード例

---
marp: true
theme: default
paginate: true
---

# 生産性向上のためのAI活用
## 初心者向け30分研修

---

# AIとは何か?

- 🤖 人工知能(Artificial Intelligence)
- 💡 人間の知的作業を支援
- 📈 業務効率を大幅に改善

<!-- 
講師メモ:具体例を交えて説明
所要時間:5分
-->

---

# 業務での活用事例

1. **文書作成** - 報告書の下書き
2. **データ分析** - Excel作業の自動化
3. **メール対応** - 定型文の生成
4. **画像作成** - プレゼン素材

<!-- 実演デモを含む -->

実際に使ってみた感想

👍 良かった点

  • 圧倒的な速さ - 構成を伝えるだけで完成

  • 統一感 - デザインが自動で整う

  • 再利用性 - テキストファイルなので管理が楽

  • バージョン管理 - Gitでの管理も可能

🤔 工夫が必要な点

  • 画像の挿入は手動

  • 複雑なアニメーションは苦手

  • 企業ロゴなどのカスタマイズは別途必要

応用テクニック

1. テーマのカスタマイズ

/* custom-theme.css */
section {
  background-color: #f0f0f0;
  color: #333;
}

h1 {
  color: #0066cc;
  border-bottom: 3px solid #0066cc;
}

2. 講師ノートの活用

---

# スライドタイトル

本文

<!-- 
ここに講師用のメモを書く
参加者には表示されない
-->

3. 自動PDF出力

# コマンド一発でPDF化
npx @marp-team/marp-cli presentation.md --pdf

さらなる時短テクニック

🚀 テンプレート化

よく使う研修資料の型を作っておく:

  • 新人研修用

  • 製品説明用

  • 技術勉強会用

🔄 部品の再利用

<!-- common/header.md -->
# 会社名
## 研修資料

<!-- common/footer.md -->
ご清聴ありがとうございました

📊 データの自動更新

CSVファイルから自動でグラフ生成も可能!

まとめ

Marp×MCPの組み合わせで、研修資料作成が劇的に効率化できました。

  • ⏰ 時間:30分→5分(6倍高速

  • 💪 労力:大幅削減

  • 📈 品質:統一感のあるデザイン

  • 🔄 再利用:テキストベースで管理簡単

PowerPointに費やしていた時間を、もっと創造的な仕事に使えるようになりました!

読者特典 🎁

いいね50達成で公開

「すぐに使える研修資料テンプレート5選」

  • 新人研修

  • 製品説明

  • 技術勉強会

  • 安全講習

  • コンプライアンス研修

※Marpテーマ設定の際に引っかかったところにも触れますね!

いいね100達成で公開

「Marp×MCP完全自動化スクリプト」

  • 音声入力から資料生成

  • 既存PowerPointからの変換

  • 多言語対応

次回予告

Day3は「VSCode×MCPでExcel作業を自動化!VBAよりも簡単な方法」をお届けします。

Excelの面倒な作業から解放される方法、お楽しみに!


最後まで読んでいただき、ありがとうございました!
効率化の旅、一緒に楽しんでいきましょう 🚀

#Marp #MCP #ClaudeDesktop #プレゼン資料 #効率化 #生産性向上 #研修資料 #PowerPoint卒業 #AI活用 #noteチャレンジ #ARM64 #SurfaceLaptop

いいなと思ったら応援しよう!

YaroTech|生成AIの傾奇者 記事がお役に立てたなら嬉しいです! いただいたチップは、新しいMCPツールの検証や、より深い実践実験の資金として大切に使わせていただきます。 あなたの応援が次の「AI活用の感動」を生み出す原動力になります✨ 一緒に羽ばたき続けましょう!