leaferjs/leafer-ui：README に基づく導入ガイド

leaferjs/leafer-ui の README はプロジェクトを「好用的 Canvas 引擎，轻松实现图形交互与编辑，AI 时代的无限画布引擎。An easy-to-use Canvas engine for effortless graphic interaction and editing , an infinite canvas engine for the AI era.」と説明しています。ここではリポジトリで確認できる事実だけを整理します。star 数やバッジは注目度の手掛かりであり、品質の証明ではありません。「LeaferJS：好用的 Canvas 引擎」には次の説明があります。👉 在浏览器里 "跑得动 100 万个图形" 的 Canvas 引擎 👉 可以做 "Figma 级编辑器" 的 Canvas 内核。これは範囲の説明であり、本番検証の結果ではありません。

README の「🏗️ 为什么是 AI 时代的无限画布引擎？」にある内容から、用途が合うかを先に判断できます。🤖 语义化编辑： 结构化场景树让 AI 能像操作 DOM 一样操控图形，构建真正的 AI 协同工作流。。目的が違うなら、人気だけで採用する理由にはなりません。プロジェクト名やコマンドは原文のまま残し、一次資料へ戻って用語を確認できるようにしています。 README には次の確認可能な項目もあります。⚡ 极致承载力： 突破极限，百万交互图层依然保持丝滑响应，完美承载 AI 生成的海量碎片。。初回テストの材料にはなりますが、実際の環境での確認を省略する理由にはなりません。

動作の説明は「🏗️ 为什么是 AI 时代的无限画布引擎？」など複数の箇所に分かれています。確認できる情報は次の通りです。在 AI 生成内容爆发的今天，图形引擎的挑战已从 "如何画出来" 转变为 "如何编排与精修"：。書かれていない構成、性能、セキュリティを推測で補いません。導入時はディレクトリ、設定ファイル、release 履歴を確認してください。

初回導入は README の入口から始めます。確認できるコマンドは次の通りです。 npm install leafer-ui # 需使用插件时，推荐同时安装跨平台核心包，防止出现更新版本不同步问题 npm install leafer-ui @leafer-ui/core @leafer-ui/draw 実行可能なコマンドがない場合は手順を作らず、「🧐 为什么选择LeaferJS？」で依存関係、待受ポート、初回設定を確認します。

日常運用は公式文書の範囲に限ります。「🔥 性能表现」には| 测试项 (100万个可交互矩形) | 传统 Canvas 库 | LeaferJS | 提升 | | :------------------------- | :---------------------- | :----------- | :--------------- | | 首屏创建速度 | 9-15 秒 | 1.28 秒 | 约快 8 倍 🎉 | | 内存占用 | 2-4GB (浏览器可能崩溃) | 320 MB | 约节省 8 倍 | | 单元素拖拽帧率とあります。設定、環境変数、権限、データ保存先は明記されたものだけを扱います。未記載の既定値は隔離環境で確認し、戻せる設定を保存してください。 同じ資料には🛠️ 原生编辑器： 内置 Editor 插件，让AI 生成的内容一键获得精准旋转、缩放、多选等工业级编辑能力。ともあります。