タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
こんにちは、igaです。 ゆっくりペースで実施していた、リングフィット アドベンチャーを先日クリアすることができました。 今回は、ChatGPTに、社内の技術勉強会向けに、ライトニングトーク用のプレゼン資料を作ってもらおうと思います。 私からは、テーマだけを決めて、その内容の検討自体をChatGPTにお願いしてみました。 プレゼン資料の内容 「AWS CloudShell から Amazon ECS で任意のコマンドを実行する方法」という内容を検討してみます。 概要として、以下のようなものを考えています。 「AWS CloudShell から ECS exec を利用して、Amazon ECS上のコンテナで任意のコマンドを実行するために必要な設定方法について説明する。」 ChatGPTに内容の検討を依頼する ChatGPTに内容の検討をお願いするため、以下のようなプロンプトを指定してみます
TOPフォーカスコードが読めなくなったOSSを再生させるまで。スライドツール「Marp」作者の背水の学び直し【フォーカス】 スライド作成ツール「Marp」開発者 服部 雄輝 2014年、株式会社Speeeに新卒入社。サーバーサイドエンジニアとしてキャリアをスタート。在籍中の2016年にMarpを個人プロジェクトとして開発し公開。2021年に同社を退職後、スタートアップ支援等を経て、同年10月より株式会社YAGOにJoin。リードエンジニアとして主にフロントエンド開発に従事。現在もMarp Teamとして、Marpの開発を継続している。 X:@y_hatt GitHub:https://github.com/yhatt Marp公式サイト:https://marp.app/ 「ある日、自分が書いたはずのコードを読めなくなったんです」――。 こう語るのは、Markdown記法にて、プレゼンテー
こんにちは、リテールアプリ共創部の戸田駿太です。 普段から登壇が多いクラスメソッド社員用にクラスメソッドMarpテーマを作成しました! その紹介と背景や影響についてブログにします。 Marpとは Marpとは、マークダウンをスライドに変換するツールです。 特徴としては以下のような点があります。 マークダウンで書くだけでスライドができる VSCodeの拡張機能で編集しながらプレビュー可能 PDF、HTML、PPTX形式で出力可能 日本人の方が制作・管理している Marpを使うことでマークダウンでメモした内容からスライドを作成しやすいためすごく便利になります。 最近だと生成AIを使うことでスライドのメモや内容をそのままMarp形式のマークダウンに変換することができるようになりました。 公式サイト↓ 社内用のMarpテーマを作った背景 社内で生成AI活用に大きく乗り出している中で、AIを使ってス
はじめに 2025年から2026年にかけて、Claude Codeのスキルシステムを使ってプレゼンテーション作成のワークフローを構築してきました。この記事では、その過程で作り上げたスキル群と、実際の使い方を紹介します。 最初は「AIにスライドを作らせたい」という単純な動機でした。しかし実際にやってみると、単にスライドを生成するだけでは自分が登壇で使いたいレベルの品質にするのが難しいことがわかりました。そこで、スタイルガイドの整備、レイアウトパターンの体系化、視覚的な品質検証の自動化と、段階的に仕組みを整えていきました。 この記事は、同じようにAIを活用してプレゼン作成を効率化したい方に向けて、私の試行錯誤と、その結果できあがった仕組みを共有するものです。 また、この背景となる考え方やテーマについての新著も昨年11月に上梓しました。 AIエージェント 人類と協働する機械 非常に面白く読みやす
プロジェクトの状況を関係者に正確に伝え、議論を促進させるための「スライド作成」。これは私たちの業務において極めて重要なタスクの一つです。 しかし、このスライド作成に多くの時間を費やしてしまい、より本質的な課題解決や戦略策定といった業務への集中を妨げている、と感じることが多いです。 近年、GensparkやGmmaやFeloなど優秀なAIスライド作成ツールが登場し、資料作成の自動化に大きな期待が寄せられています。キーワードを入力するだけで、デザイン性の高いスライドが生成されるのは、確かに画期的な技術です。 しかし、結論から言うと、私はこれらのAIスライドツールを実務では採用していません。 その理由は、現状のAIスライドツールが、PMの実務における速度と品質の要求に、必ずしも応えられていないと感じるからです。本日はその理由と、私が最適解だと考えている「CursorとMarpを組み合わせた爆速ス
Marp という Markdown でスライドを作れるツールがあります。 ここ1年ぐらい、社内外での発表やLTに使う資料 (link) を基本これで作っていたのですが、非常に便利だったのでこれの布教(?)をしていきます。 Marp はどういうツールか Marp は以下のような Markdown テキストからスライドを作成することが出来るツールです。 Marp は CLI ツール として使えるほか、 VSCode 拡張 (Marp for VS Code) としても使えます。 実際にどうやって使うかは、 公式ページ や 記法のドキュメント (※ 記法は Qiita のスライドモードと似てます) や、他の紹介記事 (https://qiita.com/tomo_makes/items/aafae4021986553ae1d8 など) を参照してもらえればと思います。 この記事では、主に、自分が
はじめに みなさん、ちょっとしたMarkdownやスライドをサクッと共有したい場面ってありませんか? 「勉強会のメモをSlackで共有したい」「ドキュメントの下書きを一時的に見せたい」「Marpで作ったスライドをURLだけで共有したい」——そんなときに、わざわざGistを作ったりNotionのページを公開設定にするのは少し面倒です。 そこで tmplink というサービスを作りました。Markdownを書いて「Publish」を押すだけで、7日間有効な共有URLが発行されます。ユーザー登録は不要です。 まずは触ってみてください! tmplinkの機能 tmplinkの主な機能を紹介します。 ライブプレビュー付きMarkdownエディタ 左にエディタ、右にプレビューのスプリットペイン構成です。CodeMirror 6 + marked + highlight.js で、入力した瞬間にプレビュ
みなさんは Marp でスライド作成していますか? Marp は Markdown による軽量な記述方式と、あらかじめ用意されたテーマにより、美しいスライドを簡単に作成することができます。 今回はそんな Marp をフルに活用すべく、私が考える Marp の結論構成を紹介したいと思います! 対象者 この記事の対象読者は以下の通りです。 ✅ Marp のスライドデザインを細かくカスタマイズしたい ✅ Marp で HTML タグをいちいち書くのが億劫 ✅ Marp で作ったスライドを楽に Web で公開したい 逆に、下記のような方は対象外となっています。 ❌ Marp の概要/基本的な使い方が知りたい ❌ Marp の最小限の機能/現状で満足している また、詳しい理由は後述しますが、以下の方は部分的に対象外です。 ⚠️ Marp で作ったスライドは PDF で共有したい ⚠️ Marp は
今日、業務でスライドを作成している方は、職種問わず多いのではないでしょうか。一般に、スライドを作成する際は、Microsoft PowerPointやApple Keynoteなどプレゼンテーション用ソフトを使う事が多いと思います。本記事では、そういったツールを使わずに、シンプルにテキストベースで記載し、スライドを作成していくツール「Marp」を紹介します。本記事を読むことで、従来のプレゼンテーション用ソフトでのスライド作成だけでなく、テキストがベースとなるようなスライドの場合、より簡便かつ高速にスライドを作成することができるようになると思います。 Marpとは、日本の開発者Yuki Hattori氏によって開発されているMarkdownを用いてスライドを作成することができるエコシステムです。Marpは、様々なコンポーネントから構成されており、Visual Studio Codeの拡張機能
MAP×WARP=「MARP」世界と時代のトレンドにWARP。カテゴリーと自分史のMAP。本質的な評価を可視化・記憶が蓄積されるWebデザインリンクのポータルサイトMARP。MAP×WARP=「MARP」世界と時代のトレンドにWARP。カテゴリーと自分史のMAP。本質的な評価を可視化・記憶が蓄積されるWebデザインリンクのポータルサイトMARP。 MAP×WARP=「MARP」世界と時代のトレンドにWARP。カテゴリーと自分史のMAP。本質的な評価を可視化・記憶が蓄積されるWebデザインリンクのポータルサイトMARP。MAP×WARP=「MARP」世界と時代のトレンドにWARP。カテゴリーと自分史のMAP。本質的な評価を可視化・記憶が蓄積されるWebデザインリンクのポータルサイトMARP。
はじめに この記事ではVisual Studio Codeの拡張機能であるMarp for VS Codeを使い、Markdownによるスライド作成を行うことを目標に、導入から基本テクニックまでをまとめています。 Marpとは Marpは、Markdownによってプレゼンテーションスライドを作成するためのエコシステムです。 Markdownを使用してスライドを作成し、組み込みテーマやCSSテーマによるデザインを適用して、HTML, PDF, PowerPointなどの各種形式でエクスポートすることができます。 MarpはVisual Studio Codeの拡張機能として配布されているため、誰でも簡単に導入することができます。 Marpでスライドを作成することのメリットは、あらかじめスタイルCSSを定義しておけば、スライドを作成していく過程でデザインの部分を考える必要がないことです。Pow
こんにちは。秋になり、いつにも増して食欲が止まらないマーケのさやかです。 みなさん「Marp」ってご存知ですか?私は今回のタスクが現れるまで知りませんでした。haha 今回は、Marpを使って会社独自のスライドテンプレートを作成しましたので一連の流れをご紹介します! Marpってなんぞや? Marpをざっくり説明すると、マークダウンでスライドを作成するツールです。 Notionにメモ程度に書いたマークダウンを急遽スライドにする必要がある!なんてときに便利ですね。 また、マークダウンでスライドを作成するので、gitで管理できるのも大きな魅力です。 (詳しくは公式サイトをご覧ください https://marpit.marp.app/) Marpにはデフォルトで3種類のテーマが用意されており、スライドを作成するだけであれば簡単に始めることが可能です。 Marpの使い方 VS CodeにMarp
VSCode と Marp で A4 マニュアルを作成する方法 背景 PowerPoint や Word で資料を作成するのが苦手なので、他に何か良い方法がないものかと探して見つけ出した手段を紹介。 というか、PowerPoint はそもそもスライド作成ソフトなので、それで書類作成するのはナンセンスですよね? Marp もスライド作成ツール? ……はて? Word で作ればいい? ……ちょっと何言ってるかわからないです。 というか、Word も PowerPoint も画像やデザインまわりの UI が煩雑すぎて正直苦手。 ちなみに、本来のスライド作成においても Marp はかなり優秀なので、そのあたりは各自で調べてみてほしい。 メリット 画像以外、全てテキストだけで作成できる マウス操作で細かい操作が不要、各サイズなどは数字入力で調整できる デメリット デザインの融通が効きづらい けっこう
Marpはマークダウン記法を使用してプレゼンテーションスライドを簡単に作成できるツールである。ルールを守れば既存のマークダウンファイルをスライド形式で表示することが可能。 visual studio code上でMarpを使うための拡張機能が提供されており簡単に使用することができる。 拡張機能のインストール まずは以下から拡張機能をインストール 以降でmdファイルをMarpとして記述するための記法について説明する。 マークダウンファイルをMarpとして認識させる mdファイルの1行目に以下を追記する。 上記の記述がMarpとして認識させるフラグとなる。 フラグを立てた状態でvs codeデフォルトのマークダウンプレビューで表示すると、 スライド形式で表示される。falseにすることで通常のmdファイルプレビューに簡単に切り替えることができる。 スライド区切り ---でスライドを区切ることが
はじめに 以下でポストしていた内容を、さっそく試してみました。 試す内容は「Marp CLI v4.1.0」に実験的に新しく追加された、「--pptx-editable」オプションをつけた PowerPointファイルの出力です。 今までは、Markdown から PowerPoint のファイルへの変換を行った場合、変換後のファイルのスライド内にあるオブジェクトは編集不可でしたが、今回の機能を使うことでオブジェクトが編集可能になります。 Marp CLI による PowerPointファイルの出力 コマンドについて 今回使った Marp CLI による PowerPointファイルの出力は、以下の冒頭に書かれた方法です。 ●Release v4.1.0 · marp-team/marp-cli https://github.com/marp-team/marp-cli/releases/
こんにちは! Claude3.7というものがリリースされて、さらにAI業界が盛り上がっているんですが、ChatGPTとかと比べて「サクッとPDFをあげて、それを資料化する」とかはなんか得意そうだなーと思いました。 なんでかはわかりません!専門家の方に聞いてください! というわけで、「本とか資料とか難しいものを、簡単にプレゼン資料ぽくして理解度を高める方法」みたいなのを書きたいと思います! やり方適当なAIのサイトに行きます。おすすめは、2025/02/25段階だと、Claude3.7ですが、まあChatGPTとかGeminiでもなんとでもなると思います! で、PDFをアップします。今回は、僕の大ヒット自己啓発本の「物語思考」で試させていただきます。 んで、このようにプロンプトを打ちます。 この本を要約してプレゼン資料にしたいので、marpで作って、資料化してください! Marpってなんだよ
Marpという、Markdownでいい感じのプレゼンテーションスライドを作成できるツール(エコシステム)があります。 デフォルトだと default gaia uncover の3種類のテーマが選択できますが、自作テーマを公開して使えるようにしてくれている方もいます。 読み込んですぐ使えるテーマをまとめておきます。 説明の見方 h2見出し:テーマ名 見た目:スライドのサンプル invert:class: invertを設定した場合の見た目 default 見た目 normal invert 使い方 特になし。Marpのスライドを作るとデフォルトがこれ gaia 見た目 normal ※スライド下部が切れてしまっている invert ※スライド下部が切れてしまっている 使い方
はじめに 軽量マークアップ言語として人気の Markdown(マークダウン)ですが、この Markdown からプレゼンテーションのスライドを作ることができるツールが「Marp」です。既に Markdown (以下MD)を使いこなしている方だけではなく、このためにMDを勉強してみようと思う方にも適した便利なツールです。今回は、そのインストール手順と簡単な使い方を学んでいきましょう。 前提として、MDの知識が必要になりますので、MDについての基礎は、下記の記事をご覧ください。 VS Code を利用した Markdown の基礎とフォーマット構文のページへ レッスン1.Marpとは Marpは日本生まれのオープンソースツールで、Markdownの文法によってスライドを製作することが可能なツールです。Marpによって作成するスライドには以下のようなメリットがあります。 無料で使用することができ
はじめに Markdown でプレゼンのスライドが作れるようになる Marp を Obsidian 上で使用するためのプラグインを、コミュニティプラグインとしてリリースしました🎉 インストールはこちら: https://obsidian.md/plugins?id=marp リポジトリはこちら: https://github.com/JichouP/obsidian-marp-plugin Obsidian とは この記事をご覧の方は、すでに Obsidian のことをご存知の方もいらっしゃると思います。 Obsidian 公式ホームページ ではこのように紹介されています。 A second brain, for you, forever. Obsidianは、プレーンテキストファイルのローカルフォルダ上で動作する、強力で拡張性のある知識ベースです。 — Obsidian 公式ホームペー
1. 生成AIにスライドを作らせるのは難しい生成AIを用いてスライドを作りたい場合、問題があります。 生成AIはテキストを扱うことに長けていますが、パワーポイントなどのスライドファイルの操作はあまり得意ではないのです。 ではどうすれば生成AIを用いてスライドを作成できるか。 そこで最近注目されているのが、Markdownを用いたスライドの記法である、Marpです。生成AIは自然言語処理に優れており、Markdown形式でのテキスト生成も可能です。このため、生成AIを使ってスライドを効率的に生成することができます。 例えばMarpの公式サイトには次のような事例が掲載されています。 https://marp.app/#get-started上の2枚のスライドは、下のようなテキストから出来上がっています。 上のようなテキスト出力は、生成AIの得意技です。 ですから例えば、生成AIに「Marpでマ
はじめに最近、AIを活用したスライド作成の新しい方法として、「MarpとAI」の組み合わせがXなどで話題になっています。 従来のスライド作成では、PowerPointやGoogle Slidesが一般的でした。ChatGPTなどのAIツールを活用する方法も登場しましたが、ビジネスで使えるクオリティやデザイン面で改善の余地がありました。 MarpとChatGPTやClaudeなどのAIを組み合わせる方法には、以下のような特徴があります: 高品質なコンテンツ生成が可能 デザイン面でも優れている 編集がしやすい 本記事では、MarpとClaudeを使ったスライド作成の方法を解説していきます。 それでは早速みていきましょう! Marp(Markdown Presentation Ecosystem)は、Markdownを使ってプレゼンテーションスライドを作成できるツールです。日本人開発者のYuki
はじめに みなさんは、Marpをしっていますか? Marpはmarkdown記法でプレゼン資料を簡単に作成できるツールになります。 今回はMarpとGithubActionsを利用して、サクッとmarkdownを書いてGitHubでスライドを公開する方法を紹介します。 Marpの詳しい使い方はこちらを参照ください。https://marp.app/ 作成した経緯 エンジニアだと、プレゼンやLT会などでスライド資料を作って発表する機会が多いと思います。 自分自身も発表する機会が増えてきました。 普段、スライド資料を作成するときはPowerPointを使ってたんですが、 LT発表などサクッとスライドを作りたいときは 「もっと楽に(よく書いているmarkdown記法で)スライドを作りたい。」 「書いたスライドをGitHubで公開、管理したい。」 と思い、今回の環境をつくりました! 何ができるよう
フローチャートなどを作る際にGoogleスライドやらFigmaやらで図を作ってはスクショコピーしてMarpに貼り付けという手順を踏んでいるわけですが、フローチャートに変更が入るとツールを切り替える手間をなんとかしたいというところ、これを機会にMermaidに慣れておこうというのがきっかけ。 メリットとしては他ツールを使わずにチャート図とかを作れるのはもちろん、Gitなどで管理するなら画像よりも何が変更されたのか分かりやすくなるので良い。 デメリットとしては、Mermaidを知らない人には編集するのは大変になるかもという点ぐらいでしょうか。 知らなくても図さえ視覚化できていればOKなら良いのかなと思ってます。 今回Marpを使っている理由については、基本技術的な資料についてはMarpで作ることが多いためです。 Marpはマークダウンでスライド資料が作れてVSCode拡張機能もありプレビューし
はじめにMarp(マープ)は、文字で書かれた「Markdown(マークダウン)」という形式のファイルから、下記のような見やすいスライドを作れるツールです。 前回のMarp解説記事で作成Marpを聞いたことがある方は、VSCodeの拡張機能を使って作業するイメージがあるかと思いますが、今回の記事では、コマンドライン(文字入力中心の画面)を使って、操作するMarp CLIというツールの内容をご紹介します。 最近のアップデートで編集可能なPPTXを出力できるようになったのは、Marp CLIの機能になります。 本記事では、Marp CLI v4.1.0の内容や新機能のポイント、設定方法を解説しますが、非エンジニアの方にとっては難しい部分があるかと思います。 そのため、今回はCursorというAIツールを活用して、非エンジニアの方でもMarpを簡単に操作する方法をご紹介します。 Cursorを使っ
こんにちは 提案資料作成やLT資料作成など定期的にスライドを作成する機会はあります。 スライドを作成し始めると内容と関係ない本質的でない作業に時間を取られがちなことが心理的にストレスでもあり、取り掛かる際の腰が重たくなることがあります。 MarpはMarkdown形式のテキストベースでスライドを作成できるツールです。 Markdownで文章を書くことがそのままスライドになるという特徴があり、Git管理やAIとの相性も良さそうです。 この記事ではMarpを使ったスライド作成を試してみます。 最後のまとめセクションには、今回のキャッチアップの中で作成したスライドのサンプルも添付しています。 追記)ボリュームが大きくなってしまったので基礎編と応用編でセクションを分けています。 必要に応じて適当にかいつまんでご参照ください。 Marpの特徴 公式ページ: MarpはMarkdown文書でストーリー
こんにちは。 システム開発課の丸野です。 皆さんはスライド作るとき、何を使われますか。 Windows使っている方ならPowerPointを利用しているのではないでしょうか。 自作PCとかでない限り、PCにデフォルトでインストールされていますし、操作は直観的で非常に使いやすいです。 しかし、なんでも出来る便利なツールであるがゆえに、簡単なスライドを作るだけだと少しだけ面倒になってしまったり、 高い性能を実現するために移植性が犠牲になってしまっている部分があります。 こだわり始めるとしんどい ピクセル単位の緻密なマウス操作が必要になりがち レイアウトの統一を簡単に実現するには、高度な知識が必要になる テンプレートの編集は難しく、慣れが必要 限られたツールでしか編集できない 違うツールで編集しようとすると、レイアウトが崩れることがある Gitで管理できない 共同編集はMicrosoft365な
この記事は、3-shake Advent Calendar 2025 19日目のエントリ記事です。 はじめに エンジニアがプレゼン資料を作るとき、PowerPointやKeynoteにもどかしさを感じることがあります。コードを書くようにスライドを作りたい。Gitでバージョン管理したい。テーマを一括で変更したい。Marpはこれらの願望を叶えるマークダウンベースのスライド生成ツールです。 marp.app しかし生成AI時代の今、新しい課題が生まれています。AIにスライドの下書きを依頼できるようになった反面、「AIっぽいプレゼン」が量産されるようになりました。整然としすぎて、話者の思考が見えない資料です。この記事では、AIの力を借りつつ「自分のプレゼン」を取り戻す仕組みを紹介します。 AIっぽいプレゼンの正体 生成AIにプレゼン資料を依頼すると、だいたい同じ構成になります。「まず、次に、最後に
普段Markdownでメモを取っている場合、それを会議などで人に見せる場合には Marp を使うと便利ですが、その際にカスタムテーマを使いたくなる場合があります。 この記事は、主にカスタムテーマを比較的マシな見た目で作るための備忘録です。 カスタムテーマ (CSS) 関係 ヘッダやフッタは基本的にSectionに対するBackground指定でごまかしたほうが見た目の調整が楽 header、footer などのディレクティブを使ってヘッダ、フッタを描画しようとするとうまく行かない場合が多いので、会社のロゴなどをヘッダ、フッタに入れる場合は単純に section 要素に対する背景(CSS background プロパティ)として指定したほうが background-position などで絶対位置の調整がしやすく、楽です。 この際、background は複数指定できることを利用すると比較的
なぜmarp.nvimが必要だったのか 前回の記事でClaude Codeに移行し、Neovimに完全回帰することを決めた。コーディング、ドキュメント作成、設定ファイルの編集――すべてが再びターミナルで完結するようになった。 しかし、一つだけ問題があった。Marpでのプレゼンテーション作成だ。 Marpは素晴らしいツールだが、公式のNeovimサポートは存在しない。プレゼンテーションを作るたびに、仕方なくVSCodeやCursorを起動していた。せっかくNeovimに完全回帰したのに、プレゼン作成のためだけに別のエディタを立ち上げる。この矛盾が許せなかった。 marp.app 既存のソリューションを探したが、満足できるものはなかった。ならば答えは一つ――自作するしかない。 こうしてmarp.nvimは生まれた。Neovimですべてを完結させるという理想を、妥協なく追求した結果だ。 gith
私は研究室のミーティング等で発表スライドを作成するとき、これまで しっかり作り込みたい時: PowerPoint あっさり作り上げたい時: Beamer (Overleaf 上で) という感じでツールを分けていました。しかし、Beamer よりも楽に使えるものがあればいいなあと思っていました。 最近、Marp という Markdown でスライドを作成できるツールを知り、いくつか記事を読みました。 ツール自体はとても使いやすそうに見えたのですが、記事で紹介されているスライドのデザインが何となく LT 向きで、自分好みではありませんでした。 そこで、よりアカデミックな風味の Marp のテーマ を自分で作ってみましたので、紹介します。 導入方法 Marp for VS Code はインストール済とします。 ディレクトリに以下のファイルを設置してください。
Marpというツールを使うと、とても簡単にスライド資料作成が可能です。また、今年になって、編集可能なパワポ形式での出力も可能になり、業務での活用の幅が広がりました。この記事では、このMarpの使い方と、生成AIによる情報編集の可能性について紹介したいと思います。 Marpによる出力例まずは、Marpによる具体的な出力例を紹介してから、Marpの使い方について解説します。 note記事のスライド化前回書いた下記のnote記事をMarpでスライド化しました。 note記事をコピペして、Gemini2.5でMarp形式のドキュメントを生成してスライドを作成しています。3分くらいで会社のスタイルに沿ったプレゼン資料が作れるのはすごい時代です。 論文のスライド化生成AIの源流となる「Attention Is All You Need」論文をMarpでスライド化しました。論文をコピペして、Gemini
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く