主な機能・特徴
リアルタイム自動生成
入力内容を変更するたびにプロンプトが右カラムへ即時反映。生成ボタンを押す必要がありません。
参考画像アップロード
登場人物A・B・フレーム参考の3枚まで画像をアップロード可能。プレビュー表示つき。
登場人物の指定方法を選択
文章＋画像・文章のみ・画像中心の3モードを切り替え可能。用途に合わせた指定ができます。
コマ別に状況・セリフを管理
1〜4コマそれぞれの状況説明とセリフを個別入力。起承転結を丁寧に設定できます。
フレームレイアウトの指定
コマのサイズ・縦横比・余白・枠線などフレーム設定を自由にテキストで指定できます。
ワンクリックコピー
Clipboard APIで生成されたプロンプトを即座にコピー。そのままChatGPT等に貼り付けられます。
2カラムレイアウトについて
左に入力エリア、右にプロンプト出力を固定表示する2カラム構成を採用しています。入力しながら結果をリアルタイムで確認できるため、スクロールを最小限に抑えられます。
LEFT — 入力エリア
RIGHT — 出力（sticky固定）
リアルタイム表示
使い方
基本設定を入力する
タイトル・全体テーマ・作風・フレームレイアウト指定を入力します。
登場人物を設定する
登場人物の指定方法を選び、文章説明や参考画像をアップロードします。
各コマの状況・セリフを入力する
1〜4コマそれぞれの状況説明とセリフを入力します。右カラムのプロンプトがリアルタイムで更新されます。
コピーしてAIで使う
「コピー」ボタンでクリップボードにコピーし、ChatGPT・NovelAI などに貼り付けます。参考画像がある場合は一緒にアップロードしてください。
制作のこだわり・使用技術
CSS 2カラム sticky レイアウト
CSS Gridで左右カラムを構成し、右カラムにposition:stickyを適用。長い入力中も出力が常に見える設計。
JS リアルタイム更新
すべての入力要素にinput/changeイベントを設定。変更のたびにgeneratePrompt()が呼ばれ即時反映。
JS FileReader API
FileReader.readAsDataURL()で画像をBase64変換してプレビュー表示。外部サーバーへのアップロード不要。
JS 動的モード切替
登場人物指定モードのセレクト変更で画像セクションの表示/非表示をtoggleClass()で制御。
UX インラインフィードバック
コピー完了などの通知をalert()ではなくページ内の.noticeで表示。操作の流れを妨げない設計。
設計 プロンプト構造化
AIが解釈しやすいよう、プロンプトを【セクション名】付きの構造化テキストで出力する設計にこだわり。
こんな方におすすめ
ツール情報
| ツール名 | 四コマ漫画プロンプト生成ツール |
|---|---|
| カテゴリ | 創作・AI画像生成補助 |
| 対応AI | ChatGPT（DALL-E）・NovelAI・Stable Diffusion など |
| 料金 | 完全無料 |
| 登録 | 不要 |
| 対応端末 | PC・スマートフォン・タブレット（PC推奨） |
| 参考画像 | 最大3枚（登場人物A・B・フレーム参考）。ブラウザ内のみで処理しサーバー送信なし。 |
| 使用技術 | HTML / CSS（Grid・sticky）/ JavaScript（FileReader API・Clipboard API） |