タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

designとreactに関するkiririmodeのブックマーク (2)

  • プロンプトでUIを生成してくれるAIサービス「v0」をUIUXデザイナーが使ってみた

    デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトUIUXデザインを手がける新谷友樹さんが、UIUXにまつわるトピックについて解説する連載。今回はAIサービス「v0」についてです。 こんにちは!株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。今回は、プロンプトからUIを作成してくれるツール「v0」の使いかたや、実際に使ってみた感想などを紹介していきます。 「v0 by Vercel」とは Next.jsを開発するVercelが、生成AIへのプロンプトでUIを自動生成するサービスを公開しました。2024年1月頭時点ではベータ版ですが、Freeプランも提供されているためログインすれば誰でも使用することができます。ChatGPTのように、プロンプトを投げるとAITailwind CSSとShadcn

    プロンプトでUIを生成してくれるAIサービス「v0」をUIUXデザイナーが使ってみた
    kiririmode
    kiririmode 2024/02/04
    Reactコードも生成してくれるのか。
  • 生成AI で思い通りのサイトを出力しよう - Qiita

    こんにちは。日頃は blockchain の記事ばかり書いていますが、たまには生成 AI についても書きたいと思います。テーマは生成 AI で出来るだけ思い通りにサイトの生成を行います。 前提 今回は以下条件のサイトを生成します。 Next.js Tailwind LP向け レスポンシブ向け また、検証で利用した GPT は ChatGPT 3.5 です。 Bing Copilot を使用する場合、可能であれば Web 検索との連動を OFF にすることをオススメします。また、自社独自の専門用語をプロンプトへ加える場合は適宜補足説明を手動、または RAG 等でプロンプトへ加えてください。 背景 この記事を書くに当たって感じていた課題と解決したことを記載します。 課題 普段は、GPT系を駆使して素早くコードを作成することを心がけています。バックエンドの生成にはそれほど問題はないのですが、フロ

    生成AI で思い通りのサイトを出力しよう - Qiita
  • 1