AIでつくる記事のOGPコース

行う → コース → 全6レッスン。対象はデザイン未経験の編集・広報担当者です。

完成するもの：記事画像の本命1案と比較2案、PNG、再編集用JSON、元素材、指示文、比較・確認記録。教材費0円、ChatGPTの画像生成利用枠は別です。主経路はChatGPTで文字なし素材を生成し、同梱HTMLツールで文字と配置を編集する方法です。設定JSONは同梱ツール用で、他社デザインアプリのレイヤー形式ではありません。

1. ZIPを展開し、free/元記事.mdを読みます。
2. lessons/01.mdから順に学びます。各記事末尾に関連noteを3本掲載しています。
3. free/OGP編集ツール.htmlをPCのブラウザーで開きます。sampleには三案のPNGと設定、生成素材があります。
4. 自分の素材で制作する場合はfree/工程別プロンプト.mdを使います。AI生成が利用できない間は配布素材で配置を練習し、生成工程は未実施と記録します。
5. PNGとJSONを保存し、別タブで開き直します。free/制作メモと比較表.mdへ結果を記録します。

練習画像は1200×630px。全サービス共通の仕様ではありません。自分の公開先がなくても基本課題は実施できます。共有設定の実サービス確認は別に記録します。

素材・ツール・練習用文章は本教材で作成。自分の記事の制作・改変に使えます。第三者の追加素材の権利や、実サービスの掲載条件は利用者が確認してください。人の初心者による完走テスト、クリック率・購入・受注の検証は未実施です。

2026年10月8日：公式参照 https://help.openai.com/en/articles/11084440-images-in-chatgpt 、https://ogp.me/ 。生成見本はCodex内のbuilt-in imagegenで制作。受講経路のChatGPTで同一結果が出る保証や、ChatGPT画面を通した完走の検証ではありません。