HN 日本語サマリー

← 一覧へ戻る
オープンソース

Doory – オープンソースのCanva

Doory – Open-Source Canva (github.com)

19 pointsby acley2 コメント

要約

Dooryは、ブラウザで動作するオープンソースのフルデザインエディターです。ポスター、ソーシャル投稿、スライド、名刺など、様々なデザインをテンプレートまたは空白ページから作成し、PNG、JPG、SVG、PDF、MP4、GIF形式でエクスポートできます。全ての機能が無料で提供され、アカウント登録なしで利用でき、自身のサーバーでホストすることも可能です。

全文翻訳

アクションを見る · 特徴 · テンプレート · Doory vs Canva · セルフホスト · FAQ Dooryは、ブラウザで動作するフルデザインエディターです。テンプレートまたは空白ページから始めて、ポスター、ソーシャル投稿、ストーリー、スライド、招待状、履歴書、サムネイル、名刺を作成し、PNG、JPG、SVG、PDF、MP4、またはGIFにエクスポートできます。全ての機能は無料で、誰もがアカウントなしで開始でき、全体を自分のサーバーで実行できます。 🎬 アクションを見る 実際の未編集の録画:テンプレートを選択し、バンド名を変更し、日付の色を変更し、星を追加してエクスポートします。 💜 なぜ人々はDooryを選ぶのか 🆓 本当に無料 Proプラン、ロックされたテンプレート、ウォーターマーク、広告はありません。背景削除からビデオエクスポートまで、エディターの全てのツールが誰にでも利用可能です。 ⚡ ワンクリックで開始 エディターを開いてデザインします。ゲストの作業はブラウザに保存されます。クラウドにデザインを保存したい場合にのみアカウントを作成すれば、それらは1ステップで移行します。 🏠 あなたがホスト可能 1つのdocker compose upで、アプリ、API、データベース、ライブコラボレーションが自分のサーバーで実行されます。全てのデザインとアップロードはあなたの管理下に置かれます。 🛠️ 本物のエディター レイヤー、グループ、マスク、フィルター、カーブテキスト、スナップ、ルーラー、マルチページデザイン、アニメーション、オーディオ、プレゼンテーション、コメント、リアルタイム共同編集。 🎨 デザインに必要な全て 全てを編集 テキスト、シェイプ、写真を変更するにはクリックするだけです。フォント、色、サイズ、配置、エフェクトは、ページ上のツールバーでワンクリックで利用できます。 命を吹き込む 27種類の入退場アニメーション、12種類のリズムエフェクト、16種類のアニメーションページトランジション、内蔵ライブラリからの音楽と効果音。プレゼンテーションしたり、ビデオとしてエクスポートしたりできます。 整理整頓 全てのオブジェクトはレイヤーとして、名前変更、ロック、非表示、ドラッグによる並べ替え、グループ化、または右クリックでのコピー、複製、削除、配置が可能です。 どこへでもエクスポート 透過PNG、JPG、SVG、PDF、さらにMP4、WebM、アニメーションGIFを全てブラウザ内で作成できます。印刷が必要ですか?塗り足しとトンボ付きの印刷用PDFを取得してください。完全な機能リストを見る テキスト 見出し、カーブテキスト、テキストエフェクト、フォントペアリング、箇条書きおよび番号付きリスト、オープンライセンスのフォントカタログ、独自のアップロードフォント。 要素 シェイプ、線、矢印、約25,000個のアイコン、絵文字、イラスト、ステッカー、QRコード。 写真 アップロード、クロップ、マスクとフィルター、ワンクリック背景削除(モデルはブラウザで実行)、UnsplashまたはPexelsキーでのストックフォト検索。 レイアウト ロックと非表示付きレイヤー、グループ、整列ガイド、スナップ、ルーラー、異なるサイズのページを持つマルチページデザイン、マジックリサイズ。 モーション タイムライン上での27種類のアニメーション、12種類のエフェクト、16種類のアニメーションページトランジション。 サウンド 内蔵ライブラリの24種類の音楽ループと88種類のエフェクト(CC0)、アップロード、ボイスオーバー録音、トリムとフェード。 プレゼンテーション スピーカーノート、タイミング、自動進行、レーザーポインター、セカンドプレゼンターウィンドウ付きのプレゼンテーションモード。 共同編集 表示、コメント、編集(オプションでパスワード保護可能)が可能な共有リンク、ピン留めコメント、バージョン履歴、ライブカーソルでのリアルタイム共同編集。 ブランド 色、フォント、ロゴを含むブランドキット。全てのデザインでワンクリックで利用可能。 エクスポート PNG、JPG、SVG、PDF、MP4、WebM、アニメーションGIFを全てブラウザ内で作成。さらに印刷用PDF(塗り足しとトンボ付き)。 🖼️ 最初から見栄えの良いテンプレート Dooryには10個のスターターテンプレートが付属しており、それぞれ独自のパレットとオープンライセンスフォントが設定されており、完全に編集可能です:ギグポスター、結婚式の招待状、イベントストーリー、セール投稿、カフェフライヤー、引用カード、履歴書、YouTubeサムネイル、ピッチデッキ、名刺。管理画面で独自のテンプレートを追加でき、カテゴリ、サイズ、向きで全てを閲覧できます。 ⚖️ Doory vs Canva Canvaは素晴らしい製品です。Dooryは、同じ種類のツールを求めているが、無料でオープンで、自分の手で管理したい人々のためのものです。 Doory | Canva 価格 | 無料、全機能 | 無料プラン、有料ProおよびTeamsプラン オープンソース | ✅ | ❌ 自分のサーバーで実行 | ✅ | ❌ アカウントなしでデザイン | ✅ | ❌ 自分が管理するインフラストラクチャにファイルが保存される | ✅ | ❌ リアルタイム共同編集とコメント | ✅ | ✅ アニメーション、ビデオ、GIFエクスポート | ✅ | ✅ 背景削除 | ブラウザ内で ✅ | ✅ テンプレートライブラリ | 10個のスターターテンプレート、追加可能 | 非常に大きなライブラリ 🚀 3コマンドでセルフホスト cp .env.example .env # DJANGO_SECRET_KEY (openssl rand -base64 48) と POSTGRES_PASSWORD を設定 docker compose up -d --build docker compose exec api python manage.py createsuperuser http://localhost:8080 を開いてデザインを開始します。 Webコンテナはアプリを提供し、/apiと/wsをバックエンドに転送するため、ブラウザは常に1つのアドレスとしか通信しません。 スターターコンテンツ(テンプレート、アイコン、フォント、オーディオ)を追加する 新しいサイトは空の状態から始まります。実行後、必要なものを追加してください: docker compose exec api python manage.py seed_gallery # テンプレートカテゴリ docker compose exec api python manage.py sync_fonts --popular 100 docker compose exec api python manage.py seed_templates # スターターテンプレート(--update を追加して更新) docker compose exec api python manage.py seed_elements # シェイプとグラフィック docker compose exec api python manage.py sync_element_packs # アイコン、絵文字、イラスト(ダウンロード) docker compose exec api python manage.py sync_models # 背景削除モデル docker compose exec api python manage.py sync_audio # 音楽と効果音 知っておくべき設定 (.env) 設定 | 説明 SITE_URL | サイトの公開アドレス、例: https://doory.example.com (末尾にスラッシュなし) DJANGO_ALLOWED_HOSTS | サイトが応答するホスト名、カンマ区切り SECURE_SSL_REDIRECT, SECURE_COOKIES | HTTPS の場合は true、平文 HTTP の場合は false EMAIL_URL, DEFAULT_FROM_EMAIL | SMTP、例: smtp+tls://user:password@smtp.example.com:587 (これがない場合、メールは API ログに出力されます) WEB_PORT, WEB_BIND | サイトが公開される場所(デフォルト 0.0.0.0:8080) INSTALL_CHROMIUM | サーバーサイド PDF エクスポートに必要なヘッドレスブラウザをスキップします GOOGLE_CLIENT_ID | 「Google でログイン」を有効にします UNSPLASH_ACCESS_KEY, PEXELS_API_KEY | ストックフォト検索を有効にします USE_S3 および AWS_* | アップロードをローカルボリュームではなく S3互換ストレージに保存します ローカル開発 make setup # virtualenv、依存関係、ローカルデータベース make dev-api # API (http://localhost:8000) make dev-web # アプリ (http://localhost:5173) (別のターミナル) make help # 他のターゲット(テスト、lint、コンテンツ)を一覧表示します。 ❓ FAQ 本当に無料ですか? はい。Dooryにはプラン、ペイウォール、広告はありません。全ての機能が誰にでも利用可能です。 アカウントは必要ですか? いいえ。ゲストはすぐにデザインを開始でき、作業はブラウザに保存されます。アカウントはデザインをクラウドに保存し、共有を可能にし、ブランドキットを使用できるようにします。サインアップすると、ゲストのデザインが1ステップで移行します。 ビジネスに使用したり、ユーザーのためにホストしたりできますか? はい、ライセンスが求める通り著者にクレジットを付与する限り可能です:ライセンスとNOTICEを一緒に保持し、実行中のアプリにクレジットを表示してください。ライセンスとクレジットを参照してください。 デザインはどこに保存されますか? ゲストのデザインと画像は、そのデバイスのブラウザに保存されます。サインインしたデザインは、Dooryを実行しているサーバー(セルフホストの場合はあなたのサーバー)に保存されます。アップロードはローカルボリュームまたはS3互換ストレージに保存できます。 🧱 React 19, TypeScript, Vite, Fabric.js, Yjs, Zustand (ブラウザ側) および Django 5, Django REST Framework, Channels, PostgreSQL (サーバー側) で構築。Docker Compose with nginx、オプションでRedisおよびS3互換ストレージを使用。 🤝 貢献 バグレポート、アイデア、プルリクエストを歓迎します。バグレポートや機能提案はイシューを開いてください。セキュリティ上の問題については、リポジトリのセキュリティタブを通じてプライベートに報告してください。Dooryが役に立った場合は、⭐ をクリックすると他の人が見つけやすくなります。 📜 ライセンスとクレジット DooryはAttribution Assurance Licenseの下でリリースされています。商用利用を含む、使用、変更、再配布が可能ですが、著者にクレジットを付与する必要があります:ライセンスとNOTICEを一緒に保持し、実行中のアプリにこのクレジットを顕著に表示してください:Doory by Siam, creator and maintainer of Doory — https://github.com/shaongitbd/doory サードパーティのソフトウェア、フォント、コンテンツは独自のライセンスを保持します。詳細はTHIRD_PARTを参照してください。