PowerPoint卒業！Marp×MCPで研修資料を30分→5分に短縮した方法
はじめに
こんにちは！yaoyoroztechです。
🎯 ARM64ネイティブ対応 | ✅ Surface Laptop動作確認済み
7月8日（月）、今日も「7」と「8」が並ぶ素敵な日ですね。
noteチャレンジ2日目は、研修資料作成の革命的な効率化についてお話しします。
皆さん、こんな経験ありませんか？
📊 PowerPointで資料作成に30分以上かかる
🔄 同じようなスライドを何度も作り直す
😓 デザインの微調整で時間を浪費
📝 テキストとレイアウトの調整が面倒
今日は、これらの悩みを一気に解決する「Marp×MCP」の組み合わせをご紹介します！
※本記事の音声解説および動画解説（日本語、英語）を下記につけてますので場所やデバイスに応じてご利用ください。
音声解説
１．日本語で解説
２．Voice explanation（English）
※上記、音声解説の作り方については下記記事をご参考ください。
動画解説 ※本記事の解説になります。
１．日本語で解説
２．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年経験）、
独立後は経営コンサルタント（中小企業診断士）なので、エンジニア経歴
は０（ゼロ）です。
全てARM64ネイティブで動作し、省電力で高速です。
🎯 Marp（Markdown Presentation Ecosystem）
Markdownで書くだけでプレゼン資料が作れるツール
PowerPointのような複雑な操作は不要
テキストエディタで高速作成
🤖 MCP（Model Context Protocol）
Claude Desktopの新機能
ファイルシステムに直接アクセス
AIとローカル環境をシームレスに連携
この2つを組み合わせると、AIが自動で研修資料を生成してくれるんです！
実際にやってみた結果
Before（PowerPoint時代）⏰ 30分
PowerPoint起動（1分）
テンプレート選択（2分）
タイトルスライド作成（3分）
内容スライド作成（20分）
デザイン調整（4分）
After（Marp×MCP）⚡ 5分
Claude Desktopに指示（1分）
自動生成待ち（2分）
微調整（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
