スキル自身の言葉で
PptxGenJSで構築される個々のPowerPointスライドの背後にあるJavaScriptについて、1枚のスライドをそれぞれ担当するコーディングエージェント向けに書かれた実装ガイドです。まず周辺の契約を固定します：10×5.625インチの16:9キャンバス、primary、secondary、accent、light、bgのみを持つthemeオブジェクト、slideConfigと共にエクスポートされる同期的なcreateSlide、そして各ファイル単体で実行できるプレビューです。
それに加えて規律を課しています——Microsoft YaHeiまたはArial、本文コピーの太字禁止、パレットの色のみ使用、グラデーションやアニメーションは禁止——さらに表紙以外の全スライドにページ番号バッジを付けます。QAは修正と検証のサイクルを終えて初めて完了するバグハントとして位置づけられています。
生成されるもの
- 各スライドごとに、そのまま実行できる完全なJavaScriptファイル。
仕組み
- 01まずPptxGenJSのリファレンスを読む
スライドのコードを書く前に、pptxgenjs.mdを開いてAPI全体を確認してください。セットアップと構造、テキストと書式、リスト、シェイプとシャドウ、画像とアイコン、背景、テーブルとチャートまで網羅されています。
- 02createSlideを同期関数のままにする
コンパイルステップがawaitしないため、エントリーポイントはasyncではなく通常の関数にする必要があります。
- 03テーマオブジェクトからレンダリングする
すべての色は、渡されたテーマから取得されます。例えばスライドの背景色などがそうであり、ハードコーディングはしません。
- 04モジュールのコントラクトをエクスポートする
各ファイルはcreateSlideとslideConfigの両方を返し、コンパイルスクリプトがデッキを組み立てられるようにします。
- 05QAを不具合探しとして扱う
最初のレンダリングで問題を積極的に探し出してください。見た目が許容範囲であることを確認するだけでは不十分です。