Claude 3.7でWebサイトを作ってみた｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/n3c2228d80f5b
Claude 3.7 sonnet（無料版）のソフトウェア開発力は凄いの一言に尽きますが、ホームページ作りにも凄い力を発揮します。html+css+javascriptを使って自分の描いたホームページを実現させるのに、何度かのやり取りをやって気に入ったページにすることが出来ます。普通の言葉でこうして、ああしてと注文をするだけで実現できてしまう。出来上がったoutputをコピーして、html（UTF-8）ファイルとして保存する。それをサーバーにアップするだけで使うことが出来る。Facebookのような写真投稿、投稿、コメント、いいね、なども出来る「シンプルSNS」を作ってみた。5分ほどで出来上がった。最初のプロンプトは「Facebookのような投稿出来る画面を作ってください」でした。それから写真が投稿できるようにして、コメント、いいねなどを追加で作ってもらった。
これはサーバーにアップロードしても使えるが、自分のパソコンのディスクトップにindex.htmlを置いておいてダブルクリックすることでブラウザを開いて使用することが出来る。
ホームページの1ページだけを追加で作る。ちょっと凝ったものを作る。動きのあるページを作るなどjavascriptを応用する場面ではClaude 3.7は強力な武器になりますよ。
ホームページを作成したことがあって、htmlを少しかじった人でもClaude 3.7を使いこなすことによってホームページ作りが豊かなものになると思います。
Claude 3.7でWebサイトを作ってみたら凄かった - YouTube
https://www.youtube.com/watch?v=dW4yYf-0DLU
シンプルSNS - データ保存機能付き
http://pasopia.velvet.jp/2025/sns/
