Хотя разработчики и инженеры-программисты наверняка возненавидят меня за это (и я это прекрасно понимаю, я тоже учусь этому), я считаю, что программирование в Vibe — один из самых интересных способов создания небольших проектов. Оно полностью устранило барьер, который когда-то мешал людям без технических знаний воплотить в жизнь свои тысячи идей за несколько часов.
Раньше, чтобы сделать это, вам нужно было либо заплатить кому-то неплохие деньги, чтобы он построил это для вас, либо потратить месяцы на то, чтобы научиться программировать самостоятельно. Является ли это заменой правильной разработки программного обеспечения? Это даже близко не так. Однако вам обязательно стоит воспользоваться этим для личных инструментов и небольших проектов. Расширения Chrome — действительно лучшее место для начала.
Расширения Chrome — самый простой способ начать программировать
Серьезно, вы могли бы создать один из них во время обеденного перерыва..
Если вы следили за модой, связанной с программированием, вы, вероятно, видели, как люди создают подобные приложения и веб-сайты. Фактически, многие популярные инструменты кодирования Vibe, такие как Replit и Lovable, специально созданы для этого. Однако есть один тип проектов, который не привлекает столько внимания и, вероятно, даже больше подходит для кодирования Vibe — это расширения Chrome.. Когда вы создаете приложение или веб-сайт и хотите двигаться вперед, вам необходимо определиться с хостингом, базами данных, аутентификацией и безопасностью. Это все, с чем до сих пор сталкивается Vibe-кодирование.
Благодаря кодированию расширений Chrome с помощью Vibe большинство этих проблем практически устраняются. Расширения Chrome небольшие и автономные. Они запускаются локально в вашем браузере, и вам не нужно беспокоиться о развертывании чего-либо. Их возможности, естественно, ограничены решением одной конкретной задачи, а это означает, что их чрезвычайно легко создать с помощью ИИ. Кроме того, расширения обычно создаются с использованием относительно простых веб-технологий, таких как HTML, CSS и JavaScript — все языки, с которыми инструменты ИИ обычно справляются довольно хорошо.
Когда вы используете браузер и замечаете, что он не может сделать для вас какую-то полезную вещь, обычно решение состоит в том, чтобы зайти в Интернет-магазин Chrome и надеяться, что кто-то уже создал то, что вам нужно. С помощью vibe-кодирования вы можете просто создать его самостоятельно. Разница, однако, в том, что то, что вы создадите, будет адаптировано к вашему конкретному рабочему процессу и будет содержать только те функции, которые вам действительно нужны.
Создать расширение Chrome с помощью программирования Vibe чрезвычайно просто.
Все, что вам нужно, это идея.
Прежде чем приступить к веб-программированию расширения Chrome, вам необходимо решить, какой инструмент вы хотите использовать для этого процесса. В настоящее время у вас есть бесконечный список возможностей. Вы можете использовать Claude Code, OpenAI’s Codex, Gemini CLI, Cursor, Antigravity или даже просто чат-бота, такого как Claude или ChatGPT. Несколько дней назад я даже создал vibe-код для расширения Chrome, используя облачную альтернативу OpenClaw от Perplexity! Однако еще более важно решить, что вы хотите построить.
Самый простой способ сделать это — просто подумать о чем-то, что вас всегда раздражает, когда вы пользуетесь Интернетом, или просто… в общем! Может быть, это веб-сайт без темного режима, веб-сайт, на котором отсутствует функция, которую вы ждали месяцами, задача, которую вам приходится повторять каждый день, то, для чего вы обращаетесь к стороннему инструменту — что угодно! Просто возьмите идею и начните ее строить.
Так, например, первое расширение Chrome, которое я запрограммировал с помощью веб-кодирования, появилось совершенно случайно. Когда я использовал Instagram на своем телефоне и пытался узнать, просматривал ли определенный человек мою историю, я подумал: «Чт?если Instagram еще не добавил функцию поиска зрителей на страницах историй?»
Создание для этого приложения для iPhone или Android не имело особого смысла, поскольку я не хотел открывать специальное приложение каждый раз, когда мне нужно было выполнить поиск в средствах просмотра историй. Учитывая, что веб-сайт Instagram уже позволяет просматривать истории и зрителей, я знал, что эту проблему можно решить, создав простое расширение для Chrome.
В то время я еще не пробовал Claude Code, поэтому просто открыл новую тему в Claude и описал то, что хочу. За считанные минуты он построил первый прототип. Вместо того, чтобы дать мне файлы и попросить скопировать и вставить их в IDE и тому подобное, он вместо этого дал мне ZIP-файл для загрузки. Все, что мне нужно было сделать, это загрузить его, разархивировать и загрузить в Chrome как разархивированное расширение.
Примечание: Если вы не сделали этого раньше, вам просто нужно зайти на chrome://extensions и включить режим разработчика. Затем нажмите кнопку «Загрузить распакованное» и выберите папку, которую вы только что извлекли. Не забудьте предварительно его разархивировать!
Хотя теперь я использую более подробные подсказки при программировании чего-либо с помощью vibe-кодирования, поскольку это дает более точные результаты, это был один из первых проектов, в которых я использовал vibe-кодирование, и вот что я намекнул Клоду:
«Можете ли вы создать расширение Chrome, которое позволит вам искать зрителей историй в Instagram?».
Первый прототип, созданный Клодом, не работал, и он признал, что виноват использованный им подход к парсингу DOM. Затем он снова создал расширение, используя внутренние точки API Instagram. Вторая версия, которую он создал, работала так, как задумано, но не позволяла мне осуществлять поиск по отдельным историям.
Как и ожидалось, созданная им третья версия идеально оправдала мои ожидания. Она добавила панель «История» в верхней части окна расширения, на которой отображались миниатюры всех активных историй с отметками времени и количеством просмотров. После того, как я нажал на историю, были показаны только ее зрители.
Я начал каждое разочарование превращать в расширение
В моем браузере уже установлено больше расширений, чем я хочу признать.
После этого расширения для историй в Instagram я создал бесчисленное множество расширений для Chrome. Например, новые идеи для статей приходят ко мне в самый случайный момент. Вот почему Я создал расширение с помощью Vibe Coding, которое позволяет мне реализовать эту идею и добавить рабочее название.. Я могу пометить его определенным типом, назначить публикацию, а также расставить приоритеты.
Учитывая, что большинство идей приходят ко мне, когда я занимаюсь серфингом, расширение также автоматически фиксирует в качестве источника любой URL-адрес, на котором я нахожусь. Таким образом, когда я позже вернусь к этой идее, я точно буду знать, что меня вдохновило. Я также создал расширение, которое поможет мне в поиске новостей! Мой колледж также недавно перешел на онлайн-занятия, и я заметил, что постоянно делаю скриншоты того, что профессор показывал на экране.
Проблема заключалась в том, что я потерял эти скриншоты из виду — они затерялись в папке «Фотопленка» или в папке «Загрузки» с общими именами файлов, и когда они мне понадобились для экзамена, я ничего не смог найти. Вот почему я создал расширение, которое позволяет мне делать снимки экрана, помечать их названием курса и автоматически распределять все по папкам.
Я также создал расширение, которое отслеживает, сколько слов я пишу каждую неделю, и еще одно, которое помогает мне анализировать заголовки на основе моих собственных шаблонов.
Самое интересное, что я получил от ИИ
Как я упоминал вначале, идеи расширения, которые вы можете создать с помощью vibe-кодирования, безграничны. Просто выберите разочарование и превратите его в небольшой инструмент, который его решит.
