- ChatGPTにLP（ランディングページ）画像を入力しHTMLとCSSを生成。生成されたHTMLとCSSに修正を加え、あらためてLP（ランディングページ）デザイン・ラフを再現。
- アプリケーション：Adobe Illustrator、Adobe Photoshop
- 作業時間：180分
- 製作ノート：自身が作成したバックギャモン入門者向けサイト（架空）のLP（ランディングページ）の画像を参照させてChatGPTにHTMLとCSSを作製するようプロンプトを入力。生成されたHTMLとCSSをそのままブラウザーで表示したものが下記、画像です。
- リンクする画像を準備する中で、一般的なスゴロクの画像が必要となり、これも改めてChatGPTに「子供向けの絵本風で動物をモチーフとしたスゴロクの画像を作ってください。」と入力。生成された画像をPhotoshopで加工修正したものが下記画像です。
- 生成されたHTMLの内容を確認し、不足していた文章やリンクする画像を用意して、HTMLを加筆修正しブラウザーで表示したものが下記の画像です。１枚のLP（ランディングページ）を分割して掲載しました。
