AIでコードを生成！ テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。 AI CODE 実際に試してみましたが、ナビゲーション、ボタン、カード、フォームなど、UI要素やUIコンポーネントやレイアウトが数秒で簡単に実装されました。 また、次のバージョンではJavaScriptにも対応して、UIライブラリも追加する予定とのことです。 AI CODEの使い方 AI CODEの使い方は簡単、登録など面倒なことは一切不要です。 サイトにアクセスし、テキストを入力して「Generate」ボタンを押すだけです。 テキストは英語だけでなく、日本語でも大丈夫です。たとえば

[coliss]

ナビゲーション、ボタン、カード、フォームなど、UI要素やUIコンポーネントやレイアウトを実装するHTMLとCSSを生成するAIツール。

[canadie]

AI CODEは使ってないけど、フロントエンドが苦手なのでモック作るのにGPT-4使ってる。そこそこ複雑なオーダーにもちゃんと答えてくれてかなり生産性上がってる。賛否言ってる場合じゃないなこれ

[sumika_09]

ホームページビルダーってこうなっていくんだろうなあ、と20年前に思い描いた水準に近いものが

[urtz]

AIが作ったサイトは全部同じようなデザインのサイトになりそう。人間の要求は大抵似通っているから。

[nekosann_08]

現状でもテンプレートエンジンやフレームワーク任せだったりするんだし修正前提の雛形でっち上げるなら１手段としてアリ。権利関係だけクリアしてる謎ライブラリを引っ張り込んで来たりしそうで怖いけど。

[kvx]

cssやjsをパーツ単体で組み合わせてもなぁ。サイトまるまる生成できるようになったら便利になりそう。もうすぐかな。

[gyampy]

モック作るのにええんか

[take-it]

んー、一般人が使うならWordPressのブロックエディタでいんじゃね？感も。ただ、仕事で使うにも楽なのは間違いなさそう。

[AzuLitchi]

あー、たしかにこれはAIが得意としそう。

[mayumayu_nimolove]

使ってみる