AI学習記録

ブログ記事や画像生成に活用する方法

このページでは、Excelに残した記録をブログ記事や画像生成、HP制作へ活かす流れを確認します。

AI学習の記録をブログ記事や画像生成に活かすイメージ

このページでは、Excelに残した記録をブログ記事や画像生成、HP制作へ活かす流れを確認します。

前後の流れを確認したい場合は、まとめページから順番に読み進めてください。

06

ChatGPT Plusでブログ用記事を作成する手順

Excelの記録を記事に変える流れ

ExcelやGoogleスプレッドシートに残した記録は、そのままだとメモの集まりです。しかし、ChatGPT Plusに読み込ませることで、ブログ記事の下書きに整理できます。

  1. Excelファイルをアップロードする、またはExcelの表をコピーして貼り付ける。
  2. ChatGPT Plusのメッセージ入力欄に、記事作成の指示を書く。
  3. 「初心者向けにしてください」と指定する。
  4. 「見出し、小見出し、箇条書きを使ってください」と指定する。
  5. 「操作手順は省略しないでください」と指定する。
  6. 「自分の体験や疑問を残してください」と指定する。
  7. 送信ボタンを押す。
  8. 出てきた文章を確認する。
  9. 足りない部分があれば、「もっと操作手順を細かくしてください」と追加で指示する。

ブログ記事作成用プロンプト例

このExcelの内容をもとに、初心者向けのブログ記事を作成してください。テーマは「AI初心者が学習記録をブログ記事に変える方法」です。日付ごとではなく、内容ごとに整理してください。見出し、小見出し、箇条書きを使ってください。特に、操作手順は省略しないでください。「どのボタンを押すのか」「どのキーを押すのか」「どこに入力するのか」を初心者にも分かるように書いてください。自分が疑問に思ったこと、できなかったこと、感じたことも文章に入れてください。

07

ChatGPT Plusでブログ用画像生成を依頼する手順

画像生成も、細かく指示すると希望に近づきやすい

ブログ用画像を作るときも、ただ「画像を作って」と入力するだけでは、思ったものと違う画像になることがあります。画像生成では、使う場所、読んでほしい人、雰囲気、入れたいもの、入れたくないものを具体的に伝えることが大切です。画像生成機能の有無や回数は、プランや利用環境によって変わる場合があります。

  1. ChatGPT Plusの画面を開く。
  2. メッセージ入力欄をクリックする。
  3. 作りたい画像の内容を入力する。
  4. 文章を改行して整理したい場合は、Shift + Enter を押す。
  5. 「ブログのどこに使う画像か」を入力する。
  6. 「誰に向けた画像か」を入力する。
  7. 「どんな雰囲気にしたいか」を入力する。
  8. 「入れたいもの」を入力する。
  9. 「入れたくないもの」を入力する。
  10. 「文字を入れるか、入れないか」を指定する。
  11. 入力が終わったら、送信ボタンまたは Enter キーを押す。
  12. 生成された画像を確認する。
  13. イメージと違う場合は、「人物なしにしてください」「もっと明るくしてください」「50代に見えすぎないようにしてください」など追加で修正指示を出す。

画像生成用プロンプト例

AI初心者向けブログのトップ画像を作成してください。使用場所はブログ記事の冒頭です。読者は、ChatGPTやExcelを使い始めたばかりの初心者です。雰囲気は、やさしく、前向きで、安心感がある感じにしてください。人物は入れないでください。パソコン、ノート、光、学びの道をイメージできる要素を入れてください。文字は入れないでください。スマホでも見やすい、シンプルな構図にしてください。

08

作成した記事をCodexでHPに反映する流れ

ChatGPT PlusとCodexの役割を分ける

ChatGPT Plusは、ブラウザやアプリから使うクラウド型のAIサービスです。文章を作ったり、Excelの内容を整理したり、ブログ記事の下書きを作る作業に向いています。

一方で、CodexはHP制作やコード編集を助けるAIです。作業環境によっては、HTML、CSS、画像ファイルなどを確認しながら、記事ページを追加したり、デザインを整えたりできます。

ChatGPT Plusで記事内容を作り、CodexでHPに記事ページとして追加する、という流れにすると分かりやすくなります。

Codexに依頼するときの流れ

  1. ChatGPT Plusで作成したブログ記事の文章を確認する。
  2. 必要な部分をコピーする。
  3. Codexを開く。
  4. HP制作プロジェクトを開く。
  5. Codexの入力欄に、記事追加の指示を書く。
  6. 「既存デザインを壊さないでください」と書く。
  7. 「新しい記事ページを作成してください」と書く。
  8. 「記事一覧ページにもカードを追加してください」と書く。
  9. 「文章内の操作手順は省略しないでください」と書く。
  10. Codexに送信する。
  11. 作成されたHTMLファイルを確認する。
  12. ブラウザで表示を確認する。
  13. 表示崩れやリンク切れがあれば修正を依頼する。

09

初心者向け記事で省略してはいけないこと

操作の小さな一歩を残す

初心者向けの記事では、「コピーする」「貼り付ける」「アップロードする」とだけ書くと分かりにくい場合があります。実際には、どこをクリックするのか、どのキーを押すのか、どの順番で進めるのかが大切です。

  • コピーするときは Ctrl + C を押す。
  • 貼り付けるときは Ctrl + V を押す。
  • 保存するときは Ctrl + S を押す。
  • 改行したいときは Shift + Enter を押す。
  • 送信したいときは Enter キー、または送信ボタンを押す。
  • ファイルを入れたいときは、入力欄の左側にある +マーククリップマーク を押す。
  • 画面が見切れているときは、スクロールするか、表示倍率を下げる。
  • 分からなくなったら、画面を戻るか、更新ボタンを押して確認する。

初心者の記事では、当たり前を省略しない

操作に慣れている人にとっては当たり前のことでも、初心者にとっては大切な説明になります。「このくらい分かるはず」と思わず、ひとつずつ手順を書くことで、読者が迷わず進める記事になります。

SUMMARY

まとめ

ExcelやGoogleスプレッドシートに学びを残すことは、ただのメモではありません。それは、ブログ記事や画像生成のテーマになる大切な材料です。

特に、初心者が感じた疑問や不安は、同じようにこれから始める人にとって役立つ情報になります。分からなかったこと、できなかったこと、迷ったことも、記事にすると価値があります。

ChatGPT Plusを使えば、Excelの内容を整理してブログ記事にしやすくなります。画像生成を使えば、記事に合う画像のアイデアも作れます。Codexを使えば、その文章をHPの記事ページとして追加しやすくなります。

大切なのは、操作手順を省略しないことです。「どのボタンを押すのか」「どのキーを使うのか」「どこに入力するのか」を残すことで、本当の初心者にも届く記事になります。