MarkSlides、Markdownを使ってスライドを作成できるサービス
(markslides.ai)紹介
- Markdown構文を使って、AIと一緒にスライドを作成し、発表できます。
- KeynoteやPPTでは不便なソースコードの挿入、テキストのフォーマット、ダイアグラムなどを、開発関連ツールやAIと組み合わせて活用できます。
- サンプル成果物 - JavaScript Basic Syntax
サービスURL
主な機能
- GPT-3.5、GPT-4を使ったスライド自動生成およびコンテンツ生成 (
Command + K) - ソースコードのsyntax highlighting
- MermaidJS ダイアグラム、Typogram レンダリング
- スライドショー、発表者モードを提供
- PDFエクスポート
- Publicリンクでスライドノートを共有可能
関連リンク
- GitHub: https://github.com/markslides/
- Twitter: https://twitter.com/MarkSlides
昨年OpenAIが開催したPrompter Day Seoul 2023 Finalまでは進みましたが、残念ながらTop 8には入れず受賞はできなかったアイテムです(ハッカソン参加記)。
その時より改良を重ね、いまは公開して実用的に使えるようになったので、GeekNewsで初めて紹介してみます。
開発者向けのサービスなので、ぜひここに投稿してフィードバックをもらいたいと思っていました。ぜひ使ってみて、たくさんのフィードバックをお願いします : )!
9件のコメント
こんにちは。使用中に問い合わせたい事項があり、投稿します。
問い合わせ 1.
<!-- _header: 'header title' _footer: '[main-section へ移動](#main-section) _paginate: true -->このように使用しています。slide settings では header、footer は空欄で、paginate は ON の状態です。
slide show 状態では header、footer が表示されません。
slide show 状態で全画面に切り替えると header、footer は表示されるのですが、内部リンクをクリックすると該当の目次ではなく次のページに移動してしまうようです。(mode=presenter でも同様です)
編集状態では正常に移動できています。
もしかして私の使い方が間違っているのかと思い、お伺いします…!
問い合わせ 2.
save as .. で md ファイルを保存する際に、header、footer、paginate の情報も一緒に出力できるようにできますか? header、footer をナビゲーションメニューのように使っているためです…!
ありがとうございます。
通知を見逃していて、確認が遅くなり申し訳ありません。
質問 1.
header、footer が見えないのは、画面が切れているためのようですので、
実際の window サイズに合わせて表示されるよう修正します。
また、現在のスライドショーでは特定のスライドへ移動する機能は提供されていません。
Marp で提供されている以下の機能について、優先度を少し上げて実装できるようにします。
https://github.com/orgs/marp-team/…
質問 2.
header、footer、paginate 情報もあわせて表示される、というのがどういう意味なのか、よく理解できませんでした。
現在、.md ファイルとして保存すると、保存時点の Slide setting が marp 互換の形式で一緒に含まれるようにはなっています。
この点はもう少し詳しく説明していただけると助かります!
こんにちは。marp や slidev を見ていて、かなり良さそうだと思って使ってみようとしているのですが……Markdown 言語は初めてなので、覚えながら使っています。エディタでは HTML は使えないのでしょうか? コードブロックではない、たとえば
<img src="http://image.com/image.png">のようなものや、
<table> ... </table>のようなタグです……。ビューアや PDF export をしたときに、HTML テキストがそのまま表示されてしまっています。
(実は……ほかのいくつかのエディタでも HTML テキストとして表示されているのですが、そちらでは質問できる場所がなくて ^_^;;)
もしかして私の使い方が間違っているのか、それともエディタで変換されないのか気になって、お問い合わせしました。
こんにちは。現在、セキュリティ上の問題のため、HTML には対応していません。
以下のリンクにあるように、marp でも HTML を使うにはオプションを変更する必要がありますが、この点については今後、セキュリティ上問題になり得るいくつかのタグを除いて使えるように適用していく予定です。
https://github.com/marp-team/marpit/issues/162#issuecomment-490004489
また、最終的には GFM(GitHub Flavored Markdown) の仕様をすべてサポートすることを目標にしています。
https://github.github.com/gfm/#html-blocks
お使いいただく中で、さらに気になる点がありましたら、以下のウェブサイト下部の Contact Us、または Discord、Twitter などからお気軽にお問い合わせください〜!
https://www.markslides.ai/intro
ああ、セキュリティの問題だったんですね……。ご回答ありがとうございます。ありがたく使わせていただきます!
久しぶりにイケてる感じのプロダクトですね。
ページの区切り方が見つけにくいですね。
---で区切れるんですね。使い勝手が改善されたら、短いプレゼンに使えそうですこんにちは、MarkSlides の開発者です。
初めて使う方が使い方をしっかり習得できるよう、チュートリアルを改善していきます〜!
気軽に使うのによさそうなサービスですね。
スライドを区切る区切り記号が何なのか、またはスライドを1枚簡単に追加する方法が、少し見つけにくい気がします。
こんにちは、MarkSlidesの開発者です。
現在、新しいスライドは CMD + Enter(現在はMacでのみ動作)ショートカットで追加できます。
ただし、まだチュートリアルは用意されておらず、ガイドドキュメントのみ提供しているため、今後はチュートリアルも改善して提供したいと考えています〜!