Google выпустила Firebase Studio, свою собственную платформу для программирования. Она должна составить конкуренцию таким платформам, как Cursor, Lovable, Bolt и V0. Если вы занимаетесь веб-разработкой, то, скорее всего, знаете Firebase как базу данных от Google.
Но это уже не так.
Это теперь полноценная экосистема, которая поможет вам создавать, тестировать и запускать ИИ-приложения без навыков написания кода.
Итак, что такое Firebase Studio, как она работает и может ли она заменить Cursor или инструменты, которые вы уже используете?
Давайте в этом разберемся.
Что такое Firebase Studio?
Firebase Studio - это облачная агентская среда разработки на базе Gemini, которая помогает вам создавать и выпускать полнофункциональные ИИ-приложения, включая API, бэкенд, фронтенд, мобильные приложения и многое другое.
Firebase Studio объединяет Project IDX со специализированными ИИ-агентами и помощью Gemini в Firebase, создавая совместное рабочее пространство, доступное из любого места и содержащее все необходимое для разработки приложения.
Вот основные возможности:
Импорт собственных проектов. Импортируйте свое приложение, загрузив локальный файл или подключив репозиторий GitHub, GitLab или Bitbucket.
Быстрое начало работы с шаблонами. Выбирайте из множества встроенных шаблонов для таких популярных языков, как Go, Java, .NET, Python, и таких фреймворков, как Next.js, React, Flutter и других.
Создание прототипов приложений с помощью естественного языка. Используйте Gemini для создания полнофункциональных приложений, просто описывая то, что вы хотите, - в тексте, с изображениями или даже рисунками.
ИИ-помощь, встроенная в IDE. Gemini помогает вам писать код, исправлять ошибки, генерировать тесты, управлять зависимостями и многое другое - прямо в вашем редакторе.
Настраиваемая среда разработки. Работает на виртуальной машине, созданной с помощью Code OSS. Используйте Nix, чтобы полностью настроить свои инструменты, конфигурации и превью - и делитесь настройками с другими.
Встроенные эмуляторы и глубокая интеграция с Firebase. Предварительный просмотр приложений в браузере, запуск тестов и отладка с помощью локальных эмуляторов Firebase и инструментов Google Cloud - и все это в одном месте.
Вот как это работает
Чтобы начать работу, перейдите на сайт studio.firebase.google.com и войдите в систему, используя свою учетную запись Google. Панель управления довольно простая и удобная.
Существует два основных способа создания приложений:
Быстрое создание прототипа приложения с помощью искусственного интеллекта, для этого достаточно просто описать, что вам нужно.
Если вы предпочитаете писать код вручную, вы можете начать с нуля и выбрать предпочтительный язык программирования или фреймворк.
Сейчас я покажу вам пример, создав приложение, которое после загрузки фотографии ингредиентов генерирует рецепты блюд.
Вот промпт, который я использовал.
Промпт: An app that creates recipes from photos
Нажмите на кнопку «Prototype with AI», и вы попадете в чат, где Gemini займется вашей задачей. Сначала она создаст проект вашего приложения - с описанием функций и руководства по стилю.
Вот что получилось у Gemini:
App Blueprint:
Photo Upload: Allow users to upload photos of ingredients.
Ingredient Recognition: Use an AI model to identify the ingredients in the photo.
Recipe Suggestion: Use an AI tool to generate recipe suggestions based on identified ingredients.
Recipe Display: Display the generated recipes, including title, ingredients, and instructions.
Recipe Saving: Allow users to save generated recipes for later use.
Style Guideline:
Color: Green, White, Orange
Layout: Clean and organized layout with clear sections for photo input, ingredient display, and recipe presentation.
Iconography: Use consistent and recognizable icons for actions like saving, sharing, and editing.
Animation: Subtle animations for loading states and transitions between different sections of the app.
Вы можете уточнить эти функции или обновить стиль приложения в чате с Gemini. Когда вы будете довольны проектом, нажмите кнопку «Prototype this App». На этом этапе у вас запросят API ключ для Gemini.
Для простоты вы можете выбрать автоматическую генерацию ключа или создать свой собственный. Чтобы создать API-ключ для Gemini, перейдите в Google AI Studio и нажмите на кнопку «Create an API key».
Вставьте API ключ в Firebase Studio и нажмите на кнопку «continue». Через несколько секунд ваше приложение будет готово к работе.
Давайте попробуем это сделать, используя это изображение из Unsplash. Вы можете выбрать любое изображение из интернета. Просто скопируйте ссылку и вставьте ее в приложение.
Сейчас оно выглядит довольно просто, но идея состоит в том, чтобы со временем превратить его в мобильное приложение, в котором пользователи смогут фотографировать продукты и сразу же получать предложения по рецептам.
Gemini смогла правильно распознать большинство ингредиентов, но не все. Например, она ошибочно определила кетчуп и перец, хотя их не было на изображении. Это показывает одну из слабых сторон визуальной модели Gemini - она все еще не справляется с точным распознаванием объектов.
В любом случае, давайте продолжим, попросив ИИ предложить рецепты на основе определенных ингредиентов. В общей сложности я получил три рецепта:
Свинина для стир-фрай с болгарским перцем и кетчупом
Свинина с кетчупом
Свиные отбивные в глазури с кетчупом
Несмотря на это, само приложение было создано без каких-либо серьезных проблем. Ни сбоев, ни долгой загрузки. У меня все заработало с одного раза.
Чтобы вручную изменить и улучшить приложение, нажмите на кнопку «Edit the code», и вы будете перенаправлены в браузерную IDE для продолжения создания. Кроме того, я заметил, что приложение создано на NextJS, что для меня очень хорошо, потому что мне удобнее разрабатывать на NextJS, чем на любом другом фреймворке.
Приятно и то, что все работает в облаке - не нужно ничего локально устанавливать. Вы можете буквально переключить устройство и продолжить работу с того места, на котором остановились.
Также вы получаете доступ к терминалу, панели предварительного просмотра и полным файлам проекта - точно так же, как в VS Code. Если вы уже пользовались GitHub Codespaces или StackBlitz, ощущения будут знакомыми.
Давайте поговорим о пользовательском интерфейсе
Firebase Studio работает аналогично Bolt, V0 и Lovable. Вы задаете инструкции, а Gemini предлагает изменения кода на их основе. Например, я попросил его улучшить пользовательский интерфейс. Я хотел, чтобы он выглядел элегантно и современно.
Промпт: Improve the overall look and feel of the application. Make it look more sleek and modern
В отличие от других ИИ-генераторов кода, Firebase Studio не применяет изменения мгновенно, а позволяет сначала просмотреть их. Это полезно, если вам необходимо контролировать процесс, но замедляет работу, если вы хотите действовать быстро.
Что еще раздражает, так это отсутствие возможности отменить принятые изменения. Если вы нажмете кнопку «Accept», но изменение вам не понравится, нет кнопки «Undo» для отмены. Это огромная проблема для разработчиков, которые быстро тестируют и выпускают новые версии.
Также есть возможность улучшить базу знаний и реакцию ИИ, включив индексацию кодовой базы и выбрав провайдера LLM на странице настроек.
Подробнее о функциях и различных настройках Firebase Studio вы можете узнать из официальной документации.
Опубликуйте свое приложение
Последнее, что вам нужно знать, - это то, что Google позволяет размещать ваше приложение на хостинге Firebase App Hosting. Как только вы будете довольны сборкой, нажмите «Publish » в правом верхнем углу панели управления и следуйте инструкциям на экране.
В Firebase App Hosting реализована интеграция с GitHub и интеграция с другими продуктами Firebase, такими как аутентификация, Cloud Firestore и Vertex AI в Firebase. App Hosting имеет встроенную, предварительно настроенную поддержку Next.js и Angular, а также более широкую поддержку различных популярных веб-фреймворков.
Обратите внимание, что App Hosting - это платная услуга, поэтому вам выставят счет, если вы выйдете за рамки бесплатной версии.
Вы можете даже развернуть пользовательские домены, отслеживать аналитику и использовать встроенную в Firebase систему аутентификации - и все это в одной панели управления.
Почему это важно?
Хотя, на мой взгляд, Firebase Studio не так хороша, как другие генераторы кода, у Google есть куча ресурсов, денег и инфраструктуры для быстрого развития Firebase Studio.
Для разработчиков это означает, что создание мощных ИИ-приложений стало проще и доступнее, особенно при интеграции с существующими сервисами Google, такими как Firebase Hosting, Gemini models, Firestore или Vertex AI.
Microsoft, вероятно, скоро начнет улучшать GitHub Copilot, а у таких платформ, как Stackblitz (Bolt.new), Vercel (V0) и Cursor появился сильный конкурент. Им нужно быстро улучшать свои сервисы или придумывать интересные решения.
Кроме того, технологический гигант очень активно выпускает новые и улучшенные ИИ-модели, такие как Gemini 2.0 Flash со встроенными возможностями редактирования изображений. Это еще одна причина, по которой разработчики могут отдать предпочтение Firebase Studio.
Проще говоря, этот запуск важен, потому что он меняет ситуацию, облегчает жизнь разработчикам и даже обычным пользователям, а также подталкивает конкурентов к улучшению своих продуктов.
Цены и ограничения
Прежде всего, стоит знать, что вы можете использовать Firebase Studio бесплатно, используя до 3 рабочих пространств. Если вы присоединитесь к программе Google для разработчиков, это ограничение увеличится до 10. Если у вас премиум-аккаунт, вы можете создать до 30 рабочих пространств.
Для некоторых функций, например Firebase App Hosting, может потребоваться подключенный аккаунт Cloud Billing. При подключении такого аккаунта автоматически:
Ваш проект Firebase перейдет на тарифный план Blaze (с оплатой по факту)
API Gemini станет платным.
Вам будет выставлен счет за любое использование сверх бесплатных лимитов
Так что да, начать работать можно бесплатно, но следите за расходом средств, если вы подключаете платные услуги.
Хотелось бы большей гибкости в использовании сторонних инструментов. Сейчас вы завязаны на экосистему Google. Возможно, кому-то это подходит, но если вы используете других облачных провайдеров или предпочитаете другие модели, это ограничивает возможности.
Приятно видеть, что Google наконец-то выпустила серьезный конструктор ИИ-приложений, причем бесплатно. Только за последние несколько недель они выпустили несколько действительно полезных вещей, и Firebase Studio, возможно, является наиболее значимым для разработчиков на данный момент.
Тем не менее, я заметил некоторые проблемы. Уже через несколько часов после запуска некоторые пользователи, включая меня, столкнулись с ошибками из-за высокой нагрузки. В некоторых случаях приложение вообще не запускалось, даже после нескольких попыток.
Скорее всего, вы столкнетесь с подобной ошибкой во время тестирования.
Кроме того, сейчас он кажется несколько ограниченным. Вы не можете использовать другие модели, кроме LLM от Google. Нет отмены принятых изменений кода. Нет поддержки Supabase. И он явно хочет привязать вас к экосистеме Google, что не очень хорошо, если вы предпочитаете использовать инструменты от разных поставщиков.
Но первые запуски, как правило, бывают не очень удачными, а у Google достаточно средств и ресурсов, чтобы быстро все исправить. Я уверен, что они уже собирают отзывы и готовят обновления. Я с нетерпением жду значительных улучшений и новых функций в следующей версии.
Так что да, местами это не очень хорошо, но в целом многообещающе.
Пока что я советую вам попробовать. Поиграйте с ним, создайте что-нибудь крутое и посмотрите, как он впишется в ваш рабочий процесс. Возможно, сегодня он не заменит вам Cursor или Copilot, но это первый серьезный шаг Google.
Поделитесь своими мыслями в комментариях.
Друзья, буду рад, если вы подпишетесь на мой телеграм-канал про нейросети, чтобы не пропускать анонсы статей, и про генерацию изображений - я стараюсь делиться только полезной информацией.
