menu-logo
  • icon
    ホーム
  • icon
    記事
  • icon
    AIツール
  • icon
    AIエージェント
  • icon
    プロンプト
  • icon
    AI-OJT
v2.9.1
アカウント
menu-logo
ログイン
会員登録
  • ホーム
  • 記事
  • 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ツール

関連記事

記事ランキング

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を使ってみる>>

共通

記事ランキング

thumbnail

米IT大規模リストラは生成AIが原因なのか

2025/08/18

経営・企画
人事
エンジニア

レベル

★
thumbnail

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

2025/07/02

共通

レベル

★
thumbnail

AIを信じすぎた人々が迷い込む“もうひとつの世界”

2025/05/31

共通

レベル

★

AIツールランキング

thumbnail
icon

Quizgecko

1. Quizgeckoの製品/サービス概要目的AIを活用し、テキスト・PDF・画像・URLなどの入力から自動でクイズや教材を生成し、学習効率を高め時間を節約するプラットフォーム。ターゲット学生:自己学習用に使いたい人教師/教育機関:授業教材を効率化したい人法人・研修担当者:社員教育やスキルチェックに活用保護者・家庭教師:家庭学習のサポートツールとして2. Quizgeckoの特徴クイズ・教材・音声まで一括自動生成でき、教材準備が大幅に効率化できる自然文入力に対応し、PDFやURLからも直接教材化できる利便性が高いモバイルアプリで場所を問わず学習・復習ができる出題難易度・問題形式・言語などを細かくカスタマイズできる柔軟性がある教材の公開/非公開・埋め込み・エクスポート機能があり、教育現場への導入がスムーズ成績や理解度が自動で可視化され、学習効果を定量的に把握できる有料プランではAIチャット学習や音声生成など、インタラクティブ学習が可能になる3. Quizgeckoの機能詳細AI Lesson生成:テキスト・PDF・画像・URLから教材を自動生成。使用例:授業ノートをアップロードしてクイズ作成。利便性:教材作成を数分で完結可能。出題形式の選択:選択式・短答・穴埋め・真偽・ペアリング等に対応。使用例:「英単語の意味確認に穴埋め形式を選択」。利便性:学習目的に応じた設問構成が容易。AIフラッシュカード生成:Lessonから即時にカード形式を作成。使用例:「理科用語の復習用にカード作成」。利便性:暗記系の効率学習が可能。AIノート生成:Lessonに沿って要点整理ノートを自動生成。使用例:「長文読解の要約資料を作成」。利便性:復習・授業資料の下地になる。自動採点&分析:解答に対して即時採点、Mastery Score™で習熟度表示。使用例:「クラス全員の結果をまとめて確認」。利便性:学習効果を可視化しやすい。AIチャット学習:LessonをもとにAIと対話形式で学習支援(有料機能)。使用例:「苦手分野を質問して再説明してもらう」。利便性:個別指導に近いフォローが可能。AIポッドキャスト生成:教材を音声に変換し配信。使用例:「歴史教材を音声化し通勤中に復習」。利便性:音声学習によりスキマ時間の活用ができる。モバイルスナップ機能:写真から一括で問題生成。使用例:「黒板の内容を写真で保存して教材化」。利便性:紙ベースの資料をデジタル変換できる。LMS連携&エクスポート:PDF・CSV出力やCanvas連携に対応。使用例:「生成した教材を学校のLMSへ配信」。利便性:教育機関での導入が容易。共有・埋め込み設定:教材をWeb上で共有・埋め込み可能。使用例:「教育ブログにクイズを貼り付ける」。利便性:コンテンツ配信や教材公開に便利。4. Quizgeckoの活用例【社内研修資料の効率的なクイズ化】前提新人研修や継続学習の場面で、マニュアルや資料から確認テストを作成するのに多くの時間を要している。人手による作問では品質にばらつきがあり、習熟度の測定や可視化が困難。期待される効果Quizgeckoを導入することで、社内資料(PDF・マニュアル・URL等)から自動でクイズを生成できるようになり、作問時間を大幅に短縮。習熟度スコア(Mastery Score™)の活用により、受講者ごとの理解度が明確になり、研修の効果検証や個別指導が可能となった。導入ステップ1.Quizgeckoの導入・チームアカウント設定2.社内資料をPDFやURLで取り込み、AIによるクイズ自動生成3.出題形式・難易度を調整し、内容確認4.受講者に配信し、解答後に自動採点・習熟度分析5.成績データを用いて指導・改善・ナレッジ共有を実施※この内容は活用可能性の一例であり、特定企業の導入結果ではありません。5. Quizgeckoの料金プランプラン名月額主な内容Basic無料月1 Lessonの生成、Web/アプリ学習、広告ありPremium$16Lesson無制限、ポッドキャスト30回/月、広告なし、オフライン対応Ultra$29高精度AI、ポッドキャスト50回/月、ファイル対応(最大50MB)、LMS連携、カスタム出力Organization要問い合わせ全機能+チーム管理、法人向けダッシュボード、API・サポート付き2025年7月15日調べ上記料金は月間契約の月額費です。参考:https://quizgecko.com/plans年間契約だと、各月の料金がPremiumプランでは62.5%、Ultraプランでは20.7%OFFされます。 追加サービス・オプションAPI利用オプション:組織・開発者向け連携機能エンタープライズサポート:専任対応・導入支援ありファイル対応容量の拡張(Ultra以上)AI精度カスタム設定:Ultraプランで対応可能

経営・企画
共通
thumbnail
icon

Suno AI

1. 製品/サービス概要目的テキストから高品質な音楽と歌声を自動生成し、音楽制作の民主化を実現するターゲットユーザー音楽クリエイターコンテンツ制作者マーケティング担当者個人ユーザー 2. 特徴テキストベースの音楽生成:簡単な文章入力だけで、完全なオリジナル楽曲を作成高品質な音声合成:プロ級のボーカルと楽器演奏を自動生成多様なジャンルとスタイル:ポップス、ロック、クラシックなど、幅広い音楽ジャンルに対応カスタマイズ可能:楽曲の長さ、テンポ、楽器構成などを細かく調整可能リアルタイム編集:生成された音楽をその場で編集し、即座に反映コラボレーション機能:チームでの共同制作や楽曲の共有が容易商用利用ライセンス:有料プランで商用利用が可能 3. 機能詳細AI作曲機能名:インテリジェント作曲エンジン詳細説明:テキストプロンプトから楽曲の構造、メロディ、ハーモニーを自動生成使用例:マーケティングキャンペーン用のジングル作成利便性:専門知識不要で短時間に高品質な楽曲を制作可能AI歌声合成機能名:ボーカルシンセサイザー詳細説明:自然で表現豊かな歌声を生成し、歌詞に合わせて自動調整使用例:ポッドキャストのオープニングテーマ制作利便性:ボーカリスト不要で、多様な声質やスタイルの歌声を即座に生成マルチトラック編集機能名:トラックマスター詳細説明:各楽器パートを個別に編集し、ミックスを調整可能使用例:生成された楽曲のギターソロを強調利便性:プロ級の音楽制作ソフトのような詳細な編集が可能スタイル転送機能名:ジャンルシフター詳細説明:既存の楽曲を別のジャンルやスタイルに自動変換使用例:クラシック曲をジャズアレンジにリメイク利便性:一つの楽曲から多様なバリエーションを簡単に作成歌詞生成機能名:リリックジェネレーター詳細説明:テーマやキーワードから歌詞を自動生成使用例:ブランドの価値観を表現する歌詞の作成利便性:ライターズブロックを解消し、創造的なアイデアを提供音楽理論アシスタント機能名:ハーモニーヘルパー詳細説明:コード進行や音階の提案、理論的な説明を提供使用例:初心者が適切なコード進行を学習利便性:音楽理論の知識を深めながら、質の高い楽曲制作が可能エクスポート機能機能名:フォーマットコンバーター詳細説明:生成された楽曲を様々な形式でエクスポート使用例:SNS投稿用に最適化された短尺動画の作成利便性:異なるプラットフォームや用途に合わせて柔軟に出力可能 4. 導入事例導入6ヶ月で投資額の5倍以上のコスト削減と新規案件獲得を実現|デジタルマーケティングエージェンシーA社課題クライアント向けの音楽制作に多額の予算と時間を費やしていた楽曲のカスタマイズに時間がかかり、クライアントの要望に迅速に対応できなかった成果Suno AIの導入により、音楽制作コストを70%削減クライアントの要望に応じた楽曲を数分で生成し、修正サイクルを大幅に短縮クリエイティブの幅が広がり、クライアント満足度が30%向上導入ステップアカウント作成:Suno AIの公式サイトでアカウントを登録プラン選択:利用目的に合わせて適切なプランを選択チュートリアル:基本的な使い方をガイド付きで学習初回プロジェクト:サンプルプロジェクトで実際に楽曲を生成カスタマイズと展開:生成された楽曲を編集し、実際のプロジェクトに活用 5. 料金プランプラン名料金(月額)主な特徴推奨ユーザーベーシック$0 1日10曲まで生成可能基本編集機能個人ユーザー学生プロ$10 月500曲生成可能高度な編集機能商用利用可フリーランス中小企業プレミアム$30 月2000曲生成可能全機能利用可優先サポート大企業プロダクションハウス2025年5月19日調べ上記料金は月間契約の月額費です。参考:https://suno.com/account年間契約だと、各月の料金が20%OFFされます。追加サービスとオプションAPI利用:カスタム価格設定(利用量に応じて)エンタープライズソリューション:要相談トレーニングワークショップ:1セッション$500からSuno AIを使ってみる>>

広報・マーケ
CS (カスタマーサポート)
thumbnail
icon

Goat Chat

1. Goat Chatの製品/サービス概要目的AI技術を活用し、ユーザーの日常的な疑問解決や創造的な活動をサポートすること。ターゲットユーザー日常生活でAIアシスタントを活用したい個人AIを使った創作活動に興味のあるクリエイター語学学習を効率化したい学習者2. Goat Chatの特徴多機能性:AIチャットとAIアート生成を一つのアプリで提供し、ユーザーの多様なニーズに応えます。カスタマイズ可能:オリジナルのAIアシスタントを作成し、個々の好みに合わせた体験が可能です。多言語対応:複数の言語でのチャットが可能で、語学学習や翻訳のサポートを行います。ユーザーフレンドリーなデザイン:直感的なインターフェースで、初心者でも簡単に操作できます。無料で高機能:基本的な機能は無料で利用でき、コストパフォーマンスに優れています。3. Goat Chatの機能詳細AIチャットボットとの対話詳細説明:ユーザーの質問やリクエストに対して、AIが即座に適切な回答を提供します。使用例:料理のレシピを尋ねたり、旅行の計画を立てる際のアドバイスを求めることができます。利便性:日常の疑問やタスクを迅速に解決し、時間を節約します。AIアートの生成詳細説明:キーワードを入力するだけで、AIが自動的に画像を生成します。使用例:特定のテーマに基づいたイラストやデザイン案を作成する際に利用できます。利便性:創造的なプロジェクトのインスピレーション源として役立ちます。オリジナルAIアシスタントの作成詳細説明:声のトーンやパーソナリティを設定し、独自のAIチャットボットを作成できます。使用例:ビジネス用のカスタマーサポートボットや、個人の学習アシスタントとして活用できます。利便性:特定のニーズに合わせたAIアシスタントを持つことで、効率的なサポートが受けられます。多言語対応による言語学習サポート詳細説明:好きな言語でチャットができ、テキストの翻訳や言語学習をサポートします。使用例:外国語の練習相手としてAIを利用し、会話力を向上させることができます。利便性:語学学習者にとって、実践的な練習の場を提供します。4. Goat Chatの導入事例クリエイターの作業効率向上課題コンテンツ制作に時間がかかる参考資料の検索が手間だった成果AIアート生成機能を活用し、作業時間を50%短縮アイデア出しの効率が向上し、創造性を強化導入ステップアカウント作成(無料登録)AIチャットボットまたはAIアート機能の選択オリジナルAIアシスタントのカスタマイズ(任意)各機能を試しながら、最適な利用方法を見つける5. Goat Chatの料金プランプラン名料金(月額)主な特徴推奨ユーザー無料プラン無料基本機能のみ、AIチャットとAIアートの利用が可能一般ユーザー有料プラン$29.99追加機能、GPT-4の利用、広告非表示、優先サポートクリエイター・企業2025年5月24日調べ上記料金は月間契約の月額費です。参考:https://goatchat.ai/ja年間契約だと、全プランの各月の料金が77.8%OFFされます。追加サービスとオプション有料プランの特典:高度なAIモデル(GPT-4)や追加機能の利用、広告非表示などGoat Chatを使ってみる

共通
WA²とはプライバシーポリシー利用規約運営会社
WA²とはプライバシーポリシー利用規約運営会社
navホームnav記事navAIツール