How I Build Apps With Google AI Studio 💡 Full AI Coding Tutorial

Итак, я уже, по сути, создал текстовый редактор, и это заняло около двух секунд. Эпоха ожидания, пока кто-то другой создаст идеальное приложение для решения ваших проблем, подходит к концу. Искусственный интеллект наконец достиг точки, когда любой может создавать свои собственные персональные приложения. Вам не нужно знать, как программировать. Вам не нужно нанимать кого-то, чтобы воплотить вашу идею в жизнь. Все, что вам нужно, — это хорошая идея, и ИИ сделает все остальное. Привет, меня зовут Каллум, также известный как Waterloots, и добро пожаловать на сегодняшнее видео о создании персональных приложений в Google AI Studio. Google AI Studio позволяет экспериментировать с инструментами ИИ, включая Gemini 2.5 Pro, один из самых мощных инструментов ИИ, доступных для программирования. Самое приятное то, что все это бесплатно. Вы можете экспериментировать в Google AI Studio и тестировать свои сборки, прежде чем они будут готовы к производству. Вы можете использовать раздел сборки Google AI Studio, чтобы общаться с Gemini, планировать свою идею, а затем воплощать ее в жизнь. В сегодняшнем видео я расскажу, как начать создавать приложение в Google AI Studio, включая мои собственные стратегии по инженерии подсказок и инженерии контекста, — необходимые навыки для создания качественных приложений с помощью ИИ. К концу видео вы поймете, как начать создавать свои собственные персональные приложения для решения реальных проблем. Честно говоря, это похоже на магию, когда видишь, как твои идеи воплощаются в жизнь. Цель здесь не в том, чтобы создать идеальное приложение с самого начала, а в том, чтобы показать вам основные навыки, которые вам нужны, чтобы понять, как использовать ИИ для помощи в создании. Таким образом, вы можете перейти от создания базовой системы к итерации и перекалибровке, становясь все лучше и лучше, пока не станете экспертом в создании приложений. Если это видео оказалось вам полезным, пожалуйста, рассмотрите возможность поставить лайк и подписаться, так как я работаю над тем, чтобы сделать YouTube своей полной занятостью. Поэтому любая поддержка, которую вы можете мне оказать, очень ценится. Давайте начнем создавать. Хорошо, когда вы впервые попадаете в Google AI Studio, вот как это выглядит. У нас есть четыре основных раздела сбоку. У нас есть чат, поток, генерация медиа, сборка, на которой мы сегодня сосредоточимся, а также история ваших чатов. Итак, здесь есть множество различных настроек, и, честно говоря, это может немного сбивать с толку. Информации много. Поэтому сегодня я постараюсь сосредоточиться только на компоненте сборки, если вы заинтересованы в более подробном изучении того, как работают части чата, потока и генерации медиа. Я рекомендую посмотреть мое видео о том, что такое Google AI Studio, так как я подробно рассматриваю все эти функции, и люди находят его довольно полезным. Поэтому я рекомендую посмотреть его. Но сегодня давайте сразу перейдем к разделу сборки. Итак, если мы нажмем на сборку, вы увидите здесь витрину с множеством различных приложений. Это все своего рода микроприложения, которые люди создали в Google AI Studio с помощью Gemini. Так что вы можете видеть здесь мои приложения, которые я создал в прошлом, недавние приложения, над которыми я работал, и FAQ с дополнительным контекстом и информацией. Но вместо того, чтобы просто объяснять, как все это работает, я подумал, что просто покажу вам. Итак, я вел разговор с Perplexity о том, какой хороший пример можно вам показать, и я решил использовать Obsidian для всех своих заметок. Итак, вы можете видеть, что это мое приложение Obsidian. И если вы хотите узнать больше об Obsidian, у меня есть целая серия видео о том, как использовать Obsidian, и особенно как использовать новый основной плагин Obsidian Bases. Например, вы можете видеть здесь, что я превратил все свои заметки в базу данных. Итак, все мои заметки о книгах, например, показаны здесь в одном месте со всей этой информацией, что позволяет мне очень легко отслеживать все свои заметки. Я подумал, что интересным примером, чем-то, что я мог бы использовать, чтобы показать вам, как создать полезное приложение в Google AI Studio, было бы создать почтовый ящик для идей или что-то, что может отправлять заметки в мой почтовый ящик для идей, чтобы отслеживать их в Obsidian. Поэтому, вместо того чтобы открывать Obsidian, нажимать «Создать новую заметку», выбирать шаблон для шаблона идеи, писать в заметке, а затем уходить, что может занять пару минут. Что, если бы у меня было микроприложение, единственной целью которого было бы служить почтовым ящиком для идей? Таким образом, я могу просто быстро открыть это приложение с телефона, записать свои мысли, и оно автоматически будет отправлено в Obsidian. Итак, давайте попробуем. Давайте посмотрим, смогу ли я сделать это вместе с вами здесь. Просто краткое примечание: если мы нажмем «Расширенные настройки» сбоку, мы увидим, что мы работаем с Gemini 2.5 Pro и с React TypeScript. Это мое любимое начало. И вместо того, чтобы сразу приступать к созданию чего-либо, хотя вы можете это сделать, по моему опыту, лучший способ начать — это разговор, который вы также можете вести в разделе чата с Gemini, чтобы заранее спланировать приложение. Итак, давайте попробуем. Это первоначальный запрос, с которого я начну, и я покажу вам, как он работает через мгновение. Но несколько вещей, на которые я хочу обратить внимание: я излагаю цель того, что я пытаюсь сделать здесь, как первую часть запроса. Вот основной элемент того, чего я хочу от приложения. А затем я специально пытаюсь ограничить его. Я говорю, как мы можем сделать MVP, а затем также не создавать никакого кода. Мы сначала работаем над планом. Идея работы над планом заключается в том, что я могу обмениваться информацией и итерировать с Google AI Studio с Gemini 2.5 Pro и убедиться, что план приложения, которое мы собираемся создать, — это именно то приложение, которое я хочу создать. Вот оно. Итак, сбоку вы можете видеть, что Gemini думал 20 секунд и составил план всего проекта. Итак, здесь план проекта: создать прогрессивное веб-приложение Obsidian idea inbox. Итак, для контекста, прогрессивное веб-приложение — это, по сути, если вы на своем телефоне, вы можете перейти и нажать кнопку «Поделиться» в чем-то вроде Safari или браузера Google, и вы можете превратить этот веб-сайт в приложение, которое находится на главном экране вашего телефона. Таким образом, вы можете просто открыть его напрямую с главного экрана телефона и не искать его в Интернете. Вот где мы устанавливаем его на главный экран телефона. Единственная цель — захватывать мимолетные идеи, а затем отправлять их в хранилище Obsidian с минимальными усилиями. Итак, вы можете видеть здесь фазу один — механизм захвата. Итак, нам нужна эта функция ввода заметки, которая будет иметь пользовательский интерфейс одного полноэкранного вида, доминирующего чистой областью текста с автофокусом. Отлично. Конечно, если мы делаем заметки, нам нужен раздел для письма. И здесь, сразу же, вы можете видеть, что он думает об отличных функциях, таких как постоянное состояние. Он будет использовать локальное хранилище браузера, которое похоже на временное хранилище, которое находится прямо в вашем браузере. И если я правильно помню, если вы перезагрузите телефон, вы потеряете его, но иначе он останется там. Таким образом, вы можете автоматически сохранять содержимое текстовой области по мере ввода, чтобы, если вы снова откроете ее, выйдете из браузера и вернетесь, вы не потеряете заметку, над которой работали. А затем мы переходим к механизму отправки в Obsidian, который я объясню позже, потому что это будет немного сложнее. И на самом деле, я отмечаю, что он уже не совсем понимает, как работает Obsidian. Поэтому я попрошу его провести некоторое исследование через мгновение. И вы можете видеть здесь, что он предлагает резервный вариант — копирование в буфер обмена. Мы этого не хотим. Это никуда не годится. Итак, до сих пор функции один и два были отличными. Функция три была некорректной. А затем функция четыре — сделать это прогрессивным веб-приложением, что именно то, о чем я говорил. Это тоже работает. А затем мы можем перейти к некоторым улучшениям ИИ, которые он предлагает. Я имею в виду, это работает на Google, поэтому они предложат включить что-то вроде Gemini. Итак, вы можете включить Gemini 2.5 Flash. И я объясню это немного позже, но я уже создал несколько приложений, и невероятно легко добавить генеративный ИИ, добавить эту кнопку «Улучшить с помощью ИИ». Например, я могу представить, что он автоматически анализирует заметку, которую я набрал, и предлагает теги, которые подходят для этой заметки, а затем он может автоматически добавить это с помощью улучшения ИИ. Еще несколько мыслей о философии UI/UX. Нам нужна скорость. Вся суть в том, что все мгновенно, потому что иногда приложение Obsidian на мобильных устройствах может загружаться немного медленно. Поэтому я пытаюсь ускорить свой поток письма. И здесь вы можете видеть, что он прошел и объяснил, как мы будем все это создавать, какие стеки, весь различный код. Я надеюсь, что это покажет вам немного, как прохождение и создание дорожной карты на самом деле является отличным местом для начала, потому что, хотя большая часть этого была хорошей, я уже провел некоторое исследование о том, как реализовать функцию 3, и я знаю, что Google ошибся. Поэтому здесь очень важно, чтобы вы могли использовать Google в качестве отправной точки. Это здорово. Но если что-то кажется немного неправильным или если вы не совсем уверены, есть ли лучший способ, всегда лучше возразить. Итак, я сделаю это сейчас на секунду. Например, я знаю, что для функции отправки в Obsidian это не сработает, потому что сам браузер как приложение, например, то, в котором я работаю прямо здесь, работает в изолированной среде и не может напрямую записывать в локальное хранилище. Но если у вас есть iPhone или Android, есть какая-то форма сохранения в файлы, как кнопка отправки, которую вы можете сделать, что может быть способом для меня, когда я закончу писать свою заметку, просто нажать «Сохранить в файлы», и тогда я смогу обойти изолированную среду, потому что я использую встроенную системную функцию телефона. Итак, вот еще один совет, как мы можем решить эту проблему. Предоставление Gemini предложения провести поиск в Google, чтобы понять, как мы должны создавать это приложение в 2025 году. Это называется заземление вашего ответа в поиске Google, и это имеет огромное значение для качества вывода ИИ, потому что он может искать в Интернете и получать ответ на ваш прямой вопрос. Прежде чем начать, я всегда рекомендую запросить какую-либо форму заземляющего поиска Google, чтобы Gemini мог лучше понять, что практически имеет наибольший смысл для 2025 года или любого другого года, когда вы смотрите это. Итак, я отправлю Gemini на поиски. А пока я объясню еще пару кнопок. Мы можем видеть здесь наверху, у меня есть возможность редактировать название приложения. Итак, я назову это «Почтовый ящик для идей» и нажму «Сохранить». И мы можем видеть здесь, когда я нажимаю «Сохранить», оно сохраняется здесь. Это теперь сохранено в моей библиотеке приложений в Google AI Studio. Так что вы всегда можете нажать «Сохранить», а затем уйти и вернуться, если хотите. Но если вы выйдете из приложения, не нажав «Сохранить», вы потеряете свой прогресс. Затем эта кнопка дает вам возможность скопировать приложение. Итак, скажем, у вас что-то работает довольно хорошо, и вы хотите внести в это большие изменения, и вы не хотите ломать все, что вы уже сделали, или вы хотите добавить совершенно новую функцию, вы можете просто дублировать приложение напрямую, чтобы вы могли работать над новой версией, не беспокоясь о поломке старой. Нажатие этой кнопки дает вам загруженный zip-файл. Это позволяет вам сохранить ваше приложение на GitHub. И я отмечаю, что вы можете отправить его только на GitHub. Таким образом, вы можете сохранить его на GitHub как удаленный репозиторий, но вы не можете извлечь его из GitHub. Так что это означает, что вы можете использовать это только как систему версионирования, но вы не можете использовать ее для внесения изменений на GitHub с помощью другого приложения, а затем импортировать его обратно в Google AI Studio. Затем у нас есть кнопка «Развернуть приложение», которая переходит в Cloud Run, который является этой функцией здесь. По сути, это работает как Netlify или Vercel или какая-либо другая платформа хостинга, где вы можете фактически размещать свое приложение на Cloud Run бесплатно, и вы получаете до 2 миллионов запросов в месяц бесплатно, что довольно круто. Так что это означает, что когда приложение будет готово к отправке в общественность, чтобы я мог фактически начать использовать его с моего телефона. Я разверну его на Cloud Run здесь, а затем смогу перейти по URL-адресу веб-сайта на своем телефоне и начать его использовать. Вы можете поделиться своим приложением, и мы можем переключиться на ключ API вместо использования встроенного API из Google AI Studio. Затем у нас есть опция выбора предварительного просмотра устройства. Таким образом, вы можете выбрать на основе текущего размера экрана или мобильного устройства или планшета. Таким образом, вы можете увидеть, как ваше приложение выглядит в разных видах. И вы можете обновить приложение прямо здесь. Давайте вернемся и посмотрим, что сказал Gemini. И вы заметите, что он начнет создавать код, если вы не скажете ему этого. Он уже создал первую версию. Так что это довольно круто. И вы можете видеть здесь, я нажимаю это, нажимаю «Сохранить», и оно мгновенно сохраняет заметку. Итак, оно уже сохраняет заметку для меня в формате markdown. Так что приложение уже работает на каком-то уровне. Теперь, очевидно, мы хотим добавить больше функций, но оно уже создало для меня систему, чтобы я мог просто записывать заметку и затем сохранять ее непосредственно на свое устройство. Итак, я уже, по сути, создал текстовый редактор, и это заняло около 2 секунд. Так что это работает неплохо, но я хочу добавить еще несколько функций. Я думаю, это очень важно. Вы можете видеть здесь, я просто сказал: «Не могли бы вы, пожалуйста, создать папку docs с дорожной картой MVP почтового ящика для идей, которая объясняет, что мы делаем, что работает и какие архитектурные решения мы приняли». Если мы посмотрим на код на секунду, вы можете видеть, что он теперь создает для меня папку docs, где он записывает все, что мы обсуждали до сих пор, в файл дорожной карты, в файл архитектуры и в файл readme. Но он не сделал файл дорожной карты. Причина, по которой я это делаю, заключается в том, что, например, сейчас я могу нажать «Сохранить», я могу нажать «Скачать», и я получу zip-файл. Я могу отправить его на GitHub, если захочу, что я покажу вам через мгновение. И что хорошо, скажем, эта система рухнет или этот чат зависнет, или разговор будет сброшен. Даже если бы у меня была сборка приложения здесь, я потерял бы всю ценность контекста этого разговора. Поэтому здесь мы переходим к тому, что называется инженерией контекста, где, создавая эти файлы внутри папки docs, я создаю постоянный набор контекста, к которому любой будущий чат с ИИ сможет получить доступ, чтобы точно понять, где мы находимся. Например, я также могу сказать: «Создайте журнал разработки, соответствующий дорожной карте». Итак, вы можете видеть здесь, я сказал ему сделать это, и это не сработало. Он подумал, что сработало, но нет. Итак, здесь этот чат уже начинает заполняться контекстом. В нем было много всего. Поэтому мне, возможно, придется вскоре сбросить разговор, чтобы сохранить контекст чата чистым, чтобы сосредоточиться на любой функции, над которой я работаю. И вот где я могу сказать ему, чтобы он проверил дорожную карту, чтобы поймать себя на том, где мы на самом деле находимся. Итак, когда это происходит, я говорю ему: «Вы на самом деле не изменили код. Пожалуйста, измените код». Итак, вы можете видеть, что он не создал журнал разработки, который я просил, потому что я был недостаточно точен в своем запросе. Я просто сказал: «Вы не изменили код, пожалуйста, обновите его». Поэтому он воспринял это как «О, в коде чего-то не хватает. Что это должно быть?» И он добавил новую функцию выбора, хотите ли вы, чтобы он переключался, следует ли его очищать после сохранения. Итак, вы можете видеть, что это своего рода работа в процессе. Это использует форму аутентичного ИИ, где он может заходить и делать код для вас. Он фактически пишет весь этот код напрямую для меня. Но это не идеально. И поэтому важно отслеживать документацию о том, над чем вы работаете, по мере продвижения, чтобы вы знали, где вы остановились. Важно сохранять и контролировать версии. Например, если вы перейдете к файлу readme, вы увидите, что мы сейчас на MVP v 1.0. Итак, я добавлю еще несколько функций через мгновение, чтобы показать вам, насколько быстро это может стать очень мощным инструментом. Но прежде чем мы это сделаем, я просто хочу показать вам, как мы можем версионировать это, сохранив на GitHub, потому что это чрезвычайно важный шаг. Я не могу переоценить это. Если вы хотите, чтобы я создал какие-либо другие приложения, пожалуйста, дайте мне знать в комментариях ниже, так как я буду рад показать вам, как я подхожу к решению этой конкретной проблемы или созданию этого конкретного инструмента. Также напоминаю, пожалуйста, поставьте лайк и подпишитесь, если это видео оказалось вам полезным. Давайте продолжим создавать. Нажмем «Сохранить на GitHub». Итак, мне нужно войти в GitHub, чтобы продолжить. Нажимаем «Сохранить». Но теперь мы создадим репозиторий и сделаем первый коммит. Итак, я назову это Obsidian idea inbox. Нажимаю «Создать репозиторий Git» и получаю ошибку аутентификации. Это пример того, где что-то явно пошло не так. Итак, мне нужно выйти. Мне нужно обновить, но тогда я потеряю все, что мы сделали в этом разговоре. Но это не так уж плохо, потому что я уже сохранил это приложение здесь. Итак, давайте сделаем это на мгновение. Посмотрим, сработает ли это. Войти в GitHub, чтобы продолжить. Мы должны предоставить доступ к репозиториям. Итак, вам нужно установить это расширение Google AI Studio для вашей учетной записи GitHub. И в данный момент, поскольку репозиторий еще не создан, мне нужно установить это для всех моих существующих репозиториев. Если вы не хотите этого делать или вам немного некомфортно, вы всегда можете создать новую учетную запись GitHub, как я только что сделал, специально для проектов Google AI Studio, чтобы вы могли отслеживать ее, не предоставляя Google доступ к остальным вашим репозиториям. Итак, нажимаем «Установить и авторизовать». Посмотрим, сработает ли это. Здесь у нас есть возможность сделать его приватным или публичным. Итак, приватный означает, что только вы можете видеть и получать доступ к этому репозиторию, тогда как публичный означает, что его может видеть кто угодно. Так что это зависит от вас, что вы хотите. Я пока оставлю его приватным и нажму «Создать репозиторий Git». Хорошо. Итак, все еще есть ошибка аутентификации. Я чувствую, что соединение между GitHub и Google AI Studio в настоящее время нарушено. Поэтому я пока оставлю это. И теперь вы можете видеть, что я потерял весь этот разговор. Но к счастью, у меня уже есть архитектор, readme и дорожная карта. Поэтому, вместо того чтобы начинать с нуля, я могу сказать: «Пожалуйста, просмотрите документацию и проверьте код, чтобы наверстать упущенное в том, над чем мы работали, и предоставьте мне краткий отчет». Итак, мне нравится начинать новый разговор с этим запросом, потому что он добавляет ценный контекст в чат. Поэтому ИИ не нужно возвращаться и перечитывать все файлы. Вместо этого он может просто сказать: «О, следующий шаг — V1.1». Но есть еще несколько вещей, которые я хочу добавить. Поэтому, прежде чем перейти к добавлению ИИ, давайте подумаем, что еще может сделать эту функцию ценной. Итак, у меня был разговор с Perplexity о том, что я хочу здесь построить. Итак, по сути, то, что я сделал здесь, — это скопировал свой разговор с Perplexity и сказал: «Вот некоторые исследования, которые я провел по приложению, которое я хочу создать. Как это вписывается в то, что мы уже строим?» Итак, теперь Google анализирует разговор, который у меня был с Perplexity, все различные функции, которые я хотел добавить, организацию этого руководства, которое, как вы видите, мы только что выполнили настройку проекта на GitHub. Мы настроили прогрессивное веб-приложение, и мы собираемся перейти к некоторым другим функциям, которые мне было интересно вам показать. Отлично. Теперь я скажу: давайте перейдем к добавлению функции шаблона. Итак, что я имею в виду под этим: в Obsidian я могу взять что-то вроде этого шаблона идеи. Итак, если я пишу заметку, каждый раз, когда я пишу эту заметку, она уже предварительно заполнена тегом идеи, что означает, что она автоматически появится в этом почтовом ящике. Итак, если я смогу загрузить этот шаблон идеи в приложение здесь, это означает, что я смогу сразу же применить шаблон к своим идеям. Таким образом, каждая заметка, которая сохраняется, автоматически получает этот шаблон. Таким образом, она автоматически появляется внутри этого почтового ящика. Давайте посмотрим, что говорит Google. Итак, вы можете видеть, что он теперь добавляет страницу настроек. Он реализует постоянное хранилище через indexDB, чтобы я мог сохранять заметки, даже если у меня нет доступа к Интернету. Он создаст селектор шаблонов, чтобы у меня был выпадающий список, чтобы я мог выбрать шаблон для текущей заметки, а затем последний выбранный шаблон будет запомнен на следующий раз. А затем он включит этот стандартный динамический раздел ввода с этими фигурными скобками, чтобы я мог автоматически применять эти шаблоны с содержимым заметки каждый раз, когда захочу. Круто. Итак, вот оно. Это заняло около 45 секунд. И мы можем видеть прямо сейчас здесь почтовый ящик для идей. Я думаю, это должен быть значок настроек. И я могу добавить новый шаблон здесь. Итак, если я нажму «Добавить шаблон», вы увидите, что я могу теперь записывать конкретную информацию, и она будет применяться всякий раз, когда я создаю новую заметку. Но, как вы можете видеть, это не совсем то же самое, что работать в Obsidian, где у нас есть этот фронт-материал. Итак, что я собираюсь сделать, это фактически показать это в Finder. Я перетащу файл markdown прямо сюда. Итак, вместо того, чтобы мне приходилось просто писать шаблон вручную, в идеале я хотел бы иметь возможность использовать выбор файла, чтобы найти этот шаблон идеи и выбрать его, потому что это означает, что мне очень легко просто обновить любой шаблон и обновить его, вместо того чтобы пытаться вручную ввести все здесь. Итак, давайте посмотрим, что он делает. Итак, вы можете видеть здесь, как он проходит и записывает весь код. Он обновляет то, что нам нужно для этого приложения. И вот где Google AI Studio делает довольно хорошую работу, но вы можете видеть, что он перезаписывает файл каждый раз. Если вы используете другой редактор ИИ, такой как Cursor или Claude Code, он может не перезаписывать файл каждый раз. Он выберет конкретный компонент, а затем исправит только его. Круто. Давайте посмотрим, как это работает. Перейдем к настройкам. Итак, теперь мы видим, что у нас есть возможность добавить новый шаблон, который является кнопкой, которая у нас была раньше. Или есть возможность импортировать из файла. Лично мне не нравится обязательно искать в браузере. Мне нравится просто перетаскивать. Итак, давайте добавим эту функцию. Итак, я просто сказал здесь: «Давайте посмотрим, можем ли мы изменить эту кнопку с «Импортировать из файла», которая затем открывает мой файловый браузер, поэтому мне приходится искать и пытаться найти ее, на интерфейс перетаскивания». Давайте посмотрим, что он делает. И снова, просто примечание, мне не удалось заставить GitHub работать прямо сейчас по какой-то причине. Но что бы я делал, так это каждый раз, когда я внедряю новую функцию, я бы сохранял на GitHub, чтобы я контролировал версии абсолютно всего. И если вы наведете курсор на файл, он точно объяснит, что делается. Итак, вы можете сказать, что он теперь представляет собой выборщик файлов с зоной перетаскивания. Круто. Давайте посмотрим, работает ли это. Круто. Итак, он на самом деле не отобразил это, но я смог просто перетащить, что, честно говоря, довольно хорошо для начала. Затем нажмите «Готово». Теперь у меня есть опция здесь, где есть пузырек, где я могу нажать «Шаблон идеи». Теперь давайте посмотрим, что здесь происходит. Нажмите «Сохранить заметку». Он загрузит файл. И мы можем видеть здесь, что он перезаписал содержимое заметки, которое у меня было, и не оставил места для самой заметки. Итак, это явная ошибка, потому что он просто применил шаблон. Он не применил содержимое самой заметки. Итак, здесь я дам ИИ обратную связь. Итак, я вижу, что мне, вероятно, нужно сделать здесь, это перейти в шаблон и поставить заметку вот так. И теперь нажмите «Сохранить». И тогда посмотрим, сработает ли это. Нажмите «Сохранить заметку». Возьмите файл. Круто. Итак, это сработало. Итак, вы можете видеть, как он построил это. Если я перейду к настройкам и перетащу шаблон, он автоматически применил все это содержимое для YAML, который называется фронт-матер, для создания этих свойств. Как вы можете видеть здесь, где, например, я бы перетащил эту заметку прямо в Obsidian. Вы можете видеть, что он автоматически применил этот шаблон здесь, и теперь он появляется в моей папке Obsidian. Так что это здорово. Это означает, что селектор шаблонов и все остальное работает до такой степени, что мне очень легко просто перетащить шаблон, изменить его, чтобы он содержал только содержимое заметки, и все будет в порядке. Итак, я могу сделать это для любого типа заметок, который я хочу. Но почему бы нам не перейти к следующему шагу, чтобы мне не пришлось делать это снова? Я итерирую, где я собираюсь спросить его: «Эй, вместо того, чтобы мне пришлось идти и нажимать «Редактировать» и добавлять это свойство заметки здесь, можем ли мы просто обновить его автоматически, чтобы всякий раз, когда мы импортируем файл, он автоматически добавлял эту заметку в конец?» Итак, вы можете видеть здесь, он только что прошел и обновил приложение, что означает, что я потерял свое локальное хранилище. Итак, теперь давайте посмотрим, что произойдет, если я перетащу новый файл. Возьму свой шаблон идеи, перетащу его, нажму «Редактировать», и вы увидите, что теперь он автоматически применил эту заметку к нему. Круто. Итак, это выглядит так, как будто все работает сейчас. И у нас значок настроек выглядит немного лучше. И я снова нажимаю «Сохранить». Вот когда я отправлю на GitHub, нажав «Сохранить на GitHub». Я скажу Gemini теперь, чтобы он обновил файл дорожной карты, чтобы мы знали, где мы находимся, на случай, если мне придется обновить или если система рухнет. Круто. Вот оно. Он только что обновил его. И вы можете видеть, что он отслеживает, где мы находимся, что было сделано и что мы должны добавить дальше. Итак, он продолжает предлагать улучшения для приложений по мере нашего продвижения. Итак, я снова нажимаю «Сохранить». И теперь, прежде чем перейти к другим функциям, почему бы нам не проверить, как это на самом деле работает на моем телефоне. Например, вот как это будет выглядеть на мобильном устройстве. Неплохо. Конечно, мы можем сделать это лучше. Итак, чтобы развернуть приложение, чтобы мы могли фактически заставить его работать на моем телефоне. Мне просто нужно будет нажать кнопку «Развернуть приложение», которая требует настройки биллинга. Поэтому я не буду делать это прямо сейчас. У меня пока не подключен биллинг. И, по сути, идея здесь в том, что когда вы развертываете приложение в Google Cloud, оно использует службу Cloud Run, которая делает приложение доступным через общедоступный URL-адрес, что отлично, потому что тогда я могу поделиться им и открыть его на своем телефоне, и все остальное, что я настрою позже, и, что самое важное, ключ API не раскрывается в приложении, но все еще используется приложением. Таким образом, это просто защищает ваши интересы, не раскрывая ваш ключ API общественности. Итак, если вам интересно, я могу сделать еще одно видео, которое более подробно расскажет о том, как фактически развернуть это. Но пока, я думаю, у вас есть хорошее представление о том, как мы можем эффективно использовать эту систему. Давайте немного переработаем ее, где я попрошу Google проанализировать код и документацию, которые у нас есть на данный момент, и посмотрим, сможем ли мы сделать ее немного лучше. Это просто нормально, я бы сказал, прямо сейчас. Итак, вот оно. Он теперь проходит и немного перерабатывает пользовательский интерфейс. Хорошо, круто. Итак, колесо настроек выглядит немного лучше. Отлично. У нас есть импорт из файла или возможность перетащить его прямо туда, обновить. Круто. Это выглядит довольно хорошо. Опять же, сам дизайн, цвета, все, что вы можете очень легко изменить, если вам нужно. Но вы можете видеть, что это просто довольно простое приложение. Теперь все, что мне нужно будет сделать, это снова сохранить это на GitHub для контроля версий, развернуть его, а затем я смогу просто создать новый значок телефона для своего домашнего экрана, и я смогу начать писать заметки здесь. А затем, когда я нажму «Сохранить заметку», появится сообщение, куда вы хотите ее сохранить? И я просто сохраню ее в своем хранилище Obsidian. И это автоматически приведет к ее появлению здесь, особенно потому, что она не обработана. Например, у меня есть фильтр, где processed не равно true. Например, если я обрабатываю заметку, она удаляется из таблицы здесь. Итак, идея в том, что это может быть просто почтовый ящик, и я могу просто добавлять заметки по мере продвижения, и они будут автоматически добавляться в мое хранилище Obsidian. Далее, в качестве последней функции, почему бы мне быстро не показать вам, как мы можем ввести генеративный элемент? Итак, я просто сказал: «Не могли бы вы, пожалуйста, ввести элемент генеративного ИИ в приложение? Например, динамическая генерация тегов на основе содержимого заметки». По сути, моя мысль такова: если я пройдусь и у меня будет куча идей и куча заметок, я могу автоматически генерировать теги здесь для меня с помощью ИИ на основе содержимого заметки, которую я ввожу. Это не то, что вы обязательно хотите делать, если вы пытаетесь сохранить свои идеи в секрете, потому что это включает в себя использование API Gemini, но я просто хочу быстро показать вам, как вы можете добавить функцию генеративного ИИ, чтобы, если у вас есть идеи для нее в вашем приложении, вы можете это сделать. Итак, вы можете видеть, что он говорит, что у нас может быть сгенерированный ИИ заголовок, автоматическое суммирование контента, структурирование заметок. Таким образом, вы можете просто выплеснуть информацию, где вы вводите кучу информации, а затем она будет автоматически форматироваться с правильными заголовками, списками и структурой, чтобы сделать ее более организованной для вас. Итак, я могу представить и добавить это в будущем. Я могу просто добавить голосовой ввод здесь, где вы можете просто говорить и давать ему стену текста, а затем, когда вы нажмете «Сохранить», она будет передана через генеративный ИИ, который отформатирует ее в приятные абзацы для вас. Итак, это все функции, которые будет очень легко реализовать с помощью Google AI Studio, потому что он автоматически интегрирует Gemini для вас. Круто. Итак, вы можете видеть, что он только что добавил эту маленькую кнопку с блестками. Итак, я просто быстро написал что-то о квантовых вычислениях и давайте нажмем «Сгенерировать», и появится список предложений ИИ по тегам для квантовых вычислений, компьютерных наук, технологий и физики. Итак, я могу просто сделать это и добавить. Нажмите «Сохранить заметку», и я получу ее копию, и теперь эти теги будут там. Итак, в качестве следующей функции я могу сказать: «Можем ли мы автоматически отображать свойства здесь, а затем позволить ИИ заполнять свойства, чтобы, например, когда мы смотрим на шаблон идеи, он предварительно заполнял теги для вас?» В рамках работы в Google AI Studio вы можете очень легко получить ключ API, просто нажав «API Keys». Вы получаете копию. Итак, что это означает, это то, что вы получаете определенное количество бесплатных запросов Google в день в рамках вашего ключа API. Итак, если вы зайдете и мы скачаем это приложение, вы запустите его на своем телефоне, вы можете просто ввести свой ключ API, и он сможет делать все это бесплатно для вас, пока вы не достигнете лимита, который, я полагаю, составляет около тысячи в день. Это довольно много. Я мог бы продолжать и продолжать. Честно говоря, по мере продвижения у меня появляется все больше и больше идей. И здорово, что я могу просто итерировать и развивать их по мере продвижения. Но я надеюсь, что это даст вам представление о том, как вы можете создать довольно простое приложение для себя, персональное приложение, которое действительно может сделать вашу жизнь намного проще. Я знаю, что существуют приложения, которые делают подобные вещи, где вы можете отправлять заметки напрямую в Obsidian. Но круто то, что я могу настроить это так, чтобы оно работало именно так, как я хочу, с возможностью вводить генеративный ИИ по мере необходимости, несколько шаблонов, раскраску, стиль, пользовательский интерфейс. Все это возможно и очень легко сделать. Если бы я не объяснял это по ходу дела, я, вероятно, сделал бы это примерно за 15 минут, может быть, меньше. И я мог бы продолжать добавлять больше функций, чтобы сделать его более личным, более индивидуальным для того, что я ищу. Теперь у меня есть система для себя, где я могу просто быстро сохранять заметки в своем Obsidian, иметь это свойство процесса и точно знать, обработал ли я идею в соответствующую заметку, для которой она предназначена. Я могу даже добавить тактильные ощущения. Есть так много всего, что вы можете сделать. Ключ в том, что вы просто продолжаете обмениваться информацией с ИИ, и вы продолжаете просить его помочь вам и продолжаете просить его обновлять документацию, чтобы вы могли отслеживать, где вы находитесь. Убедитесь, что вы контролируете версии на GitHub, а затем разверните его в Cloud Run, если хотите, в будущем. Или вы можете подключиться к Vercel или Netlify. Таким образом, каждое изменение, которое вы сохраняете на GitHub, повторно развертывается и собирает приложение для вас, чтобы вы могли получить к нему доступ с любого из ваших устройств или поделиться им с другими. Это, честно говоря, довольно невероятно. Я провел здесь много времени, и я надеюсь, что вы найдете это полезным. Я надеюсь, что этот обзор поможет вам понять, как вы можете фактически начать создавать свои собственные персональные приложения. Ключ в том, чтобы экспериментировать, итерировать, перекалибровать, чтобы вы могли перейти от базовой концепции и добавлять больше функций по мере продвижения и по мере того, как вы понимаете, как работать с ИИ, чтобы создавать инструменты для вас. Поразительно, как быстро вы достигнете точки, когда сможете фактически использовать инструменты, приложения, которые вы создаете, для решения своих собственных реальных проблем. Я использую это все время. Напоминаю, что если есть какие-либо другие микроприложения или персональные приложения, которые вы хотели бы, чтобы я попытался создать, пожалуйста, дайте мне знать в комментариях, так как я буду рад сделать отдельное видео, показывающее, как я подхожу к созданию этого конкретного инструмента. Если это видео оказалось вам полезным, пожалуйста, не забудьте поставить лайк, поддержать и подписаться. Ваша поддержка идет намного дальше, чем вы думаете, поэтому я очень ценю ее. Если вы хотите узнать больше о создании с помощью ИИ и использовании конкретных инструментов, таких как Google AI Studio, NotebookLM или Perplexity, ChatGPT, у меня есть полный плейлист по обучению ИИ, который показывает, как я подключаю свою систему управления знаниями, используя что-то вроде Obsidian, к инструментам ИИ, чтобы я мог постоянно создавать для себя все лучшую и лучшую систему. Спасибо еще раз за просмотр, и до встречи в следующем видео.