② 写真:新商品の写真を作ってもらう | SkillhubAI(スキルハブエーアイ)

② 写真:新商品の写真を作ってもらう

このレッスンでできること

Codex に写真を作ってもらい、ページに入れるまでを、1回頼むだけでやってみます。

受講生

エージェントって、文章やコードだけでしょ?
写真も作れるの?

先生

作れます。今回の Codex は、
写真を作って、保存して、ページに入れるまでやりました。
できあがりを先に見てみましょう。

こむぎの日に、新商品「いちじくとくるみのカンパーニュ」が出ます。でも、まだ写真がありません。レッスン①のページを作った同じ会話に、続けて頼みます。

見本:Codex アプリでの実演

録画(早送り)頼んでから、ページに写真が入るまで(早送り)

このiMacでの実測(2026年10月18日・ChatGPT のアプリの Codex)

作業時間:1分14秒(画面に「1m 14s間作業しました」と出た)

作業中に確認を求められた回数:0回

できた写真:横長(1536×1024)

ここがポイント

ブラウザのチャットで写真を作ると、ダウンロード・名前を変える・フォルダに移す・ページに書き足す、は自分の作業です。Codex は、そこまでまとめてやりました。

あなたの番:自分で試してみよう

受講生

わたしも、同じ写真を作れる?

先生

レッスン①の同じ会話に、
この文を貼るだけです。

お願いカード

写真を1枚作るimages/new_campagne.png に保存木のテーブル・朝の光・横長・文字なしページに「新商品」の欄(430円・10月25日から)

貼る文(全文)

新商品「いちじくとくるみのカンパーニュ」の写真を1枚作って、images/new_campagne.png に保存してください。木のテーブルの上、朝の自然光、横長の写真で、文字は入れないでください。できたら index.html の「人気のパン」の上に、写真つきの「新商品」の欄を足してください。値段は430円、10月25日から並びます。

受講生

あとは待つだけ?

先生

はい。1分ちょっとで、
チャットに写真が出ます。

受講生

これで合ってるのかな?

先生

見本と見比べてください。
写真の中身は、毎回ちがって大丈夫です。

つまずきやすいところ

こうなったら:思っていた写真とちがう
こうする:同じ会話で「もっと明るく」「パンを右に寄せて」のように、ちがうところを1つずつ頼んで作り直してもらいます。
こうなったら:ページに「新商品」の欄が見えない
こうする:開いたページを、下に動かします。それでも無いときは、右上の再読み込みを押します。
こうなったら:このまま、お店のページに使っていい?
こうする:AIが作った写真は、本物の商品ではありません。お客さんに見せるときは、本物の写真に差しかえるか、「イメージです」と分かるようにします。

※「実際の画面」は、2026年10月18日に吉田のiMac(Mac)で、ChatGPT のアプリ(macOS 版)の中の Codex を動かして撮ったものです。画面に出ていたモデルの表示は「GPT-6.1 Sol 高」、承認の設定は「代わりに承認」(最初のまま)でした。どのプランで同じことができるか、Windows でどう見えるかは、この講座では確かめていません。アカウントのアイコンなど、個人の情報は塗りつぶしてあります。

まとめ
  • Codex は、写真を作って保存し、ページに入れるところまでやった
  • 同じ会話に続けて頼むと、前に作ったページに足してくれる
  • AIが作った写真は本物ではない。お客さんに見せるときは気をつける
できました! Codex が写真まで作れることが分かりました。
次のレッスンでは、この写真を使って告知の短い動画を作ってもらいます。