excalidraw

Excalidraw エディタ |ブログ |ドキュメント |エクスカリドロー+

オープンソースの仮想手描きスタイル ホワイトボード。
共同でエンドツーエンドで暗号化されます。

図、ワイヤーフレームなど、好きなものを美しい手描きで作成します。

特徴

Excalidraw エディター (npm パッケージ) は以下をサポートします。

• ?無料＆オープンソース。
• ?無限のキャンバスベースのホワイトボード。
• ✍️手描きのようなスタイル。
• ?ダークモード。
• カスタマイズ可能。
• ?画像サポート。
• ?形状ライブラリのサポート。
• ?ローカリゼーション (i18n) のサポート。
• ?️ PNG、SVG、クリップボードにエクスポートします。
• ?オープン形式 - 図面を.excalidraw json ファイルとしてエクスポートします。
• ⚒️ 幅広いツール - 長方形、円、ひし形、矢印、線、自由描画、消しゴム...
• ➡️ 矢印バインディングとラベル付き矢印。
• ?元に戻す/やり直す。
• ?ズームとパンのサポート。

Excalidraw.com

excalidraw.com でホストされているアプリは、Excalidraw で構築できるものを最小限に紹介するものです。そのソース コードもこのリポジトリの一部であり、アプリには次のような機能があります。

• ? PWA サポート (オフラインで動作)。
• ?リアルタイムのコラボレーション。
• エンドツーエンドの暗号化。
• ?ローカルファーストのサポート (ブラウザーに自動保存)。
• ?共有可能なリンク (他のユーザーと共有できる読み取り専用リンクにエクスポート)。

将来的には、これらの機能を npm パッケージのドロップイン プラグインとして追加する予定です。

クイックスタート

注:次の手順は、Excalidraw を独自のアプリに統合するときに Excalidraw npm パッケージをインストールするためのものです。開発のためにリポジトリをローカルで実行するには、開発ガイドを参照してください。

 npm install react react-dom @excalidraw/excalidraw

または糸を介して

 yarn add react react-dom @excalidraw/excalidraw

詳細については、ドキュメントをご覧ください。

貢献する

• 何かが足りない、またはバグが見つかった場合は?ここで報告してください。
• 貢献したいですか?貢献ガイドを確認するか、Discord でお知らせください。
• 翻訳を手伝いたいですか?翻訳ガイドを参照してください。

統合

• VScode拡張子
• npmパッケージ

Excalidraw を統合しているのは誰ですか

Google Cloud • Meta • CodeSandbox • Obsidian Excalidraw • Replit • Slite • Notion • HackerRank • その他多数

スポンサーとサポート

プロジェクトが気に入ったら、Open Collective でスポンサーになるか、Excalidraw+ を使用してください。

Excalidraw をサポートしていただきありがとうございます

最後になりましたが、サービスを無料で提供してくださった以下の企業に感謝いたします。