WebDeck – AI搭載のPPTからインタラクティブHTMLへのコンバーター

WebDeck は、従来のPowerPointプレゼンテーション（.pptx）をインタラクティブなウェブプレゼンテーションに変換するオープンソースツールです。その核となる考え方は、PPTを視覚的な形式ではなく構造化されたコンテンツソースとして扱い、AIを使ってコンテンツの意味を理解し、最適なウェブネイティブコンポーネントで表現することです。これにより、PPTの確実性を維持しつつ、HTMLのインタラクティブ性を活用できます。

なぜWebDeckが必要なのでしょうか？PPTは1987年に誕生して以来、線形ページ送りのスライドを前提としていますが、今日のユーザーはスマートフォン、タブレット、PCなど様々なデバイスでコンテンツを視聴し、レスポンシブでインタラクティブな体験を求めています。従来のPPTファイルはソフトウェアのインストールが必要だったり、モバイル端末でレイアウトが崩れたり、共有のために巨大なファイルを送る必要があり、内容が検索や引用できません。WebDeckは、PPTをアップロードするだけで、ブラウザ上で直接開いて共有できるウェブドキュメントを生成します。

主要な機能には、PPTXのインテリジェント解析、AIによるコンテンツ再構築（Anthropic Claudeを活用し、ヒーローセクション、アジェンダ、カード、タイムライン、比較コンポーネント、FAQアコーディオン、SVGグラフなどに変換）、2つの変換モード（保守モードは元の構造を保持、拡張モードはAIが自由に再構成）、WYSIWYGエディタ（内容・デザイン・メディア・アニメーションを調整可能、デバイスプレビュー機能）があります。

WebDeckは12種類のネイティブブロック（hero、agenda、slide、cards、image、gallery、chart、timeline、comparison、faq、quote、cta）をサポートし、全画面プレゼンテーションモードでは矢印キーでのページ送り、ノート表示、切り替えアニメーションが利用できます。リンク共有（Open Graph対応）や、外部依存のない静的HTMLファイルとしてのエクスポートも可能です。また、インターフェースは英語と日本語のバイリンガル対応、オフラインでも動作するMockAIProviderを内蔵しており、APIキーがなくても全機能を試せます。

設計哲学として、PPTをコンテンツソースとして扱い、視覚的なコピーではなく意味理解に基づいた変換を行います。二重プロバイダアーキテクチャにより、Anthropic APIが利用できない場合でも自動的にオフラインモックエンジンにフォールバックするため、ユーザーが「変換失敗」を見ることはありません。テーマシステムはCSSカスタムプロパティで駆動され、エディタとエクスポートで一貫した見た目を実現。SVGグラフはChart.jsやD3などのサードパーティライブラリに依存しません。

技術スタックはNext.js 14、React 18、TypeScript、Tailwind CSSに基づき、JSZipとfast-xml-parserでPPTXを解析します。コアモジュールとして、PPTX解析、AIエンジン、Deckエンジン、エクスポートエンジン、ストレージ、エディタ、国際化があります。クイックスタートはリポジトリをクローンし、依存関係をインストールして開発サーバーを起動するだけです。

既知の制限として、PPT内の画像の抽出、アニメーション・トランジションの保持、SmartArtのサポートは未対応で、AI結果の確認が推奨されています。ロードマップには、画像インライン化、より多くのAIプロバイダ対応、アニメーションのCSSマッピング、テンプレートマーケット、チームコラボレーションが含まれています。ライセンスはCC BY-NC-SA 4.0で、非商用利用と改変が可能ですが、著作者の表示と同一ライセンスの適用が必要です。