slides

Marp 製のスライド置き場。1 ディレクトリ = 1 発表。

公開スライド一覧: GitHub Pages

main ブランチのルートを GitHub Pages で配信。トップページは mise run index で生成。 同じコマンドで、公開デッキの機械可読な一覧 slides.json も生成する。

各デッキの README.md では、見出し直下に次のメタ行を記載する。

• - イベント: / - 日付: YYYY/MM/DD — slides.json への掲載に必須
• - 発表 URL: — イベントページなどの URL（省略時は null）
• - 説明: — 発表の説明（省略時は null）
• - タグ: a, b, c — カンマ区切りのタグ（省略時は空配列）
• - 掲載: しない — slides.json から除外

template/ と index.html がないディレクトリも slides.json の対象外になる。

タスクランナーは mise を使う(要: marp CLI)。初回のみ:

mise trust

mise run new my-talk "#ff6362"   # 色は省略可(デフォルト #ff6362)

mise run serve             # 全体プレビュー (marp -s .)
mise run check             # 全デッキがビルドできるか確認
mise run html my-talk      # index.html 生成(コミット対象)
mise run preview my-talk   # スライドを 1 枚ずつ PNG 出力(my-talk/.preview/)
mise run pdf my-talk       # PDF 生成(コミットしない)
mise run pptx my-talk      # pptx 生成(コミットしない)

• themes/mamansoft.css — 共通テーマ(唯一の正)。デッキ固有の色は index.md 内で --color-primary を上書き
• template/ — 新規デッキの雛形(new-slide.sh がコピーして placeholder を置換)
• format-samples/ — ページパターンの見本集(1 スライド = 1 パターン、コピペ用)
• docs/format-catalog.md — 使えるスライドフォーマット(CSS クラス)の一覧
• <デッキ名>/ — 各発表。index.md(原稿)/ index.html(ビルド成果物)/ resources/(画像)

https://hue360.herokuapp.com/

テーマ側で必要になったら themes/mamansoft.css に以下を追加。

@import "https://www.nerdfonts.com/assets/css/webfont.css";

スライドには nf と nf-... クラスを指定。

<i class="nf nf-cod-github"></i>

1. #000 の SVG アイコンをダウンロード
2. css-color-filter-generator で filter を作成
3. filter をカスタムプロパティとして定義(--color-filter-* 参照)