🎨 AI漫画Studio セットアップガイド
AI漫画Studioをお買い上げいただきありがとうございます！
以下の手順に従って、漫画制作環境をセットアップしましょう。
📦 Antigravityの導入
AI漫画Studioは、AIコーディングエージェント「Antigravity」と連携して動作します。
- Gemini CLIをインストール（公式ページ）
- ダウンロードしたZIPを解凍し、フォルダをAntigravityで開く
- Antigravityが自動的に設定を読み込みます
🔑 アカウント登録
AI漫画Studioを使うにはアカウントが必要です。
- インフォトップの購入完了メールから注文IDを確認
- 下の「アカウント登録」ボタンをクリック
- 注文ID・ユーザー名・パスワードを入力して登録
🖼️ ComfyUIの接続（オプション）
AI画像生成を使いたい場合は、ComfyUIを接続します。
- ComfyUIをローカルにインストール
- スタジオのサイドバーから「ComfyUI」アイコンをクリック
- ComfyUIのアドレス（通常
http://127.0.0.1:8188）を入力
.ams-guide {
max-width: 720px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, sans-serif;
}
.ams-guide-hero {
text-align: center;
padding: 2rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
border-radius: 16px;
margin-bottom: 2rem;
}
.ams-guide-hero h2 { margin: 0 0 0.5rem; font-size: 1.8rem; }
.ams-guide-hero p { margin: 0; opacity: 0.9; line-height: 1.6; }
.ams-step {
display: flex;
gap: 1.2rem;
padding: 1.5rem;
margin-bottom: 1rem;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
border: 1px solid #eee;
}
.ams-step-optional { border-style: dashed; opacity: 0.85; }
.ams-step-number {
flex-shrink: 0;
width: 40px; height: 40px;
background: linear-gradient(135deg, #667eea, #764ba2);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.2rem;
}
.ams-step-content h3 { margin: 0 0 0.5rem; }
.ams-step-content p { margin: 0.3rem 0; color: #444; }
.ams-step-content ol { margin: 0.5rem 0; padding-left: 1.2rem; }
.ams-step-content li { margin: 0.3rem 0; color: #444; }
.ams-tip {
margin-top: 0.8rem;
padding: 0.6rem 0.8rem;
background: #f0f7ff;
border-radius: 6px;
font-size: 0.9rem;
color: #336;
}
.ams-guide .ams-btn {
display: inline-block;
margin-top: 0.8rem;
padding: 0.7rem 1.5rem;
background: linear-gradient(135deg, #667eea, #764ba2);
color: #fff;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
}
.ams-guide .ams-btn:hover { opacity: 0.9; }
.ams-guide-footer {
margin-top: 2rem;
padding: 1.5rem;
background: #f8f8f8;
border-radius: 12px;
text-align: center;
}
.ams-guide-footer h3 { margin: 0 0 0.5rem; }
.ams-guide-footer p { margin: 0; color: #666; }