AI コード解説用英語学習ポスター

AI にコードの解説を求める際に役立つ実用的な英語フレーズを学べる、縦型の日本のアニメ風学習ポスターを生成します。

プロンプト

{"type":"AI コーディングアシスタントを活用した英語学習用の縦型教育インフォグラフィックポスター","style":"明るく清潔感のあるアニメ雑誌風レイアウト、gpt-image-2 スタイル、洗練されたアニメイラストと組み合わせた鮮明なベクタータイポグラフィ、白背景、丸みを帯びた青い枠線、ティールとネイビーのグラデーション、ピンクのアクセントリボン、点線の区切り線、かわいいアイコン、高解像度の印刷可能な学習教材","canvas":{"orientation":"portrait","aspect_ratio":"9:16","background":"薄い丸みを帯びたシアン色のフレームと小さな装飾用の星や強調マークをあしらった白背景"},"theme":{"headline_context":"AI にコードや仕様の解説を求めるための架空の実用的な英語学習教材","main_topic":"AI に説明を求める","top_badge_text":"AI といっしょに、英語で伝えて、もっと良いコードへ！","subtitle_text":"コードや仕様が分からないときに使う表現"},"layout":{"sections":[{"title":"top header","position":"top","count":3,"elements":["トップバッジのテキストが入ったピンクの丸みを帯びたバナー","ティールからネイビーへのグラデーションで大きく書かれた日本語の見出し：AI に説明を求める","黄色い日本語テキストが入ったダークネイビーのピル型サブタイトル"]},{"title":"main phrase speech panel","position":"upper middle","count":3,"elements":["まずはコレ！と書かれた小さなメガホンラベル","大きな英語フレーズ：Can you explain what this function does?","その下の日本語訳：この関数が何をするか説明してくれますか？"],"panel_style":"シアン色で縁取られた、キャラクターの方を向いている大きな丸みを帯びた長方形の吹き出し"},{"title":"coding example panel","position":"middle left","count":1,"elements":["macOS 風の 3 つのドットが付いたダークなコードエディタウィンドウ（example.py）。Python コード：def calculate_average(numbers):, total=0, count=0, loop through numbers, return total/count, data list, avg calculation, print(avg)；関数ブロックはピンクの点線で囲まれている"]},{"title":"anime teacher character","position":"middle right","count":1,"elements":["紫色の長いサイドポニーテールの女性アニメ AI-tuber 講師。AITuber と書かれたティール色の T シャツ、オーバーサイズの青とピンクのジャケットを着用し、ハートアイコン付きのグレーのタブレットを持ってコードパネルを指差している","彼女の手の近くにある小さな吹き出し：この部分の役割を教えて！"],"character":{"name":"Nike-chan","hair_color":"深い紫色","outfit":"ティール色の AITuber シャツ、パステルカラーのサイバージャケット、カジュアルで親しみやすい教育者の装い"}},{"title":"chibi reaction character","position":"lower left","count":1,"elements":["同じ紫色の髪のキャラクターの小さな座ったちびキャラバージョン。困惑した表情で、頭の上に疑問符の吹き出しがある"]},{"title":"alternative phrase cards","position":"lower middle right","count":3,"labels":["Can you explain this in simple terms? / これを簡単な言葉で説明してくれますか？","Why did you choose this approach? / なぜこの方法を選んだのですか？","What does this variable mean? / この変数は何を意味しますか？"],"card_style":"青い枠線、点線の区切り線、チャット吹き出し・電球・疑問符の円形アイコンが付いた、積み重ねられた 3 枚の丸みを帯びた白いカード"},{"title":"bottom advice box","position":"bottom","count":2,"elements":["電球アイコンと日本語の文章が入った点線の青いアドバイスボックス：分からない部分を具体的に指すと、AI の説明も具体的になります。","ピンクの本のアイコンとテキストが入った下部の例示ストリップ：例：この関数の役割を、初心者向けに説明してほしいときに便利。"]}],"composition":"情報密度が高く読みやすい教育用ポスター。タイポグラフィの階層が非常に明確で、学習のポイントとなる英語フレーズを中央に配置。キャラクターがコードパネルやフレーズカードとわずかに重なることで奥行きを演出"},"rendering_notes":"正確な日本語タイポグラフィ、クリーンなサンセリフフォント、太い丸みを帯びた輪郭線、鮮やかなシアン・ネイビー・ピンクのパレットを使用。かわいい教室とテクノロジーの雰囲気。フォトリアリズムは避け、無関係なテキストは含めないこと。記載されているすべての表示テキストを正確に保持すること。"}