• ホーム
  • 記事
  • MarpとClaudeによる簡単スライド作成方法

MarpとClaudeによる簡単スライド作成方法

MarpとClaudeによる簡単スライド作成方法
2025年06月20日 13:292024年10月06日 06:18
営業 / 広報・マーケ / コンサル
レベル★★
AIツール使い方
自然言語処理
IT利活用
プロモーション計画
業務プロセス改善

クオリティの高いプレゼンテーション資料を短時間で作成したい方必見です。

本記事では、Marpというマークダウン形式のプレゼンテーションツールと、ClaudeというAIアシスタントを組み合わせた、画期的な資料作成方法をご紹介します。

この手法を使えば、業務レベルのスライド資料を驚くほど簡単に作成できます。

 

AROUSAL Techの代表を務めている佐藤(@ai_satotaku)です。

今回は、Marpを使った資料作成の方法を書きました。

マークダウン方式に慣れていない人は、最初はなかなか大変かもしれませんが、生成AIやそれを活用したツールを組み合わせることで、今まで時間をかけていた業務の業務効率化を図れます。

しかも、これはあなたのスキルとなるので今後ずっと役に立つでしょう。

動画やこの記事の手順を見ながら、最初は簡単なものを作るところからぜひやってみてください。

いずれ、他の人と圧倒的な差を生むかもしれません。

感想をX(旧Twitter)でポストしていただけると嬉しいです。メンションも大歓迎です!

 

Marpを使った資料作成の概要

引用:https://youtu.be/0kf3MSCWW8I?si=MX0SUK1pgjMVIdGd


Marpは、マークダウン形式でプレゼンテーションを作成するためのツールです。

Visual Studio Codeの拡張機能として利用可能で、作成した資料をHTML、PDF、PowerPointなどの形式に変換できます。

Marpの主なメリットは以下の通りです。

  • シンプルで統一されたデザインが簡単に作成可能
  • 軽量なファイル形式で、バージョン管理が容易
  • 文章構造に集中できる
  • 迅速な編集と変更が可能

一方で、以下のようなデメリットもあります。

  • マークダウンの知識が必要
  • 複数での同時編集には向いていない
  • デザインの自由度が比較的低い

Marpを使用することで、テキストベースで資料を作成できるため、AIツールとの相性が非常に良いのが特徴です。

Claudeなどのテキストベースのアシスタントと組み合わせることで、効率的に高品質な資料を作成することができます。

 

MarpとClaudeを使用した資料作成の手順

MarpとClaudeを使って資料を作成する手順は以下の通りです。

  1. Visual Studio Codeをインストールする
  2. Visual Studio Codeの拡張機能としてMarpをインストールする
  3. Claudeに資料にしたい内容を伝え、Marp形式でスライドを作成するよう指示する
  4. Claudeが生成したMarp形式のテキストをコピーする
  5. Visual Studio Codeで新しいファイルを作成し、.md形式で保存する
  6. コピーしたテキストをVisual Studio Codeにペーストする
  7. プレビュー機能で資料を確認し、必要に応じて修正する
  8. 完成した資料をPDFやHTMLなどの形式でエクスポートする

具体的な操作手順は以下の通りです。

まず、Visual Studio Codeをインストールします。Googleで「VSコード」と検索し、Microsoft公式サイトからダウンロードしてインストールしてください。

次に、Visual Studio Codeを開き、左側のサイドバーにある拡張機能アイコンをクリックします。

検索ボックスに「Marp」と入力し、「Marp for VS Code」という拡張機能をインストールします。

準備が整ったら、Claudeに資料の内容を伝え、Marp形式でスライドを作成するよう指示します。

例えば、「Marp形式を使用して魅力的でリッチなインフォグラフィックスのスライドを作成してください」といった指示を出します。

Claudeが生成したMarp形式のテキストをコピーし、Visual Studio Codeで新しいファイルを作成します。

ファイル名は「test.md」のように.md拡張子で保存します。

コピーしたテキストをVisual Studio Codeにペーストし、右上の「3等分」アイコンをクリックしてプレビューを表示します。

この時点で、基本的な資料が完成します。必要に応じて、テキストの配置や背景画像、フォントサイズなどを調整します。

Claudeに修正指示を出すか、直接Marp形式のテキストを編集してください。

最後に、完成した資料をPDFやHTML形式でエクスポートします。

Visual Studio Codeの左側にある三角形のアイコンをクリックし、「エクスポートスライドデッキ」を選択して希望の形式でエクスポートしてください。

 

MarpとClaudeを活用した資料作成の事例

MarpとClaudeを組み合わせた資料作成方法は、様々な場面で活用できます。

以下にいくつかの具体的な活用事例を紹介します。

  1. ビジネスプレゼンテーション
    会議や商談の場で使用するプレゼンテーション資料を短時間で作成できます。Claudeに企画の概要や製品の特徴を伝え、Marp形式でスライドを生成してもらうことで、洗練されたデザインの資料を効率的に作成できます。
  2. 教育用資料
    教師や講師が授業や講義で使用する教材を作成する際に活用できます。授業内容をClaudeに伝え、Marp形式でスライドを作成してもらうことで、分かりやすく整理された教育用資料を簡単に作ることができます。
  3. 技術文書
    エンジニアやテクニカルライターが技術文書やマニュアルを作成する際に利用できます。技術的な内容をClaudeに説明し、Marp形式で文書化してもらうことで、構造化された技術文書を効率的に作成できます。
  4. 研究発表
    研究者や学生が学会や研究会で使用する発表資料を作成する際に活用できます。研究内容をClaudeに伝え、Marp形式でスライドを生成してもらうことで、論理的で分かりやすい研究発表資料を作ることができます。
  5. マーケティング資料
    マーケティング担当者が企画書や報告書を作成する際に利用できます。マーケティング戦略やデータ分析結果をClaudeに伝え、Marp形式で資料化してもらうことで、視覚的に分かりやすいマーケティング資料を短時間で作成できます。

 

これらの活用事例からわかるように、MarpとClaudeを組み合わせた資料作成方法は、様々な分野や目的に応じて柔軟に活用することができます。特に、短時間で高品質な資料を作成する必要がある場面で、その真価を発揮します。

まとめ

MarpとClaudeを組み合わせた資料作成方法は、効率的かつ高品質なプレゼンテーション資料を作成するための画期的なアプローチです。

この手法を活用することで、以下のようなメリットが得られます。

  • 短時間で業務レベルの資料作成が可能
  • 一貫性のあるデザインを簡単に実現
  • テキストベースの編集で柔軟な修正が可能
  • AIの支援により、内容の質を向上させることができる

一方で、マークダウンの知識が必要であることや、複雑なデザインには向いていないなどの制限もあります。

しかし、基本的な使い方を習得すれば、多くの場面で効果的に活用できるツールとなるでしょう。

引用元

https://youtu.be/0kf3MSCWW8I?si=rwMJxRR_NBMSXS9S

AIツール

eラーニング

生成AIとは

生成AIとは

レッスン

関連記事

記事ランキング

AIツールランキング

AIツール

thumbnail
icon

Claude

1. 製品/サービス概要目的自然言語処理と生成を通じて、複雑なタスクを効率的に遂行し、ユーザーの生産性を飛躍的に向上させるターゲットユーザー研究者、学生、教育者コンテンツクリエイター、マーケタープログラマー、データサイエンティストビジネスプロフェッショナル全般 2. 特徴高度な言語理解:複雑な文脈や抽象的な概念を正確に理解し、適切に応答マルチモーダル対応:テキスト、画像、コードなど多様な入力形式に対応倫理的AI:安全性と倫理性を重視し、有害なコンテンツ生成を回避長文処理能力:大量のテキストを一度に処理し、要約や分析が可能多言語サポート:100以上の言語に対応し、高品質な翻訳と多言語タスクを実行最新情報へのアクセス:2023年までの最新データで学習し、最新のトピックにも対応カスタマイズ可能:APIを通じて独自のアプリケーションに組み込み可能 3. 機能詳細自然言語対話機能名:インテリジェントチャット詳細説明:ユーザーの質問や指示に対して、人間のような自然な対話が可能使用例:カスタマーサポート、個人アシスタント、教育支援利便性:24時間365日即時対応が可能で、人的リソースを大幅に節約テキスト生成機能名:クリエイティブライティング詳細説明:ブログ記事、広告コピー、ストーリーなど様々な形式のテキストを生成使用例:コンテンツマーケティング、創作活動、レポート作成利便性:高品質なコンテンツを短時間で大量に生成可能コード生成・デバッグ機能名:AIプログラミングアシスタント詳細説明:プログラミング言語の理解と生成、既存コードの解析とデバッグを実施使用例:ソフトウェア開発、コードレビュー、プログラミング学習利便性:開発速度の向上とコード品質の改善を同時に実現データ分析機能名:インテリジェントデータアナリスト詳細説明:大量のデータを分析し、インサイトや傾向を抽出使用例:ビジネスインテリジェンス、市場調査、科学研究利便性:複雑なデータセットから迅速に有意義な情報を引き出せる多言語翻訳機能名:AIグローバルコミュニケーター詳細説明:100以上の言語間で高精度な翻訳を提供使用例:国際ビジネス、多言語コンテンツ制作、学術研究利便性:言語の壁を超えたグローバルコミュニケーションを実現画像理解・分析機能名:ビジュアルインテリジェンス詳細説明:画像内の物体、シーン、テキストを認識し、詳細な説明を生成使用例:画像分類、視覚障害者支援、コンテンツモデレーション利便性:視覚情報の自動処理と理解を大幅に効率化要約・抽出機能名:スマートサマライザー詳細説明:長文や複数の文書から重要な情報を抽出し、簡潔な要約を作成使用例:ニュース要約、文献レビュー、ビジネスレポート作成利便性:情報過多時代における効率的な知識獲得をサポート感情分析機能名:センチメントアナライザー詳細説明:テキストの感情やトーンを分析し、ポジティブ/ネガティブな傾向を識別使用例:ブランド評判管理、顧客フィードバック分析、ソーシャルメディアモニタリング利便性:大量のテキストデータから迅速に感情傾向を把握可能質問応答システム機能名:インテリジェントQAエンジン詳細説明:与えられた文脈や文書から適切な回答を抽出または生成使用例:FAQシステム、教育支援ツール、知識ベース検索利便性:効率的な情報検索と正確な回答提供を実現タスク自動化機能名:AIワークフローオプティマイザー詳細説明:反復的なタスクや複雑なプロセスを自動化使用例:データ入力、レポート生成、スケジュール管理利便性:業務効率の大幅な向上と人的エラーの削減を実現 4. 導入事例Claude導入より、作業時間の削減と顧客満足度の向上を実現|グローバル製造企業XYZ社課題多言語での技術文書管理と顧客サポート成果Claudeの多言語翻訳機能により、高品質な技術文書の多言語化を実現し、技術文書の翻訳時間を80%削減AIチャットボットとして活用し、24時間体制の顧客サポートを提供し、カスタマーサポートの応答時間を50%短縮複雑な技術的質問にも正確に回答できる高度な言語理解能力により、顧客満足度が30%向上導入ステップニーズ分析:組織の課題とAI活用可能領域を特定プラン選択:利用規模に応じた適切なプランを選択システム統合:既存システムとのAPI連携やカスタマイズユーザートレーニング:社内でのAI活用方法に関する教育実施運用開始と最適化:実際の利用を通じた継続的な改善と拡張 5. 料金プランプラン名料金(ドル/円)主な特徴推奨ユーザーFree0  Pro$18 / ¥2700         基本的な対話機能1日100クエリまで個人ユーザー小規模ビジネスTeam$25 / ¥3750高度な機能無制限クエリ優先サポート中規模企業研究機関Enterpriseカスタム価格フルカスタマイズ専用サポートSLA保証大企業政府機関2025年5月19日調べ上記料金はProが年間、Maxが月間契約の月額費です。参考:https://claude.ai/upgrade年間契約だと、各月の料金がProプランでは約17%OFFされます。 追加サービスとオプションAPI利用:$0.01/1000トークンカスタムモデルトレーニング:要相談セキュリティ強化オプション:+$100/月専門分野特化型モデル:+$200/月 Claudeを使ってみる>>

共通

eラーニング

H5P

H5PはHTML5 Packageの省略形です - プレゼンテーション、ビデオ、他のマルチメディア、問題、小テスト、ゲーム等のインタラクティブコンテンツです。H5P活動ではコースにH5Pをアップロードおよび追加できます。

すべての問題受験は自動的に評定されます。また、評定は評定表に記録されます。

詳細情報

mod_h5pactivity

IMSコンテンツパッケージ

IMSコンテンツパッケージは異なるシステム内で再利用できるよう同意された標準に基づきパッケージされた一連のファイルです。IMSコンテンツパッケージモジュールではZIP圧縮されたコンテンツパッケージをアップロードした後、リソースとしてコースに追加することができます。

通常、コンテンツはページ間のナビゲーションと共にそれぞれのページに表示されます。コンテンツをナビゲーションメニューまたはボタン等と共にポップアップウィンドウ上に表示するための様々なオプションがあります。

IMSコンテンツパッケージはマルチメディアコンテンツおよびアニメーションの表示に使用することができます。

詳細情報

mod_imscp

SCORMパッケージ

SCORMパッケージは同意された標準に基づきパッケージされた一連のファイルです。SCORM活動モジュールではSCORMおよびAICCパッケージをZIPファイルとしてをアップロードした後、コースに追加することができます。

通常、コンテンツはページ間のナビゲーションと共にそれぞれのページに表示されます。コンテンツを目次およびナビゲーションボタン等と共にポップアップウィンドウ上に表示するための様々なオプションがあります。通常、SCORM活動には問題を含み評点は評定表に記録されます。

SCORM活動は以下のように使用することができます:

  • マルチメディアコンテンツおよびアニメーションの表示のため
  • 評価ツールとして
詳細情報

mod_scorm

記事ランキング

thumbnail

“推しCP”の妄想小説をAIで実現!命令の出し方と注意点

2025/07/29

共通

レベル

★
thumbnail

生成AIチェッカーにバレずに文章を書くには?AI使用だと思われないための5つの対策

2025/07/02

共通

レベル

★
thumbnail

ChatGPTが言うことを聞かない理由、AI無視の真相と対策

2025/09/12

共通

レベル

★

AIツールランキング

thumbnail
icon

TOPVIEW

1. TopView AI の製品/サービス概要目的TopView AIは、商品紹介やSNSマーケティング動画を「リンク1本・ノー編集

経営・企画
thumbnail
icon

AI Dungeon

1. AI Dungeonの製品/サービス概要目的従来の固定されたストーリーテリングとは異なり、プレイヤーの想像力を無限に広

広報・マーケ
人事
コンサル
thumbnail
icon

Sider AI

1. Siderの製品/サービス概要目的Sider(サイダー)は、ウェブブラウジング中にサイドバーで起動する統合型AIアシスタントです。閲覧中のコンテ

総務・事務
コンサル
共通
WA²とはプライバシーポリシー利用規約運営会社
WA²とはプライバシーポリシー利用規約運営会社
navホームnav記事navAIツールnaveラーニング