excalidraw - 手描きの図をスケッチするための仮想ホワイトボード

(Virtual whiteboard for sketching hand-drawn like diagrams)

Created at: 2020-01-02 09:04:43
Language: TypeScript
License: MIT
エクスカリドローのロゴ:図のようにハンドローでスケッチします。

図のように手描きでスケッチするための仮想ホワイトボード。
コラボレーションとエンドツーエンドの暗号化。

ツイッターでエクスカリドローをフォローする

質問をしたり、私たちの discord.gg/UexuTaE でたむろしたりしてください

今すぐ試す

excalidraw.com に移動してスケッチを開始します。

ブログで最新のニュースやアップデートをお読みください。良いスタートは、エクスカリドローの1年間のすべてのアップデートを見ることです。

エクスカリドローのサポート

プロジェクトが気に入ったら、Open Collectiveのスポンサーになることができます。

大事なことを言い忘れましたが、無料でサービスを提供してくれたこれらの企業に感謝します。

ヴェルセル 歩哨 クラウディン

エクスカリドローを統合しているのは誰ですか

Google CloudMetaCodeSandboxObsidian ExcalidrawReplitSliteNotionHackerRank

ドキュメンテーション

ショートカット

ショートカットではほとんど何でもできます。右下隅にあるヘルプアイコンをクリックして、すべてを表示します。

曲線と矢印

線または矢印を選択し、ドラッグではなくクリッククリックをクリックします。

グラフ

Excelからデータをコピーして貼り付けるか、プレーンなコンマ区切りのテキストで簡単にグラフを作成できます。

翻訳しています

エクスカリドローを他の言語に翻訳するには、Crowdinのページをご覧ください。新しい言語を追加するには、イシューを開いて、最初に私たちの側で物事を設定できるようにします。

翻訳は、完了の特定のしきい値(現在は85%)を超えた場合にアプリで利用できます。

コラボレーション セッションを手動で作成する

セッションを手動で作成するには、次の形式のリンクを生成するだけです。

https://excalidraw.com/#room=[0-9a-f]{20},[a-zA-Z0-9_-]{22}

https://excalidraw.com/#room=91bd46ae3aa84dff9d20,pfLqgEoY1c2ioq8LmGwsFA

最初の数字のセットは部屋です。これは、この番号を知っているすべてのユーザーにメッセージをディスパッチするサーバーから表示されます。

2 番目の数字のセットは暗号化キーです。エクスカリドローサーバーはそれについて知りません。これは、すべての参加者がメッセージの暗号化/復号化に使用するものです。

注: 暗号化キーの長さは 22 文字であることを確認してください。

図形ライブラリ

libraries.excalidraw.com で、図面のアセットを含むライブラリのリストが増えています。

エクスカリドローをアプリに埋め込む?

@excalidraw/エクスカリドローを試してみてください。このパッケージを使用すると、エクスカリドローをReactコンポーネントとしてアプリに簡単に埋め込むことができます。

発達

コードサンドボックス

ローカルインストール

これらの手順により、開発およびテストの目的で、プロジェクトのコピーがローカル コンピューターで起動して実行されます。

必要条件

リポジトリを複製する

git clone https://github.com/excalidraw/excalidraw.git

依存関係をインストールする

yarn

サーバーの起動

yarn start

これで、http://localhost:3000 を開いて、お気に入りのコードエディタでコーディングを開始できます。

コラボレーション

コラボレーションを行うには、ローカルでコラボサーバーを設定する必要があります。

コマンド

依存関係をインストールする
yarn
プロジェクトの実行
yarn start
すべてのファイルをPrettierで再フォーマットします
yarn fix
テストの実行
yarn test
テスト スナップショットの更新
yarn test:update
Prettierでフォーマットをテストする
yarn test:code

Docker Compose

Node.js envをセットアップしたくない場合は、docker-composeを使用してエクスカリドローをローカルで操作できます。

docker-compose up --build -d

セルフホスティング

Docker イメージは、エクスカリドロー/エクスカリドローでエクスカリドロークライアントで公開します。これを使用して、独自のドメイン、Kubernetes、AWS ECSなどで独自のクライアントをセルフホストできます。

docker build -t excalidraw/excalidraw .
docker run --rm -dit --name excalidraw -p 5000:80 excalidraw/excalidraw:latest

Docker イメージには、分析ライブラリやその他の追跡ライブラリがありません。

現時点では、独自のインスタンスをセルフホストすることは、共有またはコラボレーション機能をサポートしていません。

私たちは、独自のExcalidrawをセルフホスティングするための本格的なソリューションの提供に向けて取り組んでいます。

貢献

プルリクエストは大歓迎です。大きな変更については、まず問題を開いて、変更したい内容について話し合ってください。

注目すべき使用ツール

そして、プロジェクトを開始するための主なインスピレーションの源は、素晴らしいZwibblerアプリです。