プロンプト
855 語gpt image 2の生図能力は本当に驚異的です。私の提示内容は以下の通りです： 01 フロントエンド（ユーザーが見る部分） - 何か：フロントエンドはインターフェースで、ユーザーが見て、クリックし、操作できる部分です。 - どこに：ウェブページ、小プログラム、アプリのインターフェース。 - 何で作るか：HTML（構造）、CSS（スタイル）、JavaScript（インタラクション）。 02 バックエンド（裏で処理する部分） - 何か：バックエンドは裏方の脳で、論理と計算を担当します。 - どこに：サーバー上で、ユーザーには見えません。 - 役割： - ログイン登録の処理 - 価格計算、商品推薦 - フロントエンドからのリクエストを受け取り、データを返す - よく使われるプログラミング言語：Java、Python、Go、JavaScript（Node.js） 03 データベース（記憶の部分） - 何か：データベースはデータを保存・管理するためのものです。 - 何を保存するか：アカウント、パスワード、注文、在庫… - 一般的なデータベース： - MySQL、PostgreSQL（リレーショナル型、表のようなもの） - MongoDB（ドキュメント型、フォルダのようなもの） 04 SaaS（ソフトウェアとしてのサービス） - 何か：SaaS = Software as a Service（ソフトウェアとしてのサービス）。 - 核心的特徴： - ウェブページ/小プログラム/アプリを開くだけで使える - 月額または年額でのサブスクリプション - 一般的な形態：ウェブサイト、モバイルアプリ、小プログラムはすべてSaaSになり得ます。 05 まとめ - フロントエンド：ユーザーが見て操作するインターフェース - バックエンド：裏で動作する論理と計算 - データベース：データを保存・管理する場所 - SaaS：ソフトウェアをサービスとして提供し、ユーザーがいつでもネットワークを通じて利用可能 フロントエンド表示 → バックエンド処理 → データベース保存 → SaaSは提供方法です。 上記の内容に基づいて、理解しやすい図を描いてください。
このプロンプトについて
前後端データベースSaaS情報図 は Image 2 で GPT Image 2 にそのまま使えるUIモックアッププロンプトです。下の 855 語をコピーして作成フォームに貼り付けると、上のプレビューに近い結果を生成できます。 UI, モックアップ タグを調整すると、別の方向性にも展開できます。
出発点として使い、被写体、ライティング、構図を変えながら仕上げてください。そのまま使ってもリミックスしても、生成コストは同じです。
用途
UIモックアップ制作の起点に使いやすいプロンプト
前後端データベースSaaS情報図 に近い UIモックアップ の画像を作りたいときは、この GPT Image 2 プロンプトから始めるとスムーズです。画面の方向性と構成はすでに整っているので、被写体、商品、色、シーンの細部だけを自分の内容に差し替えられます。
まず調整しやすいところ
- 被写体 人物、商品、場所、オブジェクトを自分の内容に差し替え、構図はそのまま活かします。
- 雰囲気 ライティング、配色、カメラ角度、質感をブランドや用途に合わせます。
- 仕上がり 生成前にアスペクト比、背景、文字、レイアウト指定を整えます。
使い方
- ステップ 1
プロンプトをコピー
上のコピー ボタンで全文を取得します。
- ステップ 2
Image 2 Create を開く
作成フォームに移動して貼り付けます。
- ステップ 3
生成する
Generate を押すと、数秒であなたのバージョンが完成します。
自分用に調整
ワンクリックで作成フォームに読み込み、すぐに調整を始められます。
