10/31AIツール2024-10-31プレゼンスライドの作成を効率化できるツールを知っていますか?情報をまとめる際に使うMarkdown記法から、そのままスライドを作成できるツールが「Marp」です。Code)の拡張機能として配布されているため、誰でも簡単に導入することができます。この記事では、Marpの概要や利用するメリット、具体的な使い方などを分かりやすく解説します。「Marp」とは、マークダウン(Markdown)記法でプレゼンテーションスライドを作成できるツールです。Marpはテキストベースで資料を作成できるため、AIツールとの相性が非常に良いのが特徴です。テキスト生成AIのChatGPTやClaudeなどと組み合わせることで、効率的に高品質な資料を作成することができます。カスタマイズ性にも優れており、リアルタイムプレビュー機能を使って迅速な編集・変更が可能です。さまざまな出力形式にも対応しているため、業務で非常に使いやすいツールです。生成AIを活用した資料作成の自動化について詳しく知りたい方は、下記の記事を合わせてご確認ください。近年、ビジネスシーンにおけるAIツールの活用はますます進んでいます。魅力・メリットは主に以下の7つです。生成AIとの相性が抜群バージョン管理や汎用化が容易それぞれ詳しく解説していきます。テキスト編集の感覚でスライドが作成可能Marpは、Markdownというシンプルな記法でスライドを作成できるため、まるで文章を書くように直感的に操作できます。プログラミングコードに慣れている方にとっては、コーディング感覚でスライドを作成できる点が大きな魅力です。テキストを編集するような感覚で作成できるので、PowerPointのようなGUIツールに比べてより簡単で効率的にスライドを作成することができます。テキスト以外の情報も記入可Marpは、テキストだけでなく画像、コードブロック、数式などテキスト以外の情報を簡単に埋め込むことができます。プログラミングコードの表示には非常に優れており、スライド内にコードブロックを埋め込み、シンタックスハイライトや行番号を付与することで、プログラミング言語のコードを視覚的に美しく表示できます。これは、技術的なプレゼンテーションでコードを分かりやすく説明したい場合に非常に便利です。画像はもちろん、数式もLaTeX形式で記述できるため、複雑な数式も綺麗に表示できます。図やグラフも、外部ツールと連携することで簡単に挿入が可能です。幅広いファイル形式への変換に対応Marpで作成したスライドは、HTML、PDF、画像といった多様なファイル形式に変換することができます。HTML形式への変換は、Webページにスライドを埋め込む際に便利で、Webサイトにプレゼンテーションを公開したり、ブログ記事にスライドを挿入したりといった用途に適しています。PDF形式への変換は、印刷物として配布したり、アーカイブとして保存したりする際に役立ちます。画像形式への変換は、SNSへの投稿や、プレゼンテーション中にスクリーンショットを撮って共有したい場合などに便利です。Marpは、これらの基本的なファイル形式への変換に加えて、PowerPoint形式への変換もサポートしているテーマがあり、既存のPowerPoint環境で作業しているチームとの連携もスムーズに行うことができます。既存のMarkdownをスライドに変換可能すでにMarkdown記法で文書を作成している場合、Marpのテンプレートを適用するだけで簡単にスライドに変換することができます。Markdownで書かれた文書にMarpのスライド区切りやセクション分けを示す簡単な記法を追加するだけで、すぐにスライドを作成できます。GitHubなどで公開されているプロジェクトのREADME.mdを、Marpを使ってプレゼンテーション資料に変換し、プロジェクト紹介に活用するなど、さまざまな使い方が可能です。既存のドキュメントを再利用して迅速にプレゼンテーション資料を作成できるため、1から資料作成する手間が省けます。無料で利用可能Marpは、完全に無料で利用できるオープンソースソフトウェアです。商用利用も可能で、追加料金なしでMarpの全ての機能を利用することができます。活用すれば、誰でも気軽に高品質なプレゼンテーションスライドの作成が可能です。オープンソースのため、ソースコードにアクセスして自由にカスタマイズすることができる点も魅力です。初期費用や継続的な利用コストがかからないため、個人から企業まで幅広いユーザーにおすすめのツールですよ。生成AIとの相性が抜群Marpは生成AIとの相性が非常に良い点が特徴です。テキスト生成、画像生成、コード生成など、様々なタスクをこなせる生成AIとMarpを組み合わせることで、スライド構成からアイデア出し、文章の生成など作業のほとんどを自動化することができます。スライド作成に使う資料が少ない場合でも、生成AIを使うことで少ない情報量から精度の高い内容を生成でき、Marpでスライドにまとめるだけでしっかりとしたプレゼンスライドが完成します。デザインにこだわりたい場合にも、生成AIを使って画像を生成してMarpのスライドに挿入することで、オリジナリティのあるスライドを作成できます。バージョン管理や汎用化が容易Marpで作成したスライドは、Markdownというシンプルなテキスト形式で保存されます。このため、バージョン管理システム(Gitなど)との親和性が高く、チームでの共同作業やスライドの履歴管理が非常にスムーズに行えます。誰がいつどのような変更を加えたのか、といった履歴を簡単に追跡できるため、誤った変更によるトラブルを防ぐことができます。Markdownは汎用性の高いフォーマットであり、様々なツールやプラットフォームで利用することができます。Marpで作成したスライドは、GitHubなどのコード共有プラットフォームで公開したり、他のMarkdownエディタで編集したりすることができます。Markdown形式のファイルはテキストファイルであるため、軽量で可搬性が高く、様々なデバイスで閲覧することができます。Marpの使い方Marpのインストールから使い方までを、分かりやすくご紹介します。以下の手順でご紹介していきます。実際の操作画面も載せていますので、ぜひ参考にしてください。Microsoftが提供している無料のオープンソースコードエディタで、Marpの拡張機能が充実しているため高精度なスライド作成が可能です。Codeをインストールしましょう。お使いのPCに対応しているOSを選択してダウンロードします。2ダウンロードが完了したら、以下の画面が表示されます。agreement」をチェックして、「Next」をクリックします。3ここはそのままで大丈夫です。「Next」をクリックします。icon」をチェックしてください。)4この画面が表示されたら、「Install」をクリックします。5インストール完了画面が出たら、「Finish」をクリックします。Codeの画面が開きます。Codeの準備は完了です。Code」をインストールします。Code上でMarpを使ってスライドを作成していきましょう。実際にMarkdown記法を使って記述してみます。File」を選択して、Markdownで内容を作成します。(すでに完成したものがある場合は、データを開いてください。)内容が完成したら、「File」から「Save」で保存します。保存できたら、作成したMarkdownをMarpでスライド化してみましょう。Markdown」を選択してください。記述部分の1番上にMarp用のファイルと認識させる書式が表示されます。これでこのファイルをMarpでスライド化できるようになりました。右側のこちらのアイコンをクリックすると、スライドのプレビューが表示されます。このようにスライド化されました!Marpの記述方法Marpでの主な記述方法とできることを表にまとめましたので、参考にしてください。画像を配置する方法を解説します。行うのは難しいため、簡単な画像の結合や、フローチャート図などを作成できるDraw.ioを利用するのがおすすめです。活用できるのでとても便利です!今回は、Web上のDraw.ioを使ってSVG形式で保存した画像を使用したいと思います。作成した図や画像をSVG形式でダウンロードします。次に、Marpに画像を挿入していきます。以下のMarkdownを入力しました。右に画像をいれる上記のMarkdownを使用すると以下のような画像の配置になります。画像の挿入に使う書式は、以下の表を参考にしてください。](画像のファイルのパス)画像を横に並べるレイアウトの変更方法デフォルトのレイアウトから、文字の位置を変更・装飾したり、背景色を変更したりなどレイアウトを変更する場合の操作方法を解説します。Marpのレイアウトを変更する場合、Markdown記法だけでもある程度できますが、CSSを適用させるとより複雑なデザインが可能になりますので、覚えておくと便利です。Code上で新しくシートを作り、適当な名前をつけてCSSファイル(.css拡張子)として保存します。以下の手順で作成したCSSを適用できます。Codeを再起動する(再起動しないと適用されない場合があります)Markdownファイルのヘッダー部分に、作成したCSSファイル名を指定してスタイルを適用することができます。AI搭載のコードエディタ「Cursor」について詳しく知りたい方は、下記の記事を合わせてご確認ください。Cursorは、プログラミング関連の業務全般を自動化できるAIツールです。Cursorを活用すれば、コードを自動で生成...Marp×ChatGPTでスライド作ってみたでは、実際にChatGPTを使ってMarpでスライドを作成してみましょう!今回、全体で使用したプロンプトはこちらです。#命令書:あなたは、プロのプレゼンテーターです。以下の要望を元に、制約条件と出力条件を厳密に守って最高のプレゼンテーションのためのスライド作成をお願いします。・題名は「{スライドのタイトル}」としてください。・内容は「{スライドの内容}」としてください。・分量は{プレゼン時間}分以内で説明できる内容としてください。・ターゲット(プレゼンの相手)は{プレゼンの相手}です。#制約条件:・目次を付けてください。・視認性が良い配色とし、スタイリッシュなデザインとしてください。・誰にでもわかりやすくしてください。・重要なキーワードを入れてください。・画像や図形を用いて説明してください。Code対応のMarkdownを作成してください。{太字}の部分のみ変更して、ChatGPTに3パターンの構成を考えてもらいました。生成AIについてスライド1.ChatGPTとMarpでスライドを作る方法1つ目は、ChatGPTとMarpでスライドを作る方法を解説するスライドを作成します。あなたは、プロのプレゼンテーターです。以下の要望を元に、制約条件と出力条件を厳密に守って最高のプレゼンテーションのためのスライド作成をお願いします。・題名は「chatGPTとMarpでスライドを作る方法」としてください。・内容は「chatGPTとMarpでスライドを作る方法を解説する」としてください。・分量は5分以内で説明できる内容としてください。・ターゲット(プレゼンの相手)は非エンジニアです。・目次を付けてください。・視認性が良い配色とし、明るくスタイリッシュなデザインとしてください。・誰にでもわかりやすくしてください。・重要なキーワードを入れてください。・画像や図形を用いて説明してください。Code対応のMarkdownを作成してください。ChatGPTが出力した内容を、コピーしてMarpにそのまま貼り付けます。以下のスライドが完成しました!うまくまとまったスライドになっていますね!画像もChatGPTで作成して挿入したら、そのまま使えそうです。スライド2.新商品の販路と販売方法2つ目は、新商品の販路と販売方法を解説するスライドを作成します。▽プロンプト#命令書:あなたは、プロのプレゼンテーターです。以下の要望を元に、制約条件と出力条件を厳密に守って最高のプレゼンテーションのためのスライド作成をお願いします。:・題名は「新商品の販路と販売方法」としてください。・内容は「新商品の販路と販売方法を解説する」としてください。・分量は5分以内で説明できる内容としてください。・ターゲット(プレゼンの相手)は社内の上層部の方です。#制約条件:・目次を付けてください。・視認性が良い配色とし、スタイリッシュなデザインとしてください。・誰にでもわかりやすくしてください。・重要なキーワードを入れてください。・画像や図形、グラフを用いて説明してください。・ページをめくる効果を付けてください。Code対応のMarkdownを作成してください。ChatGPTが出力した内容を、コピーしてMarpにそのまま貼り付けます。以下のスライドが完成しました!明るくて見やすいスライドになっています!制約条件に「ページをめくる効果を付ける」と入れましたが、その部分だけ反映されていませんでした。CSSファイルを適用するか、直接Markdown記法で入れてもいいと思います。スライド3.生成AIについて3つ目は、生成AIについて解説するスライドを作成します。▽プロンプト#命令書:あなたは、プロのプレゼンテーターです。以下の要望を元に、制約条件と出力条件を厳密に守って最高のプレゼンテーションのためのスライド作成をお願いします。:・題名は「生成AIについて」としてください。・内容は「生成AIの歴史と展望を解説する」としてください。・分量は5分以内で説明できる内容としてください。・ターゲット(プレゼンの相手)は、生成AIを知らない人です。#制約条件::・目次を付けてください。・視認性が良い配色とし、スタイリッシュなデザインにしてください。・誰にでもわかりやすくしてください。・重要なキーワードを入れてください。・画像や図形、グラフを用いて説明してください。・文字は中央揃えにしてください。Code対応のMarkdownを作成してください。ChatGPTが出力した内容を、コピーしてMarpにそのまま貼り付けます。以下のスライドが完成しました!全体的に黒でスタイリッシュなデザインになっています。制約条件に付け足した「文字を中央揃えにする」もしっかり反映されました!なお、生成AIを活用した業務効率化について詳しく知りたい方は、下記の記事を合わせてご確認ください。活用していないという方は、少し危機感を持った方がよいかもしれません。総務省が公表している「令和元...生成AIを活用してMarpでスライドを作ろうMarpは、Markdown記法を使って簡単にプレゼン用スライドが作成できるツールです。Marpでは、主に以下のことができます。画像や絵文字、コード、ロゴ、数式などテキスト以外の情報もMarkdown記法で記入することができ、完成度の高いスライドが作成できます。Marpは生成AIと非常に相性の良いツールです。無料ダウンロード最後にいかがだったでしょうか?MarpでMarkdown記法を使い、手軽に視覚的な資料を作成できる方法を確認し、今後の作業効率を一段と高めましょう。AIツールとの相性が良く、スライド作成プロセスが大幅に簡略化できるはずです。・生徒の感情や学習状況を踏まえ、勉強をアシストするAIアシスタントなどの開発実績がございます。「無料相談」にてご相談を承っておりますので、ご興味がある方はぜひご連絡ください。➡︎生成AIを使った業務効率化、生成AIツールの開発について相談をしてみる。生成AIを社内で活用していきたい方へ「生成AIを社内で活用したい」「生成AIの事業をやっていきたい」という方に向けて、通勤時間に読めるメルマガを配信しています。最新のAI情報を日本最速で受け取りたい方は、以下からご登録ください。弊社紹介資料もご用意しておりますので、併せてご確認ください。AIの登場に大きな衝撃を受けたWebライター。好きなAIツールは、ChatGPTとAdobeFirefly。集計期間:1週間まだデータがありません。高いAIプロフェッショナル集団」を目指して私たちは、AIに関わるすべての人に向けて、透明性の高い適切な情報発信と開発を行います。「WEELは、一番地に足ついたAI情報を教えてくれる」と思っていただけるよう、透明性高い事業運営を行なって参ります。透明性の高い適切な情報発信と開発を行います。透明性高い事業運営を行なって参ります。