Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ コンテンツの追加と整理 | ブログウェブサイトの構築
ChatGPTによるウェブ開発

bookコンテンツの追加と整理

メニューを表示するにはスワイプしてください

目標

ウェブサイトの構造が正しく、現状に適したスタイリングも整っているため、次はコンテンツを追加します。どのようにコンテンツを作成するかには、2つの選択肢があります。

  • 自分自身で記事を書き、経験や知識を共有する方法
  • ChatGPTの助けを借りて記事を作成する方法

今回はChatGPTを活用して記事を作成します。「健康」に関する記事を2本、「環境」に関する記事を1本生成する予定です。

Note
注意

ChatGPTへの異なるリクエストを区別するため、記事生成用とウェブサイト生成用でチャットを分けて利用します。ウェブサイト生成用のチャットと、記事生成用のチャットをそれぞれ使い分けます。

プロンプト例

「Health」トピックに焦点を当て、見出しと2つの段落で構成された150語の記事を生成してください。記事は、ウェルネス、栄養、疾病予防など健康に関連する側面をカバーし、情報が簡潔かつ分かりやすくまとめられている必要があります。文章構成が明確で、理解しやすく、誤りがないことを確認してください。中立的なトーンを用い、段落間のアイデアが適切に繋がるようにしてください。記事は一般向けにふさわしいフォーマルな文体で執筆してください。記事の本質を捉えた見出しを付け、各段落が簡潔でスムーズに流れるようにしてください。

結果

3つの記事すべてのプロンプトが完了し、得られた結果は以下の通りです。なお、ウェブサイト上で提示されているトピックおよび記事の内容を変更していますのでご注意ください。

index.html

index.html

index.css

index.css

copy

ウェブサイトの状態

ビデオチュートリアル

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  4

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  4
some-alt