AIを使って開発してみた

はじめに

皆さん、こんにちは。深川です。最近先輩からAIのサービスを教えてもらい、自分で使ってみて「こんなことまでできるの！？」と驚いたので皆さんに紹介をしたいと思います。

AIについて

今回紹介するAIのサービスは「Claude」になります。
対話形式でコードの作成や文章作成など様々なことが出来ます。「ウェブサイトを作って欲しい」と入力するだけでhtmlだけでなく、cssやjs等も使用して作成してくれます。

Claudeを使った開発

Claudeを使って簡単な開発をしていきたいと思います。

今回は「QR Code Generator」のAPIを使用してQRコードを生成するウェブサイトの開発をしたいと思います。

以下のように文章でどのようなサイトを作りたいかを入力します。

今回はAPIの仕様についてはAPIドキュメントの内容をコピペしました。

入力が終わったら実行させます。

↓の画像のように作成したサイトの機能とサイトプレビューが表示されます。

Reactを使用していて環境構築面倒なためhtml,css,jsのみで作成するように指示をします。

作成されたサイトを実際に開いてみるとしっかりとQR生成サイトが出来ていました！

作成したサイトはこちら

終わりに

皆様もAIを使って開発をしてみてはいかがでしょうか。

ちなみにサムネイルもAIが作成しました。

Tweet

Check