Repo-lab
AIツール

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

⭐ 1,304 stars GitHub →

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

PenEchoは、チャットボックスの枠を超えてAIと思考を共有できる手書きキャンバスツールです。数式・図解・スケッチをキャンバスに描くと、AIがその場で隣に回答を返します。Node.js製のセルフホスト型で、Claude・GPT・Kimi K3など主要LLMに対応します。

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

PenEcho とは？AIキャンバス使い方の基本

PenEchoは「チャットの外でAIと考える」をコンセプトにした、オープンソースの共有AIキャンバスです。従来のAIチャットでは、数式や図解をテキストで説明しなければならず、複雑な問題を正確に伝えるのが困難でした。PenEchoはその課題を解決し、手書き・方程式・ダイアグラムをキャンバスに直接描くだけで、AIがその空間的な文脈を読み取り、隣に回答を配置してくれます。

GitHubでスター数1304を獲得し、Kimi Open Source Friendsの公式メンバーとして、Moonshot AI（Kimi）からAPI クレジットの支援を受けているプロジェクトです。Node.js製でセルフホスト可能なため、プライバシーを重視するユーザーにも適しています。2026年のv0.7.0では、プラグインシステムと対話型HTMLウィジェット生成機能が追加され、単なる手書き認識ツールを超えた開発プラットフォームへと進化しています。

こんな人におすすめ:

  • エンジニア向け: Claude Code CLIやCodex CLIと連携し、システム設計図・アーキテクチャ図にAIフィードバックをリアルタイムで受けられます
  • 非エンジニア向け: 数学・物理の問題を手書きで描くとAIがステップ別に解説してくれる学習支援として活用できます

主な機能・特徴

コアキャンバス機能

  • 手書き・数式・図解をAIがその場で認識・回答 — キャンバスに描いて数秒待つだけでAI回答が隣に配置されます
  • 20,000×20,000の巨大スパースキャンバス — インクが存在する箇所にのみタイルを割り当てる軽量設計で、広大なビジュアルワークスペースを実現
  • 空間的文脈の保持 — マークの位置関係や空間的な並びをAIが理解し、文脈を踏まえた回答を生成します
  • ラッソ選択ツール — フリーハンドで囲んだインクだけをAIに送信・移動・リカラー・削除が可能

モデル対応・設定

  • Claude / OpenAI / Kimi K3 対応 — Claude Opus 4.8（medium）、gpt-5.6-terra、Kimi K3（medium）が推奨構成
  • 推論レベルのリアルタイム切り替え — キャンバスのReasoningメニューからnone〜maxをリクエスト毎に変更可能
  • Codex CLI / Claude Code CLI モード — API キー不要でCLI認証のみで使用可能

プラグインシステム（v0.7.0）

  • General HTML プラグイン — 時計・計算機・ダッシュボード等をサンドボックス化されたHTMLウィジェットとしてキャンバスに生成
  • データプラグイン — 天気・株価・為替・地震・GitHub Activityを直接ブラウザからAPIへ問い合わせ（PenEchoサーバー経由なし）
  • ローカルプラグイン作成 — Markdownフォーマットでカスタムプラグインを作成・AIによる改善が可能

使い方・始め方（PenEcho インストール手順）

インストール・セットアップ

Node.js 18.17以上と、OpenAI/Anthropic/KimiいずれかのAPIキーまたはCLI認証が必要です。

# インストール
npm install -g penecho

# 設定（LLMソース・APIキー・ポート設定）
penecho configure

# 起動
penecho

起動後は http://localhost:3888 にアクセスしてキャンバスが開きます。LAN上の別デバイスからも 0.0.0.0:3888 でアクセス可能です。

推奨モデル構成

# Claude Opus 4.8（推奨 - 品質とレイテンシのバランス）
penecho --claude --model opus --effort medium

# OpenAI gpt-5.6-terra（コスト効率が良い選択肢）
penecho --codex --model gpt-5.6-terra --effort low

# Kimi K3（API経由・グローバル）
# configure でOpenAI互換APIとして model=k3 を設定

Claude CLI / Codex CLI モード

APIキー不要でCLIツール経由で使用する場合:

# Claude Code CLIの認証確認
claude auth login

# Codex CLIのインストールと認証
npm install -g @openai/codex@latest
codex login

活用事例

エンジニア・研究者の活用シナリオ

MLエンジニア: システムアーキテクチャ図をPenEchoのキャンバスに手書きし、Claude Opus 4.8に「このアーキテクチャのボトルネックを指摘して」とリアルタイムでレビューさせます。図の各コンポーネントの位置関係をAIが認識するため、「左のデータベースとAPIゲートウェイの接続」といった空間的な指示が可能です。

大学生・研究者: 微分方程式や化学反応式を手書きし、AIに解法・補完・グラフ化を依頼できます。数式の途中まで書いた状態でAIに続きを補完させるワークフローが特に有効です。

プロダクトマネージャー: ロードマップやユーザーフロー図をキャンバスに描きながら、AIに「この機能の優先度についてフィードバックして」と問いかけることで、ビジュアルとAIの議論を同一空間で進められます。

データプラグインの活用

株価や為替データをキャンバスに直接取り込み、手書きの分析メモとAIの考察を同じ空間にまとめるダッシュボード的な活用も可能です。v0.7.0のGeneral HTMLプラグインでインタラクティブなチャートをキャンバス内に生成できます。

PenEcho と他ツールとの違い・なぜ今このツールか

ChatGPT・Claude.ai との比較

ChatGPT や Claude.ai は優れた AI チャットですが、「テキストベースのやり取り」という制約があります。図を説明するには言葉に変換し直す必要があり、複雑な空間的問題の伝達に限界があります。PenEchoは手書き・図・式をそのままAIコンテキストとして渡せる点が本質的な違いです。

Miro・Figma との比較

Miro や Figma はビジュアルコラボレーションツールですが、AI連携は後付けの機能として追加されています。PenEchoはAIとの対話を最初から設計の中心に置いており、キャンバス上でのAI応答がファーストクラスの機能です。また、完全にオープンソース（AGPL v3）でセルフホスト可能な点も大きな差別化ポイントです。

なぜ今話題か

v0.7.0でのプラグインシステム導入により、単なる「手書き認識 + AIチャット」から「キャンバス上のAIアプリケーションプラットフォーム」へと進化したことが話題の背景にあります。Claude Fable 5、gpt-5.6-sol などの最新モデルへの素早い対応も評価されています。

こんな人に向いている

PenEcho が特に活きる職種

  • 数学・物理系の学生・研究者: 数式・ベクトル図・グラフを手書きしてAIと対話したい方。TeXを書かずに数式でAIに質問できる
  • フロントエンド・UIエンジニア: ワイヤーフレームをざっくり手書きしてAIにフィードバックを受けたい方。設計の初期段階で有効
  • ML/AIエンジニア: ニューラルネット構造や学習フロー図をスケッチしながらAIと設計議論をしたい方
  • 教育者・インストラクター: 授業内容を黒板的に書きながらAIに補足説明させるインタラクティブ授業の準備

向いていない使い方

  • テキストのみのAIチャットで十分な用途（コードレビュー・文章生成等）
  • 高いリアルタイム同期が必要なチームコラボレーション（現時点でマルチユーザー同期なし）

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

ライセンス・商用利用

PenEchoはAGPL v3ライセンスです。個人利用・研究利用は自由ですが、商用サービスとして改変版を公開する場合はソースコード開示義務があります。社内ツールとしてのセルフホストはAGPL下でも通常は問題ありませんが、弁護士に確認することを推奨します。

APIコスト・必要要件

  • Node.js 18.17以上が必須（npm install -g penecho）
  • APIキーまたはCLI認証が必要（完全無料での使用は不可）
  • リクエストあたりのコスト目安: gpt-5.6-sol medium で約$0.08/リクエスト、gpt-5.6-terra lowで約$0.04/リクエスト
  • Codex CLI（ChatGPT Plus/Pro）またはClaude Code CLIを使えばAPI課金なしで利用可能

セキュリティ・デプロイ上の注意

  • CLI モード（Claude/Codex）はローカルまたは信頼できるLAN上でのみ使用すること。APIモードは公開インターネットへの公開も可能だがHTTPS・認証・レート制限の追加が必要
  • 設定ファイル ~/.penecho/config.env にAPIキーが平文保存される。ファイルのアクセス権はPOSIXシステムでオーナーのみ読み取り可能に設定済みだが、Gitリポジトリへの誤コミットに注意

関連ツール・おすすめサービス

  • Perplexity AI — AI検索・調査ツール。PenEchoでビジュアル思考、Perplexityで情報収集という組み合わせが効果的

まとめ

PenEchoは、AIとの対話を「テキスト→テキスト」の制約から解放し、手書き・図解・数式をそのまま文脈として使える革新的なオープンソースキャンバスツールです。スター数1304を短期間で獲得し、Kimi Open Source Friendsに認定されるほど注目されています。

Node.js 18.17以上のセットアップとAPIキー（またはCLI認証）さえあれば、npm install -g penecho の3ステップですぐに使い始められます。特に数式・アーキテクチャ図・ワイヤーフレームを扱うエンジニア・研究者・学生に強くおすすめします。AGPLライセンスの制約に注意しつつ、ぜひ試してみてください。

GitHub でチェックする →

この技術を学ぶ

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

毎日更新のGitHubツール情報

LINEで受け取って最新情報をキャッチアップしよう

友達追加する（無料）

関連記事

この記事が役に立ったらシェアしてください