Excalidraw

Excalidrawセルフホスト、ワンクリックでデプロイ

Automatioを使用して自分のVPSでExcalidrawをセルフホスト。HTTPS付きの専用サーバー上で、手描き風スタイリングと完全なデータプライバシーを備えた無限のホワイトボードを利用できます。

セルフホスト excalidrawexcalidraw vpsオープンソースホワイトボードdocker excalidrawインフィニティキャンバスツール技術スケッチ
Excalidraw logo

Excalidraw

Collaboration & Productivity

Automatioを使用して自分のVPSでExcalidrawをセルフホスト。HTTPS付きの専用サーバー上で、手描き風スタイリングと完全なデータプライバシーを備えた無限のホワイトボードを利用できます。

drawing

Excalidrawをデプロイすると得られるもの

借りるサーバー、その料金、インストーラーが尋ねる内容。

サーバー
CX23 · 2 vCPU · 4 GB RAM
最低料金
月額 $9
セットアップ
設定不要

すべてのデプロイに含まれるもの

  • 専用サーバー、1台につき1アプリ
  • HTTPS証明書を自動発行
  • 無料サブドメイン、独自ドメインも可
  • 再起動・リサイズ・スナップショット・復元

プロジェクト

このページがAutomatio外へリンクするすべて。

Excalidrawをワンクリックでデプロイ

自分のサーバーで、自分のデータのまま。ターミナルもDockerコマンドも証明書設定も不要です。

  1. 1

    サイズを選ぶ

    アプリに合う最小のサーバーから始めましょう。後から再インストールなしで変更できます。

  2. 2

    デプロイを押す

    サーバーを借り、Dockerでアプリを入れ、サブドメインを向けます。

  3. 3

    起動を見守る

    プロビジョニングは自動で数分かかります。HTTPS証明書が発行されれば公開完了です。

サーバーサイズ

Automatioのサブスクリプションと合わせて毎月請求されます。サーバーを削除すれば課金は止まります。

Excalidrawの機能

このユースケースに対してAutomatioができることをご覧ください

無限のスケッチキャンバス

描画に合わせてワークスペースが全方向に拡張され、ページの境界を気にすることなく複雑なアイデアをマッピングできます。ズームとパンに対応しており、大規模なアーキテクチャ図やプロセスフローの管理も容易です。

  • 1ズームとパンに対応
  • 2正確な配置のためのオブジェクトスナップ
  • 3複雑なビルドのためのレイヤー管理
  • 4無限のワークスペース座標

Excalidrawの機能

  • 無限のスケッチキャンバス

    描画に合わせてワークスペースが全方向に拡張され、ページの境界を気にすることなく複雑なアイデアをマッピングできます。ズームとパンに対応しており、大規模なアーキテクチャ図やプロセスフローの管理も容易です。

    1. ズームとパンに対応
    2. 正確な配置のためのオブジェクトスナップ
    3. 複雑なビルドのためのレイヤー管理
    4. 無限のワークスペース座標
  • 手描き風の美学

    インターフェースには独自のラフスケッチスタイルが採用されており、デジタルの図面が物理的なホワイトボードの図面のように感じられます。このローファイなルックは意図的なものであり、初期のアイデア出し段階で完璧なビジュアルを作成しなければならないというプレッシャーを軽減します。

    1. カスタマイズ可能なストロークスタイル
    2. ハッチングおよびクロスハッチの塗りつぶしパターン
    3. 手書き風および標準フォントオプション
    4. 厳選されたカラーパレット
  • ロスレスのエクスポートとインポート

    共有やドキュメント作成のために、作業内容を複数の形式で保存できます。ネイティブの .excalidraw ファイル形式により、再インポート時のロスレス編集が可能になり、標準的な画像エクスポートはプレゼンテーションやチームチャットで活用できます。

    1. SVGおよびPNGへのエクスポート
    2. クリップボードへのコピー機能
    3. JSONベースのファイル構造
    4. ネイティブの .excalidraw ファイルの永続化
  • 拡張可能なコンポーネントライブラリ

    頻繁に使用する図形を個人用ライブラリに保存したり、コミュニティ製のパックをインポートしたりできます。これは、クラウドアーキテクチャやUIワイヤーフレームに一貫したアイコンを必要とする技術チームにとって特に便利です。

    1. カスタムライブラリの作成
    2. JSONライブラリのインポート
    3. コミュニティ製アセットの統合
    4. アセットのローカルストレージ

content.selfHosted.whyTitle

content.selfHosted.tradeoffsTitle

完全なデータレジデンシー: 独自の図面や社内のブレインストーミングをサードパーティのクラウドではなく、自社のインフラストラクチャ内に確実に保持します。
コラボレーションバックエンド: 標準のDockerイメージにはエディタークライアントが用意されていますが、リアルタイムの複数人同時編集には、excalidraw-roomと呼ばれる個別のソケットベースのサーバーが必要です。
機能制限の回避: 独自の制限のない環境を実行することで、将来のサブスクリプションモデルやパブリックインスタンスでの制限を回避できます。
ブラウザストレージ: アプリはデフォルトでブラウザのローカルストレージに図面を保存します。ブラウザのデータをクリアした場合に備えて、ファイルが永続化されるよう手動でエクスポートする必要があります。
内部ネットワークへのアクセス: 機密性の高いトポロジをパブリックインターネットに露出させることなく、ホワイトボードを他の社内サービスに安全にリンクさせます。
フォントレンダリング: 高度なレンダリングや特定の手書きフォントスタイルは、チームメンバーが使用するブラウザエンジンによって若干異なる場合があります。
規制への準拠: ビジュアルデータが保存されるサーバーを管理することで、GDPRやHIPAAなどの厳格なデータプライバシー要件を満たします。

comparisonTable.self-hosted.title

comparisonTable.self-hosted.description

セットアップ速度

comparisonTable.self-hosted.managedSaas即座
comparisonTable.self-hosted.diy30〜60分
comparisonTable.self-hosted.automatio数分

データのプライバシー

comparisonTable.self-hosted.managedSaasサードパーティクラウド
comparisonTable.self-hosted.diy完全な所有権
comparisonTable.self-hosted.automatio完全な所有権

SSL/HTTPS

comparisonTable.self-hosted.managedSaas含まれる
comparisonTable.self-hosted.diy手動設定
comparisonTable.self-hosted.automatio自動プロビジョニング

メンテナンス

comparisonTable.self-hosted.managedSaasなし
comparisonTable.self-hosted.diy手動アップデート
comparisonTable.self-hosted.automatio自動化

こんな方に

実際にExcalidrawを自分のサーバーで動かしている人たちと、それによって変わること。

アーキテクチャをスケッチする個人開発者

ブラックボックスなクラウドにデータを保存するプロプライエタリなツールにうんざりしている。

データベーススキーマやマイクロサービスをマッピングするための永続的でプライベートな場所を手に入れられます。

  • マイクロサービスの図解ドラフト作成
  • APIエンドポイントの計画
  • データフローの可視化

UXのアイデア出しをするフリーランスデザイナー

Figmaのオーバーヘッドなしで、大まかなワイヤーフレームを素早く見せる方法が必要。

完全にプライベートで軽量な、最初のドラフトのための安全なスペースを提供します。

  • ランディングページのワイヤーフレーム作成
  • ユーザーの行動ジャーニーのマッピング
  • ロゴコンセプトのスケッチ

ネットワークをドキュメント化するホメラボ愛好家

VLANやIPアドレスをテキストファイルで管理するのは可視化しにくい。

自分の内部サーバー上で、ラック全体のセットアップを視覚的にマッピングできます。

  • ネットワークトポロジの描画
  • サーバーアップグレードの計画
  • Dockerコンテナのリンクのマッピング

ブレインストーミングを主導する小規模エージェンシーの責任者

プロジェクト開始時のキックオフ通話で、クライアントデータのプライバシーが懸念事項になる。

自身のインスタンスを実行することで、クライアントの機密情報がサードパーティのホワイトボードクラウドから確実に保護されます。

  • 社内キックオフの実施
  • プロジェクトスコープの定義
  • クライアント向けプレゼンテーションの作成

このプロンプトとは?

このプロンプトの機能とより良い結果を得るための方法を学びましょう。

完璧主義の麻痺を解決する

Excalidrawは、技術ドキュメントにおける特定の課題、つまり「早すぎる段階でプロフェッショナルな見た目にしてしまうプレッシャー」を解決するために設計されたオープンソースのホワイトボードツールです。ツールが高度に洗練された出力を生成する場合、ユーザーは散らかった初期段階のアイデアをスケッチすることをためらいがちです。このアプリは、物理的なホワイトボードのスピード感を意図的に模倣したラフスケッチ風の美学を採用しており、デジタルの永続性のメリットを提供しながら、迅速なアイデア出しを促進します。元々はReactエコシステム内で開発され、現在ではexcalidraw/excalidrawで12万以上のGitHubスターを獲得する巨大なプロジェクトへと成長しました。

仕組み

アーキテクチャの観点から見ると、このアプリは軽量なクライアントサイドアプリケーションです。パブリックバージョンは暗号化されたバックエンド経由でデータを保存できますが、セルフホストでは独自の管理下にあるスタンドアロン環境を提供します。レンダリングはブラウザ内でローカルに行われるためサーバーリソースの消費が最小限に抑えられ、非常に効率的です。これにより、低リソースのVPSに最適な候補となります。アプリはローカルファーストで設計されているため、オフラインでも動作し、デフォルトでブラウザに保存されるため、インターネット接続が切れてもセッションが中断されることはありません。すべてのデプロイ詳細はDockerを通じて管理され、さまざまな環境で一貫したパフォーマンスが保証されます。

最初の一時間

デプロイ後、最初の一時間は直感的なツールセットの探索にあてられます。基本的な長方形や矢印を描くことから始まり、図形にスナップするスマートな接続線を発見していくでしょう。ほとんどの技術系ユーザーはすぐにライブラリに飛び込み、AWS、Kubernetes、または基本的なUI要素向けのコミュニティ製アイコンパックをダウンロードします。数分以内に、手描き風に見えながらも完全に編集可能で拡張性のある、完全なアーキテクチャ図を作成できます。ダークモードとライトモードの切り替えや、ストロークスタイルの実験を行って、希望通りの正確な見た目を実現できます。

エコシステムと代替手段

Mermaid.jsのようなテキストから図を作成するツールと比較して、このアプリはフリーフォームのレイアウトにおいて圧倒的な柔軟性を提供します。MiroやLucidchartのようなツールがエンタープライズ向けのプロジェクト管理機能を提供するのに対し、このプロジェクトは、技術的なアイデアを可能な限り最速でスケッチすることに特化しています。高速なアイデア出しのためにプライベートで直感的なキャンバスを必要とする開発者、アーキテクト、デザイナーに完璧にフィットします。また、人気のVS Code拡張機能や、Obsidianなどのメモアプリ向けプラグインなど、さまざまな統合もサポートしています。

このプロンプトとは?

Excalidrawについてのユーザーの声

Excalidrawについてコミュニティがどう思っているか見てください

Excalidrawは、アーキテクチャのスケッチ、フロー、ピッチ図のための非常にシンプルなオープンソースのホワイトボードです。手描き風の見た目で、摩擦がゼロです。
@exploraX_
twitter
Excalidrawを調べてみましたが、すぐにセルフホストのコラボレーションセッションを簡単にサポートしているわけではなさそうです。ただ、個人のスケッチ用としては完璧です。
noBoobsSchoolAcct
reddit
Excalidrawプラグイン:'描画ボード'プラグイン。図やスクラッチを描いてMarkdownファイルに挿入できます...無限キャンバスの描画アプリが手に入ります。
LieGroundbreaking833
reddit
クライアント専用のDockerイメージは、何かをサクッとスケッチしてエクスポートする必要がある社内ドキュメント作成に最適です。
devOpsEngineer99
reddit
パブリックサイトから自分のVPSへスケッチを移行しました。社内のアーキテクチャ図が他人のクラウド上にないというだけで、ものすごく安心できます。
homelab_enthusiast
reddit
手書き風フォントとシンプルさが大好きです。余計な機能がなく、自分の脳と同じスピードで動くキャンバスです。
@tech_lead_sketch
twitter

Excalidrawについての動画

Excalidrawについてのチュートリアル、レビュー、ディスカッションを見る

これのクールなところは、アイコンがあって、必要に応じて画像を追加できる点です...画像を挿入して、ここに描き込むことができます。

ホワイトボードの手描き風のスタイルが本当に好きですが、後からこれらの要素のサイズ変更や変更も簡単に行えます。

素晴らしいのは、タブレットすら必要ないという点です。ペンさえ必要ありません。シンプルなWebアプリケーションなので、あらゆるデバイスから完全に動作します。

プロンプト以上のもの

ワークフローを強化する AI自動化

AutomatioはAIエージェント、ウェブ自動化、スマート統合のパワーを組み合わせ、より短時間でより多くのことを達成するお手伝いをします。

AIエージェント
ウェブ自動化
スマートワークフロー

Excalidrawのプロのヒント

Excalidrawを最大限に活用し、より良い結果を得るための専門家のヒント。

ファイルをローカルにエクスポート

重要な図面は常に .excalidraw ファイルとしてエクスポートしてください。長期保存をブラウザのキャッシュだけに頼らないでください。

アイコンライブラリのインポート

公式ライブラリにアクセスして、AWSやGCPなどのクラウドプロバイダー向けの事前作成済みコンポーネントをダウンロードし、技術ドキュメント作成を効率化します。

プレゼンテーションにはSVGを使用

スライドデッキに図を含める必要がある場合は、SVGとしてエクスポートすることで、解像度に関係なくピクセル化されずに鮮明に保たれます。

お客様の声

ユーザーの声

ワークフローを変革した何千人もの満足したユーザーに加わりましょう

Jonathan Kogan

Jonathan Kogan

Co-Founder/CEO, rpatools.io

Automatio is one of the most used for RPA Tools both internally and externally. It saves us countless hours of work and we realized this could do the same for other startups and so we choose Automatio for most of our automation needs.

Mohammed Ibrahim

Mohammed Ibrahim

CEO, qannas.pro

I have used many tools over the past 5 years, Automatio is the Jack of All trades.. !! it could be your scraping bot in the morning and then it becomes your VA by the noon and in the evening it does your automations.. its amazing!

Ben Bressington

Ben Bressington

CTO, AiChatSolutions

Automatio is fantastic and simple to use to extract data from any website. This allowed me to replace a developer and do tasks myself as they only take a few minutes to setup and forget about it. Automatio is a game changer!

Sarah Chen

Sarah Chen

Head of Growth, ScaleUp Labs

We've tried dozens of automation tools, but Automatio stands out for its flexibility and ease of use. Our team productivity increased by 40% within the first month of adoption.

David Park

David Park

Founder, DataDriven.io

The AI-powered features in Automatio are incredible. It understands context and adapts to changes in websites automatically. No more broken scrapers!

Emily Rodriguez

Emily Rodriguez

Marketing Director, GrowthMetrics

Automatio transformed our lead generation process. What used to take our team days now happens automatically in minutes. The ROI is incredible.

Jonathan Kogan

Jonathan Kogan

Co-Founder/CEO, rpatools.io

Automatio is one of the most used for RPA Tools both internally and externally. It saves us countless hours of work and we realized this could do the same for other startups and so we choose Automatio for most of our automation needs.

Mohammed Ibrahim

Mohammed Ibrahim

CEO, qannas.pro

I have used many tools over the past 5 years, Automatio is the Jack of All trades.. !! it could be your scraping bot in the morning and then it becomes your VA by the noon and in the evening it does your automations.. its amazing!

Ben Bressington

Ben Bressington

CTO, AiChatSolutions

Automatio is fantastic and simple to use to extract data from any website. This allowed me to replace a developer and do tasks myself as they only take a few minutes to setup and forget about it. Automatio is a game changer!

Sarah Chen

Sarah Chen

Head of Growth, ScaleUp Labs

We've tried dozens of automation tools, but Automatio stands out for its flexibility and ease of use. Our team productivity increased by 40% within the first month of adoption.

David Park

David Park

Founder, DataDriven.io

The AI-powered features in Automatio are incredible. It understands context and adapts to changes in websites automatically. No more broken scrapers!

Emily Rodriguez

Emily Rodriguez

Marketing Director, GrowthMetrics

Automatio transformed our lead generation process. What used to take our team days now happens automatically in minutes. The ROI is incredible.

関連 Self-Hosted Apps

Excalidrawについてのよくある質問

Excalidrawに関するよくある質問への回答を見つけてください