クオリティの高いプレゼンテーション資料を短時間で作成したい方必見です。
本記事では、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を使って資料を作成する手順は以下の通りです。
- Visual Studio Codeをインストールする
- Visual Studio Codeの拡張機能としてMarpをインストールする
- Claudeに資料にしたい内容を伝え、Marp形式でスライドを作成するよう指示する
- Claudeが生成したMarp形式のテキストをコピーする
- Visual Studio Codeで新しいファイルを作成し、.md形式で保存する
- コピーしたテキストをVisual Studio Codeにペーストする
- プレビュー機能で資料を確認し、必要に応じて修正する
- 完成した資料を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を組み合わせた資料作成方法は、様々な場面で活用できます。
以下にいくつかの具体的な活用事例を紹介します。
- ビジネスプレゼンテーション
会議や商談の場で使用するプレゼンテーション資料を短時間で作成できます。Claudeに企画の概要や製品の特徴を伝え、Marp形式でスライドを生成してもらうことで、洗練されたデザインの資料を効率的に作成できます。 - 教育用資料
教師や講師が授業や講義で使用する教材を作成する際に活用できます。授業内容をClaudeに伝え、Marp形式でスライドを作成してもらうことで、分かりやすく整理された教育用資料を簡単に作ることができます。 - 技術文書
エンジニアやテクニカルライターが技術文書やマニュアルを作成する際に利用できます。技術的な内容をClaudeに説明し、Marp形式で文書化してもらうことで、構造化された技術文書を効率的に作成できます。 - 研究発表
研究者や学生が学会や研究会で使用する発表資料を作成する際に活用できます。研究内容をClaudeに伝え、Marp形式でスライドを生成してもらうことで、論理的で分かりやすい研究発表資料を作ることができます。 - マーケティング資料
マーケティング担当者が企画書や報告書を作成する際に利用できます。マーケティング戦略やデータ分析結果をClaudeに伝え、Marp形式で資料化してもらうことで、視覚的に分かりやすいマーケティング資料を短時間で作成できます。
これらの活用事例からわかるように、MarpとClaudeを組み合わせた資料作成方法は、様々な分野や目的に応じて柔軟に活用することができます。特に、短時間で高品質な資料を作成する必要がある場面で、その真価を発揮します。
まとめ
MarpとClaudeを組み合わせた資料作成方法は、効率的かつ高品質なプレゼンテーション資料を作成するための画期的なアプローチです。
この手法を活用することで、以下のようなメリットが得られます。
- 短時間で業務レベルの資料作成が可能
- 一貫性のあるデザインを簡単に実現
- テキストベースの編集で柔軟な修正が可能
- AIの支援により、内容の質を向上させることができる
一方で、マークダウンの知識が必要であることや、複雑なデザインには向いていないなどの制限もあります。
しかし、基本的な使い方を習得すれば、多くの場面で効果的に活用できるツールとなるでしょう。
引用元
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
記事ランキング
AIツールランキング
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を使ってみる>>
AivisSpeech
1. 製品/サービス概要目的AivisSpeechは、任意の音声を感情豊かに表現し、高精度でテキスト化することで、情報共有やコンテンツ制作を支援します。ターゲットユーザー動画制作やボイスドラマ制作を行うクリエイタービジネスプレゼンテーションや会議の効率化を目指す企業教育・研修用の音声資料を作成する教育機関や講師2. 特徴高精度な訳出技術：AIエンジンを搭載したモデルにより、音声の訳出における高精度を実現。複数言語の対応性：英語や日本語はもちろん、その他の言語にも対応。リアルタイムのテキスト化機能：訳出結果をリアルタイムで一瞬で可視化。シェアリング機能：結果を簡単に共有できるため、チーム作業が効率化。3. 機能詳細感情豊かな音声合成詳細説明：人間の声のように自然で感情豊かな音声を生成。使用例：ボイスドラマや動画ナレーションの作成。利便性：魅力的なコンテンツを迅速に制作可能。リアルタイム音声テキスト化詳細説明：音声を瞬時に文字データに変換。使用例：会議やインタビューの記録。利便性：効率的な情報整理が可能。カスタマイズ可能な話者スタイル詳細説明：音声のテンポや音量を細かく調整可能。使用例：キャラクターごとの表現を追加したボイスコンテンツ。利便性：多様な表現力でリスナーを引き込む。高互換性と簡単操作詳細説明：VOICEVOXやYMM4との互換性でスムーズに導入可能。使用例：動画編集ソフトと連携しての音声生成。利便性：既存のワークフローを簡単に強化。4. 導入事例動画コンテンツ制作におけるクリエイターの活用例課題 ナレーション制作に時間とコストがかかる複数の話者が必要なプロジェクトでの対応が困難成果 作業時間を50％短縮低コストで複数話者のナレーションを実現導入ステップスクリプトをAivisSpeechにアップロード話者スタイルを選択して音声を生成動画編集ソフトにインポートしてナレーションを完成5. 料金プラン無料でダウンロード可能。全ての基本機能を無料で利用可能。個人・法人・商用問わず適用。追加サービスとオプション音声合成モデル制作代行サービス：まるなげボイス(α) by Aivis Project にて、専用に録音されていない音声データからでも高品質な音声合成モデルを制作。詳細はAivis Projectの「お問い合わせフォーム」をご利用ください。AivisSpeechを使ってみる>>
3秒敬語
1. 3秒敬語の製品/サービス概要目的：日常的なカジュアルな日本語を、ビジネスやフォーマルな場で適切な敬語表現に迅速かつ正確に変換すること。ターゲットユーザー：新社会人や学生ビジネスパーソン接客業従事者日本語学習者2. 3秒敬語の特徴3秒で変換：名前の通り、3秒程度で自然な敬語へ変換。ユーザー登録不要：ログインやアカウント作成は不要。平文とメールの2モード：チャット用とメール用で切り替え可能。マルチデバイス対応：ブラウザ・iPhone・Chrome拡張に対応。完全無料で安心：機能制限や有料化の心配が不要。3. 3秒敬語の機能詳細平文モード詳細説明：日常的なフランクな文章を、丁寧語・尊敬語・謙譲語を用いた敬語に変換。使用例：「今度の会議、出れる？」→「次回の会議にご出席いただけますか？」利便性：チャットや会話文をそのまま上司向けなどに変換できる。メールモード詳細説明：入力文を定型文付きのビジネスメール風に整形。使用例：「資料送るね」→「お世話になっております。資料をお送りいたします。」利便性：メールの敬語や文体に迷う時間を削減できる。Chrome拡張機能詳細説明：Webページ上のテキストを右クリックで敬語変換可能。使用例：求人記事の紹介文やSNS投稿を丁寧な表現に即時変換。利便性：ブラウザベースの業務に便利。iPhoneアプリ詳細説明：キーボードとして使用でき、どのアプリでも敬語変換可能。使用例：LINEやメール、Slackなどの文中で即敬語化。利便性：モバイル業務や日常連絡でもスムーズな表現を実現。4. 3秒敬語の導入事例ケース：新入社員の敬語メール支援に活用課題メール文面の敬語がわからず、上司確認に時間を要していた。成果自動変換により、初稿作成時間が大幅短縮。チーム内で敬語の統一感も向上。導入ステップWebサイトにアクセス（またはChrome/iPhoneアプリ導入）「平文モード」または「メールモード」を選択カジュアルな文章を入力出力された敬語文をコピペするだけ5. 3秒敬語の料金プランプラン名料金（月額）主な特徴推奨ユーザー無料プラン¥0すべての機能が無料で利用可能。登録・ログイン不要。ただし会員登録・ログインで敬語や返信の精度が大幅向上。1日10回以上の利用にはログインが必要。全ユーザー（学生〜ビジネスパーソン）3秒敬語を使ってみる
