コマンドを1行実行するだけで、デザインプラットフォーム大手のコアインターフェースがプライベートサーバー上で立ち上がる。オープンソースプロジェクト「Doory」がその全容を公開した。レイアウト編集やモーションアニメーション、複数人でのリアルタイム共同編集に至るまで、主要機能は一通り網羅されている。公式ホスト版はユーザー登録すら不要で、URLを開けばその場ですぐに使い始められる。
公式の機能対照表は実に率直だ。商業プラットフォームのCanvaが膨大な素材ライブラリを誇るのに対し、Dooryが初期状態で同梱しているテンプレートはわずか10点。開発者はドキュメントの中で、残りのテンプレートは利用者が自前で追加する必要があると明記している。Gitリポジトリのコミット数はわずか6回。Claude Opus 5.5の支援を受けながら、プロジェクトは瞬く間にモダンソフトウェアのインタラクションの骨格を組み上げた。
オープンソース化によって、デザインソフトウェアの機能レイヤーは無償で手に入る汎用コンポーネントとなった。だが、商業大手が収益の源泉としているアセット基盤は、コードを複製しただけでは決して手に入らない。体系的に整備された著作権処理済みテンプレートと商用フォントライセンスが、越えがたい明確なビジネスの境界線を引いている。
コマンド1行で立ち上がる「中身のない器」
プライベート環境へのデプロイは極めてシンプルに設計されている。利用者は設定ファイルを複製して必要なキーを設定し、docker compose up -d --build を実行するだけで環境構築が完了する。サービス全体はデフォルトでホストマシンの8080番ポートにバインドされ、フロントエンド画面とバックエンドAPIは内蔵コンテナから一括配信される。
単一ポートに集約された構成はネットワークトポロジーを単純化する反面、本番運用においてはリバースプロキシやSSL/TLS証明書を自前で用意しなければならないことを意味する。web コンテナにはnginxプロキシが内蔵されており、通常のAPIリクエストとリアルタイム共同編集用のWebSocketトラフィックをバックエンドのDjango 5サービスへ振り分ける。構成コンポーネントにはPostgreSQL、任意のRedis、そしてオブジェクトストレージが含まれる。単一ホストによるコンテナオーケストレーションは社内検証や小規模利用には手軽だが、マルチノードの分散スケジューリング機構を持たないため、高並発な共同編集トラフィックを直接受け止めるのは難しい。
初期起動直後のインスタンスは、文字通り「空っぽの器」だ。システム内には初期アセットが一切含まれておらず、管理者はコマンドラインからデータを手動投入しなければならない。seed_gallery を実行すればプリセットのカテゴリが流し込まれ、sync_fonts --popular 100 を実行すれば100種類のオープンソースフォントが同期される。100種類のフォントがあれば基礎的なタイポグラフィはカバーできるが、実務的な商業クリエイティブを制作するとなれば、利用者は依然として高価な商用フォントを独自に調達する必要がある。
図:ブラウザ上で動作するフル機能のデザインエディタ。右側パネルにはレイヤー管理とタイポグラフィツールが統合されている。出典:Doory リポジトリ README。
ブラウザで動くモデルと共同編集:技術スタックに秘密なし
Dooryの技術選定はモダンな主流トレンドを忠実になぞっている。フロントエンドはReact 19とTypeScriptで構築され、キャンバスのコア描画はFabric.jsが担い、状態管理はZustandが司る。Fabric.jsがオブジェクトのヒット判定やアフィン変換行列、ベクター描画を抽象化してくれているため、個人開発者が低レイヤーのレンダリングパイプラインを一から組む必要はない。成熟したグラフィックスライブラリが開発のハードルを劇的に引き下げた好例だ。
リアルタイム共同編集はYjsとDjango Channelsの組み合わせによって実現されている。YjsはCRDT(競合解消型レプリケーションデータ型)を採用し、並発編集やカーソル同期の計算をクライアントローカルで完結させる。Django ChannelsはWebSocket経由で状態更新をブロードキャストする役割に徹し、サーバー側での複雑なロック競合を回避している。状態演算をエッジに逃がすことでバックエンドの負荷は大幅に軽減されるが、オブジェクトが密集した巨大なキャンバスでは、低スペック端末のメモリ消費が跳ね上がる要因にもなる。
モーションシステムには、27種類のイン/アウトアニメーション、12種類の強調アニメーション、16種類のシーン切り替えトランジションが用意されている。専用タイムラインはマルチレイヤーのシーケンス制御に対応しており、静止画ポスターからMP4、WebM、アニメーションGIF形式への直接書き出しが可能だ。表現力の幅を広げる一方で、高密度なキーフレーム計算はブラウザのメインスレッドに無視できない継続的負荷を与える。
画像の背景切り抜き(リバース/背景除去)機能には、ブラウザ上で直接動作するクライアントサイド機械学習モデルが採用されている。高解像度の元画像を外部サーバーに送信することなくローカルで推論が完了するため、ユーザーのプライバシーが保護され、ホスト側のサーバー計算リソースも圧迫しない。だがその代償として、推論コストはユーザー個人のPCスペックへ直接転嫁される。
図:キャンバス上の全オブジェクトは独立したレイヤーとして管理され、リネーム、ロック、非表示、ドラッグによる並び替えに対応。出典:Doory リポジトリ README。
2万5千点のアイコンでも埋まらない「著作権の溝」
オーディオやビジュアル素材はデザインソフトウェアにとっての血肉である。Dooryには24曲のBGMループと88種類の効果音クリップが内蔵されており、すべてCC0ライセンスに準拠している。権利トラブルのない無償音源は簡易なプレゼン動画やプロトタイプには十分だが、特定のブランドトーンや感情を表現したい商業プロモーション映像では、有償の商用音楽ライブラリを頼らざるを得ない。
同梱されているビジュアルアセットには、約25,000点のアイコン、絵文字、イラストレーションが含まれる。2万点以上の汎用パーツがあれば、基礎的なダイアグラムや図解の作成には事足りる。しかし本格的なブランドコミュニケーションの現場では、統一感のない無料素材の寄せ集めで一貫したビジュアル言語を維持するのは困難だ。ストックフォト検索機能を利用するには、ユーザー自身がUnsplashやPexelsのAPIキーを入力しなければならない。キーの持ち込み形式は作者側の法的・帯域的リスクを回避できるが、API枠の制限や購入コストはエンドユーザーにそのまま転嫁される。
公式ドキュメントが正直に記している通り、初期テンプレートはわずか10点にとどまる。10点あればレイアウトエンジンの動作検証には十分だ。だが商業プラットフォームの価値は、業種別、デザインスタイル別、利用シーン別に体系化された膨大なテンプレート群にある。テンプレートの本質とは、ファイルという形式に凝縮されたプロのデザイン知見や業務ノウハウそのものだ。コードは短期間で模倣できても、産業化されたコンテンツ資産を築くには、プロのクリエイティブチームによる長期的な蓄積が不可欠である。
図:初期同梱テンプレートはわずか10点。膨大に体系化された素材資産こそが、依然として商用プラットフォームの独占的参入障壁である。出典:Doory リポジトリ README。
粗削りな操作感が浮き彫りにする「機能再現」と「成熟製品」の距離
機能一覧だけを見れば、このオープンソースプロジェクトはほぼ完璧に見える。しかし細部の操作感に目を向けると、製品としてのブラッシュアップ期間の短さが如実に表れている。特定のウィンドウ比率では図形メニュー内のテキストが不自然に改行されて枠をはみ出し、ヘッダーナビゲーションのボタン間隔は窮屈で、一部のツールパネルはフォーカスを失っても自動で閉じない。こうしたエッジケースの荒さは操作の軽快感を損ない、長時間の作業でユーザーに細かなストレスを蓄積させる。
UI上のステータス表示にも論理的な矛盾が見られる。キャンバス上部に「保存済み」と「ブラウザにローカル保存」という2つのステータスが同時に表示され、統一された状態同期がなされていないため、データの永続性に不安を抱かせる。エクスポートと共有の導線は左右のサイドバーに散らばり、作業中にもアカウント登録を促すメッセージが頻繁に表示されるなど、デザイン作業への集中を阻害する場面が散見される。
リポジトリのコミット履歴はわずか6回であり、コミットログにはClaude Opus 5.5と協調して開発を進めた旨が幾度も記されている。最新のLLMを使えば、ソフトウェアの骨格を爆速で立ち上げることは可能だ。だが、クロスプラットフォームでの安定した挙動やストレスのないUXを作り込むには、依然としてエンジニアによる地道なチューニングが欠かせない。また、ライセンスにはAttribution Assurance Licenseが採用されており、商業配布時に目立つ形でのクレジット表記が義務付けられている。この条項はノーブランドのOEM商用化を阻み、無秩序な二次配布へのハードルとなっている。
オープンソースは「道具の部品」を作れても「エコシステム資産」は買えない
Dooryを巡る議論は、クリエイティブツールの進化の本質を浮き彫りにしている。機能実装という観点で見れば、ブラウザ上で動くグラフィックスエディタを構築することに、もはや特筆すべき技術的障壁は存在しない。Fabric.jsが描画を標準化し、Yjsが共同編集の競合を解決し、Reactがコンポーネント化を支える。グラフィックツールの「ソフトウェア本体」は、オープンソース世界における汎用コモディティへと姿を変えつつある。
だが商業デザインプラットフォームの真の参入障壁は、最初からソフトウェアコードそのものにはなかった。Canvaの真価はクリエイターエコノミーの商業循環の上にある。デザイナーは成果物からロイヤリティを受け取り、法人顧客は権利クリアランスと商用免責が保証された正規アセットを購入する。セルフホストのプログラムはクリーンな編集画面を提供してくれるが、世界規模で結ばれた商業契約ネットワークと法的是認を、Dockerイメージと一緒にパッケージングすることはできない。
AI支援ツールの普及に伴い、今後も同様の技術的プロトタイプが各領域で登場するだろう。データの完全な自社管理を最優先する組織にとって、Dooryは極めて価値の高いセルフホスト型リファレンス実装となる。一方で、膨大なテンプレートと素材を手軽に活用したい一般ユーザーにとっては、成熟した商業プラットフォームの統合的優位性が揺らぐことはない。オープンソースはツールの民主化という最初の一歩を刻んだが、エコシステム資産の蓄積はまだ始まったばかりだ。
参考リンク:
- Doory 公式コードリポジトリとプロジェクト説明
- Hacker News コミュニティ議論
- Doory オンラインデモ環境