開発背景：スライド作成における開発者の課題
開発者の日常において、コーディング作業と並行してスライド資料作成が求められる場面が多く存在します。社内技術共有会やプロジェクト進捗報告、クライアントへの提案資料などがその例です。その都度、ターミナルを閉じてPowerPointやGoogleスライドを開くことで発生する「コンテキストスイッチ」は、開発者の集中力と生産性を低下させるという課題がありました。
DexCodeは、MDX（Markdown + JSX）形式でスライド内容を記述する設計により、AIコーディングエージェントがコードを生成・編集するのと同様の操作でスライド作成を可能にしています。これにより、開発者はターミナルから離れることなく作業を継続できる環境が提供されます。
DexCodeの主な特長
ターミナルでのスライド作成
DexCodeの最大の特長は、開発者の作業環境をそのまま活用できる点にあります。AIエージェントへの指示により、コーディング作業中にスライド資料を生成・編集できます。ブラウザ上のWeb UIはプレビューとプレゼンテーションに特化しており、作成・編集はAIエージェントが担います。
高いカスタマイズ性
テーマカラー、フォント、ロゴ配置、アクセントラインなどを設定ファイルで細かく制御できる設計です。これらのカスタマイズもAIに任せることが可能で、自然言語での指示によりAIがテーマ設定を書き換え、全スライドに一括反映します。
ビジュアライズ機能の搭載
DexCodeには、Claude Code向けのSkill（AIエージェントへの専用指示セット）として、画像生成スキルとSVG図解スキルがあらかじめ組み込まれています。これにより、自然言語の指示でプロフェッショナルな図解やスライドに合ったイメージ画像を生成し、視覚的な訴求力を高めることができます。
プレゼンテーションに必要な機能
プレゼンターモード（プロジェクター用の別ウィンドウでのリアルタイム同期）、スピーカーノート、キーボードショートカット、PDF/PPTXエクスポートなど、実務で必要な機能が網羅されています。Cloudflare Tunnelによるワンクリック共有機能も搭載しており、リモートでの資料共有も容易に行えます。
音声入力との連携
Aqua Voiceなどの音声入力ツールと組み合わせることで、キーボードを操作することなく、会話するようにスライドを作成できるワークフローが推奨されています。
オープンソース（MITライセンス）
DexCodeはMITライセンスのもとGitHubで公開されており、誰でも無料で利用、改変、再配布が可能です。Node.js 20以上の環境があれば、すぐに使い始めることができます。
利用イメージ：開発の流れを止めずにスライドを作成
Step 1: 開発作業の合間に指示
Claude Codeに「明日の進捗報告用のスライドを5枚作って。このプロジェクト（ローカル環境でプロジェクトのパスを指定）のスプリントの内容をまとめてほしい」と伝えます。コーディング作業を中断する必要はありません。
Step 2: AIがスライドを自動生成
AIエージェントがMDXファイルを生成し、隣のブラウザウィンドウにスライドがリアルタイムで表示されます。ホットリロードにより、ファイルが保存されるたびにプレビューが即座に更新されます。
Step 3: 修正もターミナルから
「3枚目にアーキテクチャ図を追加して」「最後のまとめスライドをもう少し簡潔にして」など、開発と同じ感覚で調整を指示します。
Step 4: そのままプレゼン・共有
プレゼンターモードでそのまま会議に臨むか、PDF/PPTXにエクスポートします。Cloudflare Tunnelでチームメンバーに即座にURLを共有することも可能です。
技術仕様
-
スライドはMDX（Markdown + JSX）形式で記述されます。
-
Next.js 16 / React 19 / TypeScript をベースとしています。
-
16:9ワイドスクリーンフォーマット（仮想解像度 1920×1080）に対応しています。
-
Recharts、Lucide Icons、KaTeXなど豊富なライブラリを統合しています。
-
マルチデッキ対応により、一つのプロジェクトで複数のプレゼンテーションを管理できます。
関連情報
-
GitHubリポジトリ: https://github.com/co-r-e/dexcode
-
コーレ株式会社 技術・考察ブログ: https://co-r-e.com/ja/method
コーレ株式会社について
コーレ株式会社は、汎用的なAIプロダクトを開発しており、【個人の生産性を最大化】高速デスクトップAI「IrukaDark」、【定型業務をループ自動化】Browser Use型AI「Copelf」、【AIオペレーションマネージャーインフラを構築】ゲートウェイCLI「Nefia」などを提供しています。
- Copelf: https://www.copelf.com/ja
- IrukaDark: https://irukadark.com/ja/
- Nefia: https://www.nefia.ai/ja
コーレ株式会社は2017年5月に設立され、東京都新宿区に本社を構えています。日本から世界へAIプロダクトを展開し、企業向けAIコンサルティングも手掛けています。
- コーレ株式会社 公式サイト: https://co-r-e.com/
コメント