1. サーバ構築のデージーネットTOP
2. OSS情報
3. OSS紹介
4. Excalidraw〜OSSのオンライン図形描画ツール〜

Excalidraw〜OSSのオンライン図形描画ツール〜

オンライン図形描画ツールとは、オンライン上で作図をおこなうことができるツールでホワイトボードツールの一つと言われています。このページでは、オープンソースソフトウェアのオンライン図形描画ツールExcalidrawについて紹介します。

オンライン図形描画ツールExcalidrawとは

Excalidraw（読み方：エクスカリドロー）とは、オープンソースソフトウェアのオンライン図形描画ツールです。MIT Licenseライセンスで公開されています。Excalidrawは、ユーザがマウスのドラッグ・ドロップを利用して、用意された図形を配置し、編集することができます。また、サーバ内にある画像データを、Excalidrawのキャンバスに貼り付けて利用したり、Excalidrawで作成した図をダウンロードすることが可能です。言語設定は英語ですが、日本語に変更することもできます。

Excalidrawの利用イメージ

Excalidrawの機能

Excalidrawには、主に以下の機能があります。

図形の描画

Excalidrawでは、図形を描画する画面や、描画された結果を「scene(シーン)」と呼びます。このシーンに図を描いていきます。

Excalidrawは、非常に直感的に使用することができます。基本操作として、図の上部にあるツールバー(操作メニュー)で図形を選択し、マウスでその図形を配置するだけで完成します。PC上の画像をドラッグ・ドロップして作成することも可能です。図形の色や線の種類などのプロパティは、左のメニューで変更することができます。直線的なデザインの線や手書き風の線などを選択することもできます。

図形の描写

シーンの共有・保存

共有ボタンを押すと、他のユーザにシーンの共有を行うことができます。他のユーザがアクセスすることで共同で、シーンの書き込み、編集を行うことができます。また、編集したシーンは、保存も可能です。表示されている３つの選択肢の中から、「Save to disk」を選択すると、シーンの情報を保存できます。json形式のテキストファイルになっているため、再編集するには、再度Excalidrawで開く必要があります。

共有画面

保存画面

画像のエクスポート

Excalidrawでは、シーン上に画像を取り込むことが可能です。画像のエクスポートは、下記の３つの形式がサポートされています。

• PNG形式でエクスポート
• SVG形式でエクスポート
• PNG形式の画像をクリップボードにコピー

またオプションとして、背景を透過させたり、PNG/SVGの画像にシーンのデータを埋め込むことができます。シーンデータを埋め込むことで、Excalidrawで画像の再編集が可能になります。

ライブラリの追加

Excalidrawでは、ライブラリを追加し、様々なイメージの図形を取り込むことが可能です。ライブラリの追加方法もボタンをクリックするだけなので簡単に行うことができます。追加したライブラリの図形は、簡単にシーン内に挿入できます。

ライブラリの追加

Excalidrawの課題

Excalidrawは、図形の編集を自分だけではなく他のユーザと共同で行えるメリットがあります。しかし、オンプレミス環境で利用するには、次のようないくつかの問題点があります。

• OSS版だけでは全機能が実装できない

• 複数のコンポーネントの構成方法に関するドキュメントが無い

  仕様変更などがあった場合、ソースコードを読まないと構成できない場合があります。

• 認証の仕組みがない

  Excalidrawは、認証の仕組みがありません。社内の限られたユーザが使う程度であれば利用可能ですが、インターネットで不特定多数の人間が利用するサービスとして扱うのは、難しいと考えられます。

Excalidrawの利用例

Excalidraw自体が、アプリケーションライブラリという側面を持つこともあり、Excalidrawを別のアプリに組み込んで利用することができます。一つの例として、WEB会議システムのJitsi Meetと連携して活用することが可能です。Jitsi Meet上では、Excalidrawは、「WhiteBoard」という機能になって連携されています。Jitsi Meetは、オンプレミス環境で利用でいるWEB会議システムであり、通常で利用するExcalidrawと比べて、オンプレミス環境でのみ利用できるようにカスタマイズが行われています。そのため、会議に参加していない第三者が、図の内容を盗み見ることができない仕組みになっています。Jitsi Meetは、会議参加のために認証をかけることも可能です。そのため、より安全に図を共有し、円滑なオンライン会議を行うことができます。

Jitsi Meetでの利用イメージ

「Jitsi Meet〜OSSのWeb会議システム〜」へ

デージーネットの取り組み

デージーネットでは、Excalidrawの機能が追加されたWeb会議システムJitsiの構築・保守サービスをおこなっています。Excalidrawの他に、リアルタイムオンラインテキストエディタのEtherpadとJitsiを組み合わせより使いやすいWeb会議システムを提案しています。Excalidrawのインストール方法やより詳細な内容は、Excalidraw調査報告書に掲載しています。

「関連情報/情報の一覧」

Excalidraw調査報告書

Jitsi Meet〜OSSのWeb会議システム〜

Etherpad〜OSSのリアルタイムオンラインテキストエディタ〜