ncine-presentation について
オープンソースの 2D ゲームフレームワーク nCine の 14 年にわたる開発を紹介する Slidev テンプレートです。プレゼンテーションの作成や編集に向けて、Vercel と Netlify へのデプロイ手順も記載しています。
主な機能
- 01nCine を紹介する Slidev プレゼンテーション
- 02slides.md でのスライド編集
- 03pnpm によるセットアップとビルド
- 04Vercel デプロイ手順
- 05Netlify デプロイ手順
活用シーン
- 01nCine の開発経緯の紹介
- 02プレゼンテーションスライドの編集
- 03Slidev プレゼンテーションのビルドとデプロイ
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill ncine-presentationインストール後、Claude Code で/ncine-presentationを入力して読み込まれたか確認します。
詳細
nCine プレゼンテーション
オープンソースの 2D ゲームフレームワークである nCine の 14 年間にわたる開発を紹介する Slidev プレゼンテーションです。
技術スタック
- フレームワーク: Slidev(Vue ベース)
- パッケージマネージャー: pnpm
- 出力先:
distディレクトリ
セットアップ
1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/ncine-presentation-template.git .
ディレクトリが空ではない場合:
git clone --depth 1 https://github.com/Eng0AI/ncine-presentation-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git 履歴を削除する(任意)
rm -rf .git
git init
3. 依存関係をインストールする
pnpm install
ビルド
pnpm build
デプロイ
Vercel(推奨)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist
開発
pnpm dev
Slidev サーバーを起動し、ブラウザーでプレゼンテーションを開きます。slides.md を編集してスライドを変更してください。
コメント
Markdown 対応