タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る - Qiita
【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作るMarkdownVisualStudioCodeDraw.ioMarpvega TL;DR Visual Studio Code上で、Markdownから、こんな感じのデッキを生成できるようにします。 使用したファイル類は、GitHub tomo-makes/marp-styles にまとめました。 きっかけ 叩き台となる資料がなく、急ぎプレゼンをする機会があり、Marpで作成した 内輪では使っていたが、多くの目に触れるのは初めてで、もう少しデザインを調整したいと思った 今後も使いまわせるものを、スニペット、およびサンプルテーマ化しておこうと思い立った ついでにいろいろな図表の生成とデッキへの入れ方、必要そうな配色、素材のリンクをまとめておきたい Marpとは Marp: Markdown
ChatGPT＋Marpで技術勉強会用のプレゼン資料を爆速で作成する - Taste of Tech Topics
こんにちは、igaです。 ゆっくりペースで実施していた、リングフィット アドベンチャーを先日クリアすることができました。 今回は、ChatGPTに、社内の技術勉強会向けに、ライトニングトーク用のプレゼン資料を作ってもらおうと思います。 私からは、テーマだけを決めて、その内容の検討自体をChatGPTにお願いしてみました。 プレゼン資料の内容 「AWS CloudShell から Amazon ECS で任意のコマンドを実行する方法」という内容を検討してみます。 概要として、以下のようなものを考えています。 「AWS CloudShell から ECS exec を利用して、Amazon ECS上のコンテナで任意のコマンドを実行するために必要な設定方法について説明する。」 ChatGPTに内容の検討を依頼する ChatGPTに内容の検討をお願いするため、以下のようなプロンプトを指定してみます
Marp:Markdown Presentation EcosystemGet started! Find Marp tools on GitHub! Create beautiful slide decks using an intuitive Markdown experienceMarp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document. The slides above are from generated directly from Marp CoreSho
Reiji Kainuma on Twitter: "いやーしかし昨今のスライド作成のハードル下がったなぁ。VSCode単体でmarkdownとdrawio書いてるだけでいい感じになってしまう、Marp最高！（資料は後であげます） #datatechjp https://t.co/Ot08H8RsHU"
いやーしかし昨今のスライド作成のハードル下がったなぁ。VSCode単体でmarkdownとdrawio書いてるだけでいい感じになってしまう、Marp最高！（資料は後であげます） #datatechjp https://t.co/Ot08H8RsHU
GitHub - marp-team/marp-vscode: Marp for VS Code: Create slide deck written in Marp Markdown on VS Code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
The story of Marp Next: 次世代の Marp への取り組み - Speee DEVELOPER BLOG
プロジェクト推進室の服部 (@yhatt) です。 この記事は Marp 公式ブログ の記事 "The story of Marp Next" をベースに、意訳と一部加筆・修正を行ったものです。現在オープンソースで開発に取り組んでいる、次世代の Marp（通称 Marp Next）への取り組みについて、現在の状況をお伝えできればと思います。 marp.app はじめに tech.speee.jp Marp の最初のバージョンは、およそ 3 年前に個人開発の成果として公開されました。プレゼンテーションスライドライターとしての価値が認知され、 GitHub では ⭐️ 8000 over のツールに成長し、スライド作成のためのオープンソースアプリケーションとして、一定の成功を収めることができました。 多くの要望やフィードバックを Marp に頂きましたが、Marp は開発のメンテナビリティが低
今日、業務でスライドを作成している方は、職種問わず多いのではないでしょうか。一般に、スライドを作成する際は、Microsoft PowerPointやApple Keynoteなどプレゼンテーション用ソフトを使う事が多いと思います。本記事では、そういったツールを使わずに、シンプルにテキストベースで記載し、スライドを作成していくツール「Marp」を紹介します。本記事を読むことで、従来のプレゼンテーション用ソフトでのスライド作成だけでなく、テキストがベースとなるようなスライドの場合、より簡便かつ高速にスライドを作成することができるようになると思います。 Marpとは、日本の開発者Yuki Hattori氏によって開発されているMarkdownを用いてスライドを作成することができるエコシステムです。Marpは、様々なコンポーネントから構成されており、Visual Studio Codeの拡張機能
こんにちは，しまさん（@shimasan0x00）です． 私はLT会や学内においてプレゼンをする機会があるのですが一々PowerPointは使いたくないと思ってしまう人間です． といいつつ最近ではGoogle Slideに落ち着いているのですが… . ですがそのGoogle Slideも面倒でMarkdownでスライド作れたら楽なのにな…と常々思っていました． そこでreveal.jsだったりJupyter notebookにおけるRISEを使ったのですが中々定着しませんでした． ※RISEはリアルタイムでプログラムを実行できるのでPythonやR，Juliaを使っている人はおすすめです． RISEをcssでデザイン変更する話（PythonのJupyterでプレゼン）PythonのJupyter NotebookでプレゼンすることができるRISEのインストール方法，デザインcssについて紹
![VSCode+Markdownでラクラクスライド(PDF)作成[Marp for VSCode]｜てくてくぷれいす](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2633da70c9e5a717797a07e1301e8b713b04c1b/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fmurabitoleg.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fmarp_vscode_samune.jpg%3Ffit%3D1280%252C720%26ssl%3D1)
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Marp for VS Code Create slide deck written in Marp Markdown on VS Code. We will enhance your VS Code as the slide deck writer. Mark marp: true, and write your deck! See the documentation of Marpit Markdown and the features of Marp Core about how to write. Please refer https://marp.app/ for more details of Marp ecosys
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。
Marp Marp は markdown 形式でプレゼンテーションを作成できるソフトウエアです。Markdown で記述したスライドをブラウザ上で描画したり PDF に出力したりできます。 その性質上、万人向けのツールではないところがあります *1。しかし、以下のようなニーズに対してはとても素晴らしいツールだと思います: WYSIWYG エディタにマウスで格闘するより、テキストエディタを使いたい Git と相性の良い、テキストベースのフォーマットで書きたい 一つの markdown のファイルからプレゼンテーションもドキュメントも生成したい 筆者は既に社内外や個人で複数のスライドを Marp で作成しており、非常に便利なツールで助かっています。 実際に 私が Speaker Deck で公開しているスライド は 2018 年以降 Marp で全て作成しています。数百名の方向けの登壇発表など
GitHub - marp-team/marp-cli: A CLI interface for Marp and Marpit based converters
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
vscode上でマークダウンを使ってスライドを作る。（Marp, Reveal.js） - 粗大メモ置き場
スライドをいちいちGUIで作るのはだるい，時々よくあることだと思います。 Markdown形式のメモをそのままスライドにする（実際はちょっといじるんだけど）手法について個人的な設定をメモ・紹介します。 Abstract マークダウン形式で簡単に発表資料を作る。 2020年5月現在，Marpがオススメできる。 Abstract 本記事における環境 手法紹介・総評・雑感 Marp書き方 現時点での個人設定例 スライドのテーマ ページ番号 図を中央に配置する 図の貼り付け・サイズ調整 縦・横を指定して画像を貼る 背景として画像を貼る 数式 サンプルスライド（自分テンプレート） Marpの参考資料 余談：GIF画像をキャプチャするソフト 本記事における環境 Windows10 vscodeに以下の記事に示すような拡張機能をインストール（Markdown All in one, Paste Imag
VSCode と Marp で A4 マニュアルを作成する方法 背景 PowerPoint や Word で資料を作成するのが苦手なので、他に何か良い方法がないものかと探して見つけ出した手段を紹介。 というか、PowerPoint はそもそもスライド作成ソフトなので、それで書類作成するのはナンセンスですよね？ Marp もスライド作成ツール？ ……はて？ Word で作ればいい？ ……ちょっと何言ってるかわからないです。 というか、Word も PowerPoint も画像やデザインまわりの UI が煩雑すぎて正直苦手。 ちなみに、本来のスライド作成においても Marp はかなり優秀なので、そのあたりは各自で調べてみてほしい。 メリット 画像以外、全てテキストだけで作成できる マウス操作で細かい操作が不要、各サイズなどは数字入力で調整できる デメリット デザインの融通が効きづらい けっこう
TL;DR; Marpを使うと、Markdownからスライドを作成できます。 また、MarpのVSCodeプラグインmarp-vscodeとして提供もされており、簡単に利用できます。 エクスポートも可能で、HTML、PDF、パワーポイント(pptx)に対応しています。 CSSを編集することで、テーマを作成することもできますが、社内プレゼン用途で利用しため、ビルトインされているテーマをそのまま利用しました。 それでも、簡単に一定品質のスライドが作れたのでご紹介します。 インストール 拡張機能(Extension)で、Marpで検索 もしくは、以下のリンクからインストールしてください。 https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode スライドの作り方 スライドを作るのは簡単です。 基本的にはMa
marpを使うと超簡単にmarkdownファイルをプレゼンテーション資料にできます。 サンプルプロジェクト・デザインのテンプレ配布も行い、git cloneするだけで作り始めることもできます。 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 公式ホームペー
【GithubActions + Marp】markdown記法でプレゼン資料を好きな形式で作成&公開できるようにする
はじめに みなさんは、Marpをしっていますか？ Marpはmarkdown記法でプレゼン資料を簡単に作成できるツールになります。 今回はMarpとGithubActionsを利用して、サクッとmarkdownを書いてGitHubでスライドを公開する方法を紹介します。 Marpの詳しい使い方はこちらを参照ください。https://marp.app/ 作成した経緯 エンジニアだと、プレゼンやLT会などでスライド資料を作って発表する機会が多いと思います。 自分自身も発表する機会が増えてきました。 普段、スライド資料を作成するときはPowerPointを使ってたんですが、 LT発表などサクッとスライドを作りたいときは 「もっと楽に(よく書いているmarkdown記法で)スライドを作りたい。」 「書いたスライドをGitHubで公開、管理したい。」 と思い、今回の環境をつくりました！ 何ができるよう
三宅さんに教えてもらったものを使ってみました。 https://t.co/G5w8TNlpEi ですね— k-miyake (@kazuyukimiyake) July 21, 2019 Marp というものですが、調べてて気を付けないといけないなと思ったのは最近作り直されたみたいなので、何か調べるときは新しいほうを当たるようにしたほうがよさそうです。 各種機能はこちらから。 marpit.marp.app ちょっと見た目カスタマイズしたい！ テーマ作ることも出来るみたいなのですが、まだ VSCode の拡張機能のテーマ対応は絶賛作り中みたいです。なので、今回は style で指定する方法でやってみました。 スライド作ってると、表紙・セクションタイトル・普通のスライド・背表紙とか何個かあると思います。私が普段仕事で使ってるスライドは、以下のような見た目です。 こんな感じのスライドを mar
はじめに 軽量マークアップ言語として人気の Markdown（マークダウン）ですが、この Markdown からプレゼンテーションのスライドを作ることができるツールが「Marp」です。既に Markdown (以下MD)を使いこなしている方だけではなく、このためにMDを勉強してみようと思う方にも適した便利なツールです。今回は、そのインストール手順と簡単な使い方を学んでいきましょう。 前提として、MDの知識が必要になりますので、MDについての基礎は、下記の記事をご覧ください。 VS Code を利用した Markdown の基礎とフォーマット構文のページへ レッスン１．Marpとは Marpは日本生まれのオープンソースツールで、Markdownの文法によってスライドを製作することが可能なツールです。Marpによって作成するスライドには以下のようなメリットがあります。 無料で使用することができ
私は研究室のミーティング等で発表スライドを作成するとき、これまで しっかり作り込みたい時: PowerPoint あっさり作り上げたい時: Beamer (Overleaf 上で) という感じでツールを分けていました。しかし、Beamer よりも楽に使えるものがあればいいなあと思っていました。 最近、Marp という Markdown でスライドを作成できるツールを知り、いくつか記事を読みました。 ツール自体はとても使いやすそうに見えたのですが、記事で紹介されているスライドのデザインが何となく LT 向きで、自分好みではありませんでした。 そこで、よりアカデミックな風味の Marp のテーマ を自分で作ってみましたので、紹介します。 導入方法 Marp for VS Code はインストール済とします。 ディレクトリに以下のファイルを設置してください。
vs codeにおけるMarpの使い方
Marpはマークダウン記法を使用してプレゼンテーションスライドを簡単に作成できるツールである。 ルールを守れば既存のマークダウンファイルをスライド形式で表示することが可能。 vs code上でMarpを使うための拡張機能が提供されており簡単に使用することができる。 拡張機能のインストール まずは以下から拡張機能をインストール 以降でmdファイルをMarpとして記述するための記法について説明する。 マークダウンファイルをMarpとして認識させる mdファイルの1行目に以下を追記する。 上記の記述がMarpとして認識させるフラグとなる。 フラグを立てた状態でvs codeデフォルトのマークダウンプレビューで表示すると、 スライド形式で表示される。falseにすることで通常のmdファイルプレビューに簡単に切り替えることができる。 スライド区切り ---でスライドを区切ることができる。 ---以外
フューチャー夏休み自由研究連載の8回目です。 はじめにこんにちは。加藤周平です。 みなさん、Marpはご存じでしょうか？ Marpとは、Markdown記述形式でスライドを作成するができるツールです。VSCodeにインストールすることで、VSCode上でスライドの作成を行うことができるようになります。まさにあったらいいなが具現化したようなツールです。もちろん、Marpから作成されたスライドはパワポでの再編集も可能で、骨子づくりはMarp、仕上げはパワポ、なんて合わせ技も行えます。 今回はそんなMarpを業務でも平常利用できる状態に持っていくべく、スライドのテンプレートの仕込みをやってみたいと思います。 ※基本的なMarpの理解や利用方法は以下の記事を参考にしました。 【VS Code + Marp】Markdownから爆速・自由自在なデザインで、プレゼンスライドを作る 目指すところこんなの
Marp(Marpit) - Qiita
Marp(Marpit)を使って、Markdownからスライドを作成します。 Marpit 準備 VS Codeと拡張機能を使用します。 Marp for VS Code .mdファイルを作成し、左のプレビューアイコンを押します ディレクティブ ディレクティブの種類 名前 説明
The first version of Marp was released at almost 3 years ago. At first, it was started from a simple tool for personal usage called "mdSlide". And now, Marp has been used by a lot of users who would recognize the real value of the presentation writer. Marp is amassed around 8,000 stars until now. However, our headache brought from lacked maintainability to develop. We had received so many requests
こんにちは。秋になり、いつにも増して食欲が止まらないマーケのさやかです。 みなさん「Marp」ってご存知ですか？私は今回のタスクが現れるまで知りませんでした。haha 今回は、Marpを使って会社独自のスライドテンプレートを作成しましたので一連の流れをご紹介します！ Marpってなんぞや？ Marpをざっくり説明すると、マークダウンでスライドを作成するツールです。 Notionにメモ程度に書いたマークダウンを急遽スライドにする必要がある！なんてときに便利ですね。 また、マークダウンでスライドを作成するので、gitで管理できるのも大きな魅力です。 （詳しくは公式サイトをご覧ください https://marpit.marp.app/） Marpにはデフォルトで3種類のテーマが用意されており、スライドを作成するだけであれば簡単に始めることが可能です。 Marpの使い方 VS CodeにMarp
Marpでスライド作ってみよう - シナプス技術者ブログ
こんにちは。 システム開発課の丸野です。 皆さんはスライド作るとき、何を使われますか。 Windows使っている方ならPowerPointを利用しているのではないでしょうか。 自作PCとかでない限り、PCにデフォルトでインストールされていますし、操作は直観的で非常に使いやすいです。 しかし、なんでも出来る便利なツールであるがゆえに、簡単なスライドを作るだけだと少しだけ面倒になってしまったり、 高い性能を実現するために移植性が犠牲になってしまっている部分があります。 こだわり始めるとしんどい ピクセル単位の緻密なマウス操作が必要になりがち レイアウトの統一を簡単に実現するには、高度な知識が必要になる テンプレートの編集は難しく、慣れが必要 限られたツールでしか編集できない 違うツールで編集しようとすると、レイアウトが崩れることがある Gitで管理できない 共同編集はMicrosoft365な
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Code＋Markdownでキレイなプレゼンスライドを手軽に作成できる「Marp」／Markdownに慣れているのならばちょっとした拡張記法を覚えるだけ【レビュー】
Marp: Markdown Presentation Ecosystem
![さくらインターネットで活躍中の id:y_uukiを訪問 | はてな卒業生訪問企画 [#9] - Hatena Developer Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b5961cfe7e9736ef0e88bc0290b1599481d2626/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhatenatech%2F20240319%2F20240319125826.jpg)
Markdownでスライドを作る、Marpのすゝめ | IIJ Engineers Blog
VSCode+Markdownでラクラクスライド(PDF)作成[Marp for VSCode]｜てくてくぷれいす
Marp for VS Code - Visual Studio Marketplace
MARP｜本質的な評価を可視化するWebデザインリンクのポータルサイト
Marp CLI (Marp Next) をとりあえず知る・使い始めるためのまとめ記事 - エムスリーテックブログ
VSCode と Marp で A4 マニュアルを作成する方法
爆速でスライドを作る！Markdownからスライドを作れる「Marp」 - Qiita
Marp入門〜応用｜markdownでプレゼン資料を楽に素早く作って発表しよう
Obsidian で Marp が動くプラグインをリリースしました
Marp を使ってスライドを作ってみる - かずきのBlog@hatena
Markdownから簡単にスライドを作成する「Marp(Marpit)」 | tracpath:Works
Marpで研究発表スライドを作る 〜Beamerを卒業しよう〜
Marpで会社のスライドテンプレを作ってみる | フューチャー技術ブログ
The story of Marp Next | Blog | Marp
社内で使うスライドテンプレをMarpで作ってみた
mag.minkabu.jp
ameblo.jp/aricco2416
edtechzine.jp
www.nikkei.com
kumashine369.hatenablog.com
matomedane.jp