2024年8月7日のブックマーク (2件)

  • 【Marp】Markdownで手軽に編集しやすいスライドを作ろう!導入~CSS適用までの解説|かべちよ

    この記事を読んで実際にMarpを試してみたら、思ってた以上に使い勝手が良かったので、メリットや導入~作成の手順をまとめてみました。 はじめに - Marpを使うメリットMarpを使ってスライドを作るメリットは、大きく以下の3つかなと思います。 1. すぐに作れて再編集しやすい 2. 構造を意識してスライドが作れる 3. 使いまわせる すぐに作れて再編集しやすいなんといってもテキストを打ち込んでいくだけでスライドの形になるのはとても楽です。 レイアウトのことなどは考えなくていいし、ある程度制約があるからこそ「つい凝りすぎて中身より見た目に時間がかかっちゃう」みたいなことが起こりません。 後から直すときも、レイアウトなどは考えずテキストを変更していくだけなので、良い意味で見た目を気にせず内容にフォーカスできます。 構造を意識してスライドが作れるMarkdown記法でスライドを作ることで、見出し

    【Marp】Markdownで手軽に編集しやすいスライドを作ろう!導入~CSS適用までの解説|かべちよ
    htkymtks
    htkymtks 2024/08/07
  • visual studio codeにおけるMarpの使い方

    Marpはマークダウン記法を使用してプレゼンテーションスライドを簡単に作成できるツールである。ルールを守れば既存のマークダウンファイルをスライド形式で表示することが可能。 visual studio code上でMarpを使うための拡張機能が提供されており簡単に使用することができる。 拡張機能のインストール まずは以下から拡張機能をインストール 以降でmdファイルをMarpとして記述するための記法について説明する。 マークダウンファイルをMarpとして認識させる mdファイルの1行目に以下を追記する。 上記の記述がMarpとして認識させるフラグとなる。 フラグを立てた状態でvs codeデフォルトのマークダウンプレビューで表示すると、 スライド形式で表示される。falseにすることで通常のmdファイルプレビューに簡単に切り替えることができる。 スライド区切り ---でスライドを区切ることが

    visual studio codeにおけるMarpの使い方
    htkymtks
    htkymtks 2024/08/07