【高い再現性で効率UP】生成AIを使って画像ファイルからWebページのコードを作成する

「生成AIを使えば画像ファイルからWebページを作成できる」と聞いたので、実際に試してみました。Webページ作成は専門外ではあるのですが、急に「こういうの作って！」と無茶ぶりが飛んでくることがあるので、これは使えるかも..と思ったのです。

私のお気に入り、かつ、なかでもコーディングの性能に長けているという Claude 3.7 をメインに、比較として他の生成AIでも同じことをやってみます。

準備したもの

・生成AIサービスのアカウント
　無料プランでできる範囲で試します。
　– Claude 3.7 Sonnet
　– ChatGPT （たぶん4o-mini)
　– Geminin 2.0

・題材とする画像
　せっかくなので、実際に作ろうとしていたページをお題にします。
　ページのデザインを PowerPoint で作成しスナップショットをとって
　素材としました。

　※ChatGPT と Gemini は PowerPoint ファイルをそのままプロンプト
　　に追加できるのですが、Claudeではできなかったため、条件をそろえる
　　意味で画像ファイルを用いています。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）