![Excalidraw](https://codinghaku.com/wp-content/uploads/2024/01/excalidraw.png.webp)
概要
項目名:Excalidraw
Excalidrawは、オープンソースで無料のバーチャルホワイトボードであり、オンラインでリアルタイムに協力できるホワイトボードツールを提供し、ユーザーが簡単な図形や図を作成できるようにします。
GitHub(65.3k stars🌟)
GitHub - excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams
Virtual whiteboard for sketching hand-drawn like diagrams - GitHub - excalidraw/excalidraw: Virtual whiteboard for sketc...
オンライン:
![](https://codinghaku.com/wp-content/uploads/cocoon-resources/blog-card-cache/d01e1e73c27450d9d95661c3e5212719.png)
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel t...
Excalidrawエディター(npmパッケージ)がサポートしている機能:
- 💯 無料でオープンソース。
- 🎨 無限のキャンバスベースのホワイトボード。
- ✍️ 手描き風のスタイル。
- 🌓 ダークモード対応。
- 🏗️ カスタマイズ可能。
- 📷 画像サポート。
- 😀 図形ライブラリサポート。
- 👅 ローカリゼーション(i18n)サポート。
- 🖼️ PNG、SVGおよびクリップボードへのエクスポート。
- 💾 オープンフォーマット – .excalidraw jsonファイルとして図面をエクスポート。
- ⚒️ 幅広いツール – 長方形、円、ダイヤモンド、矢印、線、フリードロー、消しゴムなど。
- ➡️ 矢印バインディングとラベル付き矢印。
- 🔙 元に戻す/やり直し機能。
- 🔍 ズームとパンニングサポート。
![](https://codinghaku.com/wp-content/uploads/2024/01/excalidraw_2.png.webp)
インストール
インストール方法もとても簡単です。
まず、Excalidrawプロジェクトをクローンします。
git clone https://github.com/excalidraw/excalidraw.git
次に、Excalidrawディレクトリに入ります。
cd excalidraw
以下のコマンドを実行します。
yarn
起動します。
yarn start
使用例
![](https://codinghaku.com/wp-content/uploads/2024/01/20def7942674282277c3714ed7ea6ce0.png.webp)
![](https://codinghaku.com/wp-content/uploads/2024/01/20def7942674282277c3714ed7ea6ce0-1.png.webp)
コメント