2023年04月4日(火)

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

• 0
• 61
• 189
• 114

AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。

テキストを入力、たとえば「シンプルでモダンなナビゲーション　アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

多種多様なAIツールから目的のツールを探せるコレクションサイト・「TOOLSPEDIA」

         

NEXT ›

               

ChatGPTを使ったシンプルなAIベースのローカライゼーションツール・「JustI18n」

関連記事

• ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ
• 【2019年4月版】役立つ新しいスキルをマスターしよう。
• スマホ向けのナビゲーションにハンバーガーメニューを使うなら、ソーセージリンクを試してみて
• Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ
• 【サイトリニューアルの進め方】具体的にわかる実践手順を詳しく解説

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『AIでコードを生成！ テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE』についてまとめています。

この記事は特にjavascript・アイコン・SEO・UX・twitter・UIについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。