Sugitlab slide decks

スライド一一覧こちら : https://sugitlab.github.io/slide-deck/.

Marp Theme

• VScode でカスタムテーマをプレビューしたい場合は、Marpのテーマ設定に、必要なCSSファイルを全て指定してください
  • トップディレクトリからのパスを指定します
  • インポートされているCSSも全て指定します

スクリプト

• デプロイはGitHubPages
• スライド一覧ページの生成はbuildコマンド経由でgenerate-indexをGitHubActionsで実行
• OGP画像についてはGitHubActions対応が終わっていないので、ローカルでgenerate-ogpを実行し、生成され画像ファイルをリポジトリにpushしてください
  • OGP画像をスライドに指定するには、各スライドのfrontmatterにimageとしてgithubusercontentのURLで設定すると簡単です

およその手順

• generate-ogpをする
• githubにpushして、画像のurlを取得する
• frontmatterにurlを設定する
• githubにpushする
• actionsでビルドが走る
• 完了

アセット系の扱い

• とりあえずpublic運用前提で、アセットはリポジトリにpushし、githubusercontentのURLで指定するようにしています

PDF

こんな感じ

ファイル名は適宜修正してね

pnpm exec marp slides/pm-kansai-2026Jan.md \
  --pdf \
  --html \
  --allow-local-files \
  --theme-set slides/theme/techtrain2.css \
  --theme-set slides/theme/pururiku.css \
  --theme-set slides/theme/pururiku-talk.css \
  --output dist/pm-kansai-2026Jan.pdf