「AIイラスト術 天下一武道会」エントリー作品
寄稿者：nicさん
こんにちは
nicです。
プロンプトを逐一入力するのが手間に思う事は無いですか？
特に漫画を描きたい時など、沢山のキャラを出さなくてはならない時はプロンプト入力が手間に感じるかと思います。
WEBUIにもプロンプトを保存する機能はありますが少々不便です。
そこで自分でカスタマイズ出来るプロンプトジェネレーターを作成しました。
プロンプトジェネレータの使い方
まず、下記コードをコピーしてメモ帳に貼り付けて.html拡張子で保存します。
<!DOCTYPE html>
<html>
<head>
<title>プロンプトジェネレーター</title>
</head>
<body>
<h2>カテゴリタイトル</h2>
<p>ボタンをクリックしてね</p>
<button onclick="appendText('prompt')">プロンプトの名前</button>
<button onclick="appendText('prompt2')">プロンプトの名前２</button>
<button onclick="appendText('prompt3')">プロンプトの名前３</button>
<button onclick="appendText('prompt4')">プロンプトの名前４</button>
<hr>
<textarea id="output" rows="10" cols="50"></textarea>
<script>
function appendText(text) {
var outputElement = document.getElementById("output");
if (outputElement.value === "") {
outputElement.value = text;
} else {
outputElement.value += ", " + text;
}
}
</script>
<button onclick="copyToClipboard()">コピー</button>
<script>
function copyToClipboard() {
var outputElement = document.getElementById("output");
outputElement.select();
document.execCommand("copy");
}
</script>
<button onclick="clearTextarea()">テキスト削除</button>
<script>
function clearTextarea() {
var outputElement = document.getElementById("output");
outputElement.value = "";
}
</script>
</body>
</html>
好きな場所に保存したらアイコンをクリックしてください。
ブラウザが立ち上がって、プロンプトジェネレーターが表示されます。
※ブラウザが立ち上がらない場合にはchromeなどのブラウザにドラッグアンドドロップ
ボタンをクリックすると任意のテキストが最下部のボックスに出力されます。
それをコピーすればOK！
カンマは自動で入力される仕組みとなっております。
プロンプトジェネレータを編集する
まずhtmlをメモ帳で開きましょう。
テキストエディターを持っている方はそちらで開いて編集して下さい。atomなど何でも良いです。
カテゴリタイトルの編集の仕方
<h2>カテゴリタイトル</h2>
カテゴリタイトルの部分は<h2><\h2>
で囲われた部分を編集しましょう。
ボタン部分の編集の仕方
ここは英字のプロンプトを書く部分です。
ここは日本語でボタン名を書く所です。
‘カンマや<>カッコを消さない様に気をつけて編集しましょう。
カンマを消したら動きません。
ボタンの増やし方
<button onclick="appendText('prompt')">〜</button>
この部分をコピーアンドペーストするとボタンが増やせます。
この様にカテゴリごとに分けると使いやすいかと思います。
最後に
勿論htmlの中にウイルスなどは仕込まれていませんが、htmlファイルをダウンロードするのが怖い！という方はchatGPTでリクエストすれば簡単に同じジェネレーターを作ることができます。
このジェネレーターは分かりやすい様にCSSなどデザイン的な物は一切加えていません。
お好みでCSSを加えてデザインを整えて貰っても良いかと思います。
（おわり）
