GPT4を使って雑な絵を描くだけでロジックも入ったコードを書いてくれるOSS

GPT4を使って雑な絵を描くだけでロジックも入ったコードを書いてくれるOSS｜shi3z

手描きの画面案を tldraw の Make Real に渡し、動く HTML を生成した試行例。

著者はカウンターや時計を含むラフな画面案と生成結果を公開している。見た目だけでなく、JavaScript による数値更新や時刻表示が付いたコードを確認できる。

学習・スケッチから画面へ：手描きの配置と文字の説明をもとに HTML を生成する例を示す。／確認 2026-09-14／https://note.com/shi3zblog/n/n1a1e27b8c043

学習・動作の生成：カウントアップと時計の更新を行う JavaScript を掲載する。／確認 2026-09-14／https://note.com/shi3zblog/n/n1a1e27b8c043

対象：AIの開発・導入・活用を検討する担当者。形式：企業・著者による公開記事。言語：日本語（公開本文で確認）。利用条件：公開記事（本文をログインなしで確認）

確認事項（編集部）：2023年の試作例。掲載 HTML は外部 CDN と画像 URL を参照しており、完全なオフライン動作や現在のリンクの有効性は保証されない。

出典：shi3z「GPT4を使って雑な絵を描くだけでロジックも入ったコードを書いてくれるOSS」／公開・更新情報：2023-11-17／確認日：2026-09-14／https://note.com/shi3zblog/n/n1a1e27b8c043

関連ページ