今日はコーディングをする生成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ツールが使用するデータや生成するコードの著作権には注意が必要。
・生成されたコードにセキュリティ上の問題がないか確認
(参考)その他使う注意点
・完成させるにはコーディングの知識が必要
・実力以上の作品ができる可能性があるためポートフォーリオでの多用は注意
