palxiao/poster-design

何を解決するか

生産環境対応の、即時利用可能なAIポスター編集ツールおよびオンラインクリエイティブ画像デザインツールを提供します。開発の手間をかけずに、ポスター、EC共有画像、長文記事、SNSカバーの作成プロセスを簡素化します。

動作方法

このプロジェクトは、Vue 3とTypeScriptで構築されたネイティブDOMキャンバスエディタを使用しています。ハイブリッド画像生成アプローチを採用しており、html2canvasによるフロントエンドレンダリングと、Puppeteerによるバックエンドレンダリングを併用し、組み込みの並行キューを活用しています。AI機能には、onnxruntime-webと軽量モデルu2netpを統合し、ブラウザ上で直接AI背景除去（マッティング）を実行するため、この特定のタスクに専用のバックエンドサーバーを必要としません。また、PSDファイルのインポート機能もサポートしており、テンプレートの生成を支援します。

対象ユーザー

自社のオンラインデザインプラットフォームを構築またはカスタマイズしたい開発者、およびプロフェッショナルなグラフィックデザインやポスターを素早く作成したいユーザーに最適です。

特徴

• AIツール搭載: インターネット上で直接実行可能なAI画像生成、コピーライティング支援、ブラシ修復/消去ツール付きワンクリックAI背景除去を内蔵。
• 包括的なエディタ: テキストエフェクト（影、ストローク、グラデーション）、画像マスク、SVG編集をサポート。
• プロダクション対応: 完全なバックエンド管理システム、JWTによるユーザー認証、テンプレートとアセットを永続化するSQLiteデータベースを備えています。
• 柔軟な出力: フロントエンドとバックエンドの両方での画像合成をサポートし、保守の負担を軽減します。