Excalidrawとは？無料オンラインホワイトボード完全ガイド
Excalidrawは、手書き風のダイアグラム、スケッチ、ワイヤーフレームを作成できる無料のオープンソースバーチャルホワイトボードです。このガイドでは、機能、活用例、描画を動画に録画する方法まで詳しく解説します。
1. Excalidrawとは？
Excalidrawは、手書き風の美しいデザインでダイアグラム、スケッチ、イラストを作成できるバーチャルホワイトボードツールです。2020年に公開され、GitHubで50,000以上のスターを獲得し、世界中で数百万人のユーザーに利用されている最も人気のある無料図形作成ツールの一つとなっています。
Microsoft VisioやLucidchartのような従来の図形作成ソフトウェアとは異なり、Excalidrawは「不完全さ」を大切にします。すべての線、図形、矢印がわずかにラフでスケッチのような質感を持ち、ダイアグラムをより親しみやすく人間味のあるものにします。
Excalidrawの特徴
- 100%無料：サブスクリプションなし、プレミアムプランなし、追加費用なし
- オープンソース：MITライセンス、ソースコードはGitHubで公開
- ブラウザベース：モダンブラウザで動作、インストール不要
- プライバシー重視：データはデフォルトでブラウザにローカル保存
- オフライン対応：PWAとしてインターネットなしで動作
- リアルタイム共同編集：ライブカーソルで同時編集が可能
公式情報源
公式Excalidrawは excalidraw.com にアクセスしてください。ソースコードは github.com/excalidraw/excalidraw で公開されています。
2. 主な機能
Excalidrawはシンプルさと強力な機能を兼ね備えており、簡単なスケッチから詳細なダイアグラムまで幅広く対応します。
手書きスタイル
独自のスケッチ風のデザインで、ダイアグラムが親しみやすくクリエイティブに。
リアルタイム共同編集
リンクを共有して、ライブカーソルでチームメンバーとリアルタイムに共同編集。
複数エクスポート形式
PNG、SVGへのエクスポートやリンク共有に対応。クリップボードへのコピーも可能。
図形ライブラリ
フローチャート、UML、ネットワーク図などに対応する内蔵ライブラリ。
オフライン対応（PWA）
Progressive Web Appとしてインストールし、インターネット接続なしで使用可能。
エンドツーエンド暗号化
コラボレーションルームはエンドツーエンド暗号化でセキュリティを確保。
描画ツール
Excalidrawは必要な描画ツールをすべて提供しています：
- 選択ツール：オブジェクトの選択、移動、リサイズ、回転
- 長方形＆ダイヤモンド：手書き風の基本図形
- 楕円：丸や楕円
- 矢印＆ライン：要素を矢印や線で接続
- フリーハンド描画：ペンツールで自由にスケッチ
- テキスト：ラベルや注釈の追加
- 画像：キャンバスに画像をインポート
- 消しゴム：不要な要素を削除
プロのヒント
キーボードショートカットでスピードアップ。Rで長方形、Dでダイヤモンド、Oで楕円、Aで矢印を作成できます。
3. 活用例
Excalidrawはプロフェッショナルからクリエイティブまで、幅広い用途に活用できます：
教育コンテンツ
視覚的な解説、チュートリアル、学習資料を作成。手書きスタイルにより複雑なトピックも学生にとって親しみやすいものに。
ソフトウェアアーキテクチャ図
システムアーキテクチャ、データフロー、API設計のドキュメント化に。シンプルさから開発者に人気。
ワイヤーフレーム＆モックアップ
UI/UXのワイヤーフレームやプロトタイプスケッチを素早く作成。ラフなスタイルは初期デザインディスカッションに最適。
リモートチームコラボレーション
ブレインストーミング、スプリント計画、分散チームとのリアルタイムアイデア共有に。
ビジネスプロセスフロー
フローチャート、デシジョンツリー、プロセスドキュメントを簡単に作成。
4. Excalidrawの使い方
Excalidrawの使い方はとてもシンプルです：
ステップ1：Excalidrawを開く
excalidraw.com にアクセスします。ブラウザで即座にアプリが読み込まれ、空白のキャンバスが使用可能になります。アカウント作成やサインインは不要です。
ステップ2：最初の図形を描く
左側のツールバーから図形ツールを選択するか、キーボードショートカットを使用します。キャンバス上でクリック＆ドラッグして図形を作成します。手書きスタイルは自動的に適用されます。
ステップ3：テキストと接続を追加
テキストツール（Tキー）でラベルを追加します。矢印ツール（Aキー）で図形間をクリック＆ドラッグして接続します。
ステップ4：カスタマイズとスタイル調整
要素を選択して、プロパティパネルで色、線の太さ、塗りつぶしスタイルなどを変更します。手書き効果のラフさも調整可能です。
ステップ5：保存またはエクスポート
作業内容はブラウザのローカルストレージに自動保存されます。メニューからPNG、SVGとしてエクスポートするか、ファイルに保存できます。コラボレーション用の共有リンクも作成可能です。
作業の保存
Excalidrawはブラウザのローカルストレージに自動保存します。長期保存には、.excalidrawファイルとしてエクスポートするか、クラウドストレージに保存してください。
5. Excalidrawの描画を録画する方法
多くのユーザーがチュートリアル動画、プレゼンテーション、クリエイティブなプロセスの共有のために、Excalidrawの描画過程を録画したいと考えています。しかし、Excalidrawには動画録画機能が内蔵されていません。
標準Excalidrawの制限
- 内蔵の画面録画機能なし
- Webカメラオーバーレイなし
- 音声ナレーション機能なし
- 動画エクスポート機能なし
代替案：画面録画ソフトウェア
標準のExcalidrawを使いたい場合は、OBS、Loom、OS標準の画面録画ツールなどの画面録画ソフトウェアを使用できます。ただし、この方法にはいくつかの欠点があります：
| 機能 | 画面録画ソフト | Poindeo |
|---|---|---|
| 統合録画 | 外部アプリが必要 | 内蔵 |
| 録画範囲選択 | 手動クロップ | ドラッグで選択 |
| Webカメラオーバーレイ | 利用可能 | 利用可能 |
| マウスハイライトエフェクト | 設定が必要 | 内蔵 |
| カスタム背景 | 非対応 | 対応 |
| オールインワンワークフロー | 複数アプリが必要 | 単一アプリ |
6. よくある質問
Excalidrawは完全に無料ですか？
はい、ExcalidrawはMITライセンスの下で100%無料のオープンソースソフトウェアです。料金なしで利用でき、プレミアム機能やサブスクリプションはありません。ソースコードはGitHubで公開されており、誰でも自由に使用・改変できます。
アカウントを作成する必要がありますか？
Excalidrawの利用にアカウントは不要です。excalidraw.comにアクセスするだけで、すぐに描画を開始できます。描画内容はブラウザのローカルストレージに保存されます。
オフラインでExcalidrawを使えますか？
はい、ExcalidrawはPWA（Progressive Web App）としてオフラインで動作します。一度アプリを読み込めば、インターネット接続なしで描画を続けることができます。デバイスにスタンドアロンアプリとしてインストールすることも可能です。
他の人とコラボレーションするには？
上部ツールバーの「ライブコラボレーション」ボタンをクリックして、コラボレーションセッションを作成します。生成されたリンクをチームメンバーに共有すれば、リアルタイムでライブカーソル付きの共同編集が可能です。
Excalidrawの描画を録画できますか？
標準のExcalidrawには録画機能がありませんが、動画録画、Webカメラオーバーレイ、音声ナレーションを備えたPoindeoの拡張Excalidrawを利用できます。または、OBSやLoomなどの画面録画ソフトウェアを使用することも可能です。
どのエクスポート形式に対応していますか？
ExcalidrawはPNG（画像）、SVG（ベクターグラフィックス）、ネイティブの.excalidraw形式（JSON）でのエクスポートに対応しています。クリップボードへのコピーやリンク経由の共有も可能です。
データのプライバシーは大丈夫？
デフォルトでは、すべてのデータはブラウザにローカル保存されます。コラボレーションセッションはエンドツーエンド暗号化を使用します。Excalidrawは、クラウドストレージへの保存を明示的に選択しない限り、描画内容を外部サーバーに保存しません。