生成AIを使ってコーディングする 7.10

今日はコーディングをする生成AIについて学びました。

コーディングを学び始めた頃からずっと気になっていたので、今日の授業はとても興味深かったです。

デモンストレーションで実際に使った例を見たのですが、一瞬でコードが書き終わってとても感動しました。

どんどん進化して実用化が進んでほしいと思いました。

1.主なAIツール

AI CODE「エーアイ コード」(基本的に無料):

Cursor「カーソル」(基本的には無料) / UI Sketcher: 「ユーアイ スケッチャー」(OpenAI APIキー:の料金※無料枠もあり)

FRONT-END.AI「フロントエンド ドット エーアイ」(有料):

UI to Code「ユーアイ トゥー コード」(現時点で無料):

2.使用例

(1)文章でAIツールに指示する

(2)手書きでWebサイトのレイアウトを描き、UI Sketcherなどのツールに取り込む

(3)Figmaで作成したWebサイトのデザインカンプをアップロード

3.使用上の注意点

・必要に応じて修正や最適化が必要

・生成できるデザインの自由度が限られる

・AIツールが使用するデータや生成するコードの著作権には注意が必要。

・生成されたコードにセキュリティ上の問題がないか確認

(参考)その他使う注意点

・完成させるにはコーディングの知識が必要

・実力以上の作品ができる可能性があるためポートフォーリオでの多用は注意