アルアカ - Arcadia Academia

Arcadia Academiaは「エンジニアリングを楽しむ」を合言葉に日本のデジタル競争力を高めることをミッションとするテックコミュニティです。

AI駆動開発 タグの投稿一覧

Vite + React構成のポートフォリオをV0を活用し作る方法

Featured image of the post

フロントエンド開発者の間で急速に注目を集めているUIビルダー「V0」。 自然言語でUIを設計し、Reactコンポーネントを自動生成できるという革新的なツールです。 ただし、生成されたコードを活かすにはNext.jsなどのフレームワークが必要……と思われがちで、ペライチ(1ページだけの静的サイト)を作りたいだけなどの場合は、オーバーエンジニアリングに感じますよね。実はVite + React構成であれば、もっと軽量に、もっと高速にペライチのポートフォリオを公開できます。 今回は、V0で作ったUIをVite + React構成でポートフォリオとしてまとめる方法を紹介します。