魔法AIイラスト

Next.js をベースに開発された AI 描画アプリで、以下の主な機能を備えています：

• 🎨 複数の AI モデル（Sora、DALL-E、GPT、GEMINI など）およびカスタムモデルの追加に対応
• 🖼️ テキストから画像生成・画像から画像生成機能、複数画像参照やエリア編集をサポート
• 🔐 全データとAPIキーをローカル保存し、プライバシーと安全性を確保
• 💻 ウェブ版およびデスクトップアプリのパッケージングに対応、クロスプラットフォーム利用可能

オンライン体験

アクセス先：https://image-front-eight.vercel.app/

アプリのスクリーンショット

機能特徴

• 🎨 複数の AI モデル対応
• GPT Sora_Image モデル
• GPT 4o_Image モデル
• GPT Image 1 モデル
• DALL-E 3 モデル
• GEMINI モデル
• 🆕 カスタムモデル（プライベートモデル追加対応）
• 🔄 複数モデルの切り替え
• 異なるモデル間での高速切り替えに対応
• 各モデルごとに独立した設定オプション
• ✍️ テキストから画像生成機能
• カスタムプロンプト対応
• 画像比率の選択が可能
• 複数画像サイズに対応
• 🖼️ 画像から画像生成機能
• 画像編集をサポート
• エリアマスク編集対応
• 画像品質調整に対応
• 複数画像の参照をサポート（複数枚同時アップロード可能）
• 🔒 データセキュリティ
• 生成された画像や履歴はすべてローカルブラウザのみに保存
• カスタムAPIプロキシアドレスの設定に対応
• API Keyの設定に対応
• 📱 UIデザイン
• モダンなユーザーインターフェース
• 滑らかなインタラクション体験
• Markdown形式で表示
• コードのハイライト対応
• 🖥️ クロスプラットフォーム対応
• デスクトップアプリ（Windows、macOS、Linux）としてパッケージ化可能
• オフライン利用に対応（API設定が必要）

技術スタック

• Next.js 14
• TypeScript
• Tailwind CSS
• shadcn/ui
• React
• Tauri（デスクトップアプリパッケージ化）

ローカル開発

• プロジェクトをクローン

git clone https://github.com/HappyDongD/magic_image.git
cd magic_image

• 依存関係のインストール

npm install
或
yarn install
或
pnpm install

• 開発サーバーの起動

npm run dev
或
yarn dev
或
pnpm dev

• http://localhost:3000 にアクセスする

デスクトップアプリのパッケージ化

本プロジェクトでは Tauri を使用してデスクトップアプリのパッケージ化を行い、Windows、macOS、Linux の各システムをサポートしています。

環境準備

デスクトップアプリのパッケージ化前に、以下の依存関係をインストールする必要があります：

• Rust のインストール：
• https://www.rust-lang.org/tools/install にアクセスする
• 指示に従い Rust と Cargo をインストールする
• システム依存関係：
• Windows: Visual Studio C++ ビルドツール をインストールする
• macOS: Xcode コマンドラインツールをインストールする (xcode-select --install)
• Linux: 関連する依存関係をインストールする。詳細は Tauri ドキュメント を参照

開発モード

# 安装 Tauri CLI
npm install -D @tauri-apps/cli
启动桌面应用开发模式
npm run tauri:dev

デスクトップアプリの構築

# 构建桌面应用安装包
npm run desktop

Vercel デプロイ

• 本プロジェクトをあなたの GitHub アカウントにフォークします
• Vercel で新しいプロジェクトを作成します
• あなたの GitHub リポジトリをインポートします
• デプロイをクリックします

使用方法

• 初回使用時に API キーを設定する必要があります
• 右上の「キー設定」をクリックします
• API キーとベースアドレスを入力します
• 保存をクリックします
• URL パラメータでのクイック設定も可能です：

• 生成モードの選択
• テキストから画像生成：テキスト説明で画像を生成
• 画像から画像生成：画像をアップロードして編集
• 生成パラメータの設定
• AIモデルの選択（内蔵モデルまたはカスタムモデル）
• 画像の比率設定
• 画像品質の調整（画像生成モード）
• カスタムモデル管理
• モデル選択欄の横にある設定アイコンをクリック
• 新しいモデル追加：モデル名、モデル値、モデルタイプを入力
• モデル編集：既存モデルの編集ボタンをクリック
• モデル削除：既存モデルの削除ボタンをクリック
• モデル選択：モデルのプラスボタンをクリックして即時選択
• モデルタイプ説明
• DALL-E形式：画像生成API（/v1/images/generations）を使用
• OpenAI形式：チャットAPI（/v1/chat/completions）を使用
• 画像生成
• プロンプトを入力
• 「画像生成」ボタンをクリック
• 生成完了まで待機
• 画像管理
• 履歴の閲覧
• 生成画像のダウンロード
• 既存画像の編集

注意事項

• 生成されたすべての画像と履歴はローカルのブラウザにのみ保存されます
• プライベートモード利用やデバイス変更でデータが失われます
• 重要な画像は早めにダウンロード・バックアップしてください
• API設定は安全にブラウザ内に保存され、サーバーにはアップロードされません
• HTTPSサイトでHTTPリソースを読み込む場合、ブラウザによりブロックされます。アプリは自動でHTTP APIをHTTPSに変換します

貢献ガイド

Issue や Pull Request を提出して、プロジェクトの改善にご協力ください。

ライセンス

本プロジェクトは Apache License 2.0 ライセンスを採用しています。

ライセンスに従い、以下が可能です：

• ✅ 商用利用：ソフトウェアを商用利用できます
• ✅ 改変：ソフトウェアのソースコードを改変できます
• ✅ 再配布：ソフトウェアを再配布できます
• ✅ 個人利用：ソフトウェアを個人利用できます
• ✅ 特許許諾：本ライセンスは特許の許諾も提供します

• 📝 ライセンスと著作権表示：元のライセンスと著作権表示を含める必要があります
• 📝 変更の明示：元のコードに重大な変更を加えた場合、変更内容を明示する必要があります
• 📝 商標について：コントリビューターの商標を使用してはいけません

コーヒーをご馳走してください

このプロジェクトが役立った場合、ぜひコーヒーをご馳走してください ☕️

コーヒーをご馳走してください

連絡先

ご質問やご提案がありましたら、WeChat でご連絡ください：

QRコードをスキャンして WeChat に追加してください

--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---