基本のレイアウト

基本のレイアウトを使用する際は必ずスライドタイトルに h1 を利用してください

最初のh1以外でもh1を使うことができます

スライドタイトルの下に一本の線が引かれるのでタイトルと内容がハッキリと区別できます

通常のマークダウン記法

通常のマークダウン記法はそのまま利用することができます。

見出し

太字, 斜体, 太字斜体, 取り消し線, インライン, リンク

• リスト

1. 番号付きリスト

引用

// コードブロック
console.log("Hello, World!");

通常のMarp記法(よく使うものを抜粋)

見出しの一部を青色のアクセントカラーにする

## 見出しの一部を**青色のアクセントカラー**にする
見出し内で**に囲まれた部分は青色のアクセントカラーになります

画像の横幅・縦幅を変える

![w:100](https://placehold.jp/150x150.png)
w:100 幅100pxで表示
h:100 縦100pxで表示

コードブロック

type User = {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
};

const users: User[] = [
  { id: 1, name: "山田太郎", email: "taro@example.com", isActive: true },
  { id: 2, name: "鈴木花子", email: "hanako@example.com", isActive: false },
  { id: 3, name: "佐藤次郎", email: "jiro@example.com", isActive: true },
];

function printActiveUsers(userList: User[]) {
  console.log("アクティブなユーザー一覧:");
  userList
    .filter(user => user.isActive)
    .forEach(user => {
      console.log(`ID: ${user.id}, 名前: ${user.name}, メール: ${user.email}`);
    });
}

function activateUser(userList: User[], id: number) {
  const user = userList.find(u => u.id === id);
  if (user) {
    user.isActive = true;
    console.log(`${user.name} をアクティブにしました。`);
  } else {
    console.log("該当ユーザーが見つかりません。");
  }
}

printActiveUsers(users);
activateUser(users, 2);
printActiveUsers(users);

コードの大きさに合わせて自動でコードブロック内のテキストが小さくなります

その他

数式の表示

折りたたみ

カスタムCSSの適用

ページネーション制御

このスライドはページ番号がスキップされます（_paginate: skip）。
このスライドはページ番号が表示されなくなります（_paginate: false）。

目次や表紙などでページ番号を表示したくない場合に使用します