低予算プロジェクトで手探りでAI駆動UI開発を導入してみた - ビデオリサーチ公式テックブログ

こんにちは。ビデオリサーチのキクチです。 今回はタイトルの通り、とある低予算プロジェクトで手探りながらAI駆動UI開発を導入してみた話を書いてみたいと思います。 はじめに なぜ tldraw.makereal を選定したのか ローカルで実行可能 Tailwind CSS でデザインされるため実装移行がスムーズ 簡単なインタラクションの実装も可能 その他のメリット ローカル環境構築のステップ リポジトリのクローン 必要なパッケージのインストール サーバーの起動 postgres周りの設定 ローカル用postgresの構築 スキーマ作成用スクリプトの作成 スキーマの投入 envの作成 pgドライバーのインストール ソースの修正 使用出来るAIプロバイダとモデルについて OpenAI Anthropic デザインの生成 生成されたデザイン Tips まとめ はじめに 昨年末にとある Web アプ