PenEchoとは？手書き・数式・図をAIと共有できるオープンソースキャンバスツール

PenEchoはチャットボックスを超えてAIと思考できる共有キャンバスツールです。手書きメモ・数式・図解をキャンバスに描くと、AIがその空間的な関係を理解して隣に回答・解説・続きを書いてくれます。Claude Code CLIやCodex CLI、APIに対応し、npm一発でインストールできます。

GitHubで急上昇中の penecho/penecho をご紹介します。スター数 1470★ を獲得し、AI分野で注目されているツールです。

PenEcho とは？

PenEchoは、手書き・数式・図解を含む「空間的なコンテキスト」をAIとの会話に組み込めるオープンソースキャンバスツールです。通常のAIチャットでは文字で説明する必要がある数式や図の問題を、キャンバスに直接書くだけでAIが理解し、隣に解答や解説を書いてくれます。

2026年に公開され、わずか数日で1,470以上のGitHubスターを獲得しました。Claude Code CLI・Codex CLI・OpenAI互換APIの3つのLLMソースに対応し、Moonshot AI（Kimi K3）の公式パートナープロジェクトとして認定されています。Node.js 18.17+さえあればnpm install -g penechoでインストールでき、英語・日本語・中国語・韓国語・ロシア語など9言語のREADMEが提供されるほどの国際対応も特徴です。AGPL v3ライセンスのもとオープンソースで提供されています。

こんな人におすすめ:

エンジニア向け: Claude Code・Codex CLIを使うエンジニアがアーキテクチャ図・アルゴリズム設計をキャンバスで描きながらAIと対話できます。APIキーがあれば任意のOpenAI互換モデルも使えます。
非エンジニア向け: 数学の問題・図解・マインドマップをキャンバスに書いてAIと対話できます。手書き入力でチャットより直感的に使えるため、数学系の学習や研究にも適しています。

主な機能・特徴

空間的思考のAI共有: 手書き・数式・図解をキャンバスに描くと、AIがその空間的関係を読み取り隣に回答・ヒント・公式・続きを書いてくれます
3つのLLMソースに対応: Claude Code CLI（Opus 4.8推奨）・Codex CLI（GPT-5.5+推奨）・OpenAI互換API（Kimi K3含む）を切り替えて使えます
npm 1コマンドインストール: npm install -g penechoでグローバルインストールでき、penecho configureでインタラクティブに設定できます
キャンバスのローカル保存: スナップショットをブラウザにローカル保存でき、PNG書き出し（512pxの余白付き）も可能です
詳細な設定UI: モデル・エフォートレベル・タイムアウト・インターフェース・ポート・Auto AI遅延などを設定できます

使い方・始め方

インストールと初期設定

Node.js 18.17+が必要です。Claude Code CLI・Codex CLI・APIキーのいずれかを用意してから:

npm install -g penecho
penecho configure   # モデル・LLMソース設定
penecho             # 起動

penecho configureのメニューでLLMソースを選択します:

Claude CLI: LLM source → Claude CLI でモデルを選択。Opus 4.8以上を推奨。
Codex CLI: LLM source → Codex CLI でGPT-5.5+を選択。gpt-5.6-sol推奨。
API: OpenAI互換またはAnthropic互換URLとAPIキーを入力。Kimi K3はモデルk3でOpenAI互換。

キャンバスの使い方

起動後、ブラウザでキャンバスが開きます。数式・図解・手書きメモをどこにでも描いて一息つくと、PenEchoがその内容と空間的な関係を読み取り、隣に回答を書いてくれます。チャットと違い、全ステップを文字に変換する必要がなく、途中の思考過程をそのままAIと共有できます。

活用事例

数学系の研究・学習で数式をリアルタイムに解く

数学系の研究者・大学院生が微分方程式や線形代数の問題をキャンバスに手書きし、Claude Opus 4.8にステップごとの解説を求めることができます。通常のAIチャットでは数式をLaTeXや文字で入力する必要がありますが、PenEchoではキャンバスに直接書くだけでAIが理解するため、数式の打ち込みにかかる時間を大幅に削減できます。

システム設計の対話的なレビュー

ソフトウェアエンジニアがシステム設計図・シーケンス図・UML図をキャンバスに描き、AIにアーキテクチャのフィードバックや改善提案を求めることができます。Cursor AIや通常のチャットでは画像添付が必要なところを、PenEchoでは描きながらリアルタイムで対話できるため、設計フェーズの反復速度が向上します。

ChatGPT Canvasや既存ホワイトボードツールとの違い・なぜ今このツールか

ChatGPT Canvasはテキストと画像の編集に特化しており、手書き数式や空間的な図解をAIがリアルタイムで理解することには対応していません。Excalidraw・MiroなどのホワイトボードツールはAI機能が限定的で、図を描いてからAIに見せるという二段階の作業が必要です。

PenEchoはキャンバスに描く行為そのものがAIへの入力になる点が最大の差別化です。また、Claude Code・Codex CLIと統合されているため、エンジニアが普段使うツールチェーンにシームレスに組み込めます。2026年にClaude Opus 4.8やGPT-5.5が登場し、手書き・図解の理解精度が大幅に向上した今こそ、このようなキャンバスAIツールが実用的になったタイミングです。

こんな人に向いている

数学・物理系の研究者・学生: 手書きで数式を書いてAIに解説を求めるユースケースが最も価値を発揮します。LaTeX入力が不要でフリーハンドで書けるため、思考のスピードに合わせて対話できます。

ソフトウェアエンジニア・システムアーキテクト: アーキテクチャ設計や要件定義フェーズで、図を描きながらAIとリアルタイムにフィードバックを受けられます。Claude Code CLIとの統合が特に強力です。

教師・インストラクター: 授業や説明動画で数式・図を描きながらAIに補足説明させることで、教材作成や対話的な学習環境の構築に活用できます。

使う前に知っておきたいこと

ライセンス（AGPL v3）と商用利用

AGPL v3ライセンスのため、PenEchoを改変してSaaSサービスとして提供する場合はソースコードの公開義務があります。商用利用を検討している場合はCOMMERCIAL-LICENSE.mdを確認し、必要に応じて別途ライセンスを取得してください。個人利用・研究利用は無料で問題ありません。

推奨モデルと性能要件

Claude Code CLIではOpus 4.8以上が推奨です（Sonnet・Opus 4.6は「弱い結果になる可能性がある」と明記されています）。Codex CLIではGPT-5.5+が必須で、gpt-5.6-solとxhighエフォートを推奨。これらの高性能モデルを使うためのAPIコストやCLIサブスクリプションが必要な点に注意してください。

トークンコストとAPIレート制限

キャンバスの内容は画像として送信されるため、テキストチャットより多くのトークンを消費します。APIを直接使用する場合はレート制限とコストを意識した設定（モデルタイムアウト・エフォートレベル）が必要です。

まとめ

PenEchoは数式・図解・手書きをAIの会話に組み込むことで、テキストチャットでは不可能だった空間的な思考の共有を実現するオープンソースキャンバスツールです。数学系の研究・学習・技術設計で、AIとのインタラクションを次のレベルへ引き上げたいユーザーに最適なツールです。AGPL v3ライセンスのため商用利用には注意が必要ですが、個人利用・研究利用はnpmで即日始められます。

GitHub でチェックする →

この技術を学ぶ

AIに興味を持った方には、Udemyのオンラインコースもおすすめです。