機能・仕様書

🎯 PrezenXの核心機能一覧

💡 VS Code + Claude Code 協働開発モデル

PrezenXは、VS Code上でClaude Codeとの対話を通じて、プレゼンテーションのコンテキスト作成から資料開発まで、人間とAIが協働でプレゼンテーションを作成する革新的なプラットフォームです。

🔄 協働開発フロー

対話によるコンテキスト作成: Claude Codeとの対話で要件・構成を明確化
協働での資料作成: リアルタイムでの共同編集・改善
人間による確認・修正: 各ステップで人間が品質チェック・調整
反復改善プロセス: 継続的な対話による段階的品質向上

📝 コンテキスト作成機能

1. 🗣️ 対話型要件定義

Claude Codeとの自然な対話でプレゼン要件を明確化

対話形式での入力

目的の深掘り: 「なぜこのプレゼンが必要ですか？」「期待する成果は？」
聴衆分析: 「聴衆の関心事は？」「どんな決定権を持っていますか？」
制約条件: 「時間制限は？」「必ず含めるべき情報は？」
成功基準: 「どうなれば成功と言えますか？」

Claude Codeによる提案

構成案の提示: 複数のストーリー構成パターンを提案
重要ポイントの整理: 対話から抽出した重要要素の確認
リスク要因の指摘: 見落としがちな課題の指摘
改善提案: より効果的なアプローチの提案

2. 📂 VS Code統合機能

開発環境での seamless な作業

VS Code拡張機能

Claude Code統合: VS Code内でのリアルタイム対話
ファイル管理: プレゼン関連ファイルの一元管理
バージョン管理: Gitによる変更履歴の追跡
プレビュー機能: Markdown・HTMLのリアルタイム表示

開発支援機能

コンテキスト作成: Markdownベースのプレゼンテーションコンテキスト作成
資料作成: HTMLベースのプレゼンテーション資料作成
図表作成: Mermaidによる図表の対話的作成
品質チェック: 論理性・一貫性の自動検証

🧠 協働作成機能

1. 📚 対話型ストーリー構成

Claude Codeとの対話で最適な構成を共同設計

構成設計プロセス

要件確認: Claude Codeが要件を整理・確認
構成提案: 複数の構成パターンを提示・比較
人間判断: 最適な構成を人間が選択・調整
詳細設計: 各セクションの内容を対話で詳細化

協働で作成する構成要素

導入部: 聴衆の関心を引く開始方法
問題提起: 課題の設定と共感ポイント
解決策: 論理的で実現可能な提案
根拠: データと事例による裏付け
結論: 明確なアクションへの誘導

2. 🎨 協働ビジュアル作成

Claude Codeとの対話でMermaid図表・チャートを作成

ビジュアル作成プロセス

ビジュアル企画: Claude Codeが最適な可視化方法を提案
Mermaid生成: フローチャート・図表を対話で作成
人間調整: 色・配置・表現を人間が微調整
品質確認: 見やすさ・理解しやすさを共同チェック

作成可能なビジュアル

フローチャート: プロセス・手順の可視化
組織図: 関係性・構造の表現
ガントチャート: スケジュール・計画の表示
データ可視化: グラフ・チャートの最適化
コンセプト図: 抽象概念の具体化

3. 🗣️ 協働表現改善

対話を通じて聴衆に最適な表現を共同作成

表現改善プロセス

表現分析: Claude Codeが現在の表現をレビュー
改善提案: より効果的な表現パターンを複数提示
比較検討: 人間が聴衆・目的に応じて選択
微調整: ニュアンス・トーンを対話で調整

協働で改善する表現要素

専門用語: 聴衆に応じた最適な難易度調整
数値表現: インパクトと理解しやすさの両立
感情訴求: 論理と感情のバランス最適化
文体統一: 一貫性のある読みやすい文章
説得力強化: より説得力のある論理展開

📊 出力機能

1. 🎯 シンプル出力形式

効率的な2つの出力形式

基本出力形式

Markdown (.md): 編集可能なテキスト形式
HTML: Web表示・プレゼン用の最終形式

出力の特徴

Markdown: GitHubでの共有・バージョン管理に最適
HTML: ブラウザでのプレゼン表示・配布に最適
相互変換: MarkdownからHTMLへの自動変換
Mermaid対応: フローチャート・図表の動的表示
MathJax対応: 数式の美しいレンダリング
mhchem対応: 化学式・化学反応式の表示
Chart.js対応: インタラクティブなグラフ・チャート

2. ⚡ リアルタイム編集

生成後の微調整機能

編集可能要素

テキスト内容: ワンクリックでの文言修正
レイアウト: ドラッグ&ドロップでの配置調整
カラー: カラーパレットからの色変更
フォント: 読みやすさに応じたフォント選択

一括変更機能

スライド追加・削除: 構成の柔軟な調整
テーマ変更: デザインテンプレートの切り替え
データ更新: 元データ変更時の自動反映

🔧 カスタマイズ機能

1. 🏢 企業ブランド対応

企業アイデンティティの自動反映

ブランド要素

ロゴ配置: 適切な位置への自動配置
コーポレートカラー: 企業カラーベースの配色
フォント指定: 企業指定フォントの適用
レイアウトルール: 企業ガイドラインの遵守

テンプレート管理

企業テンプレート: カスタムテンプレートの保存
部署別設定: 部署ごとのデザイン設定
用途別設定: 営業用・報告用等の用途別最適化

2. 👤 個人設定機能

使いやすさの個人最適化

個人設定項目

よく使う業界: デフォルト業界設定
発表スタイル: データ重視・ビジュアル重視等の選択
時間設定: よく使う発表時間の設定
言語設定: 日本語・英語等の言語選択

📱 プラットフォーム対応

1. 💻 対応OS

主要デスクトップ環境での利用

対応プラットフォーム

Windows (WSL使用): VS Code + Claude Code + WSL環境
Mac: VS Code + Claude Code + macOS環境

本書での対象

説明対象: Windows (WSL) 環境のみ
理由: 最も一般的なビジネス環境での利用を想定
WSL利用: Linux環境でのツール活用により高い互換性を実現

2. 🔗 外部サービス連携

Git ベースでの効率的な連携

連携サービス

GitHub: バージョン管理・共同開発・プロジェクト管理
GitHub Pages: HTMLプレゼンテーションの公開・共有

連携の特徴

Git ワークフロー: commit・push・pullによる変更管理
Issue 管理: プレゼン改善点の追跡・管理
Pull Request: レビュープロセスでの品質向上
GitHub Pages: 自動デプロイでの即座な公開

PrezenXは、VS Code + Claude Code協働開発モデルにより、効率的で高品質なプレゼンテーション作成を実現します。

📋 ナビゲーション

前のページ	目次	次のページ
🏗️ 技術アーキテクチャ	🏠 ホーム	🛠️ 環境構築