Как сделать приложение из Google Таблиц за 30 минут с Claude Code
Вкалывают Роботы | AI, SaaS, вайб-кодинг
0:00 / 0:00
Как сделать приложение из Google Таблиц за 30 минут с Claude Code
290 просмотров · 1 день назад
Вкалывают Роботы | AI, SaaS, вайб-кодинг
5,36 тыс. подписчиков
290 просмотров · 1 день назад
💥 Воркшоп и вайб-кодинг клуб «Бойлерная»: https://t.egrnkvch.com/l/tg-club?utm_...
🤖 Бесплатные курсы и материалы из видео: https://t.egrnkvch.com/l/tg-materials...
📩 Личная помощь, разработка: https://t.egrnkvch.com/l/tg-services?...
Превращаем Google Таблицу в свою CRM с помощью AI и Claude Code: рабочая кривая таблица магазина чая остаётся базой, API к ней живёт в Google Apps Script, а поверх тремя запросами агенту собрана программа для компьютера на Electron, React и TypeScript с шестью разделами и установщиком для Windows. Товар, добавленный в программе, ложится новой строкой в таблицу.
Содержание:
00:00 Таблица становится приложением, а запись из программы ложится строкой в таблицу
00:49 Учёт магазина чая Листок: пять листов в Google Таблице
01:18 Таблица остаётся базой, поверх неё приложение
01:37 Почему Google Таблица, а не Excel
01:52 Кривая таблица: объединённые ячейки, два товара в клетке, суммы вразнобой
02:22 Как это устроено: Google Apps Script как API к таблице
03:19 Первый запрос в Claude Code: описание таблицы и её кривизны
04:35 Что агент сделал с кривыми данными
05:22 Ключ, очередь записей и защита от чужих правок
05:48 Код в редакторе Apps Script
06:07 Первый запуск и разрешения Google
06:52 Публикация веб-приложением, адрес и ключ
07:46 Второй запрос: программа для компьютера, а не сайт
08:11 Зачем Electron, React и TypeScript
08:39 Шесть разделов и данные только из таблицы
09:11 Claude собирает программу сам: ошибки, пакеты, установщик
09:36 Полчаса на программу и воркшоп с Бойлерной
09:59 Отчёт Claude и установщик для Windows
10:23 Сводка: выручка и остатки, которых в таблице не было
10:53 Доска заказов по статусам
11:12 Заказ 60: два товара из одной ячейки стали двумя позициями
11:28 Поставки, покупатели и товары в программе
11:56 Запись из программы в таблицу: товар с копейками
12:28 Цена показана округлённой: правка одной фразой
12:54 Третий запрос: разделы открываются долго
13:24 Три способа ускорить и какие выбрал
13:49 Запуск: было три с половиной секунды, стало меньше половины
14:06 Надпись о свежести данных в каждом разделе
14:31 Повторная проверка записи: второй товар
14:45 Где граница у такой программы
15:16 Итог: таблица осталась базой, поверх неё своя CRM
15:37 Свой вайб-кодер в каждой компании
15:51 С чего начать со своей таблицей
16:04 Помощь с вашим проектом
У многих весь учёт живёт в разросшейся Google Таблице: заказ ищется прокруткой, статус правится в ячейке, а отчёт по такой таблице не соберёшь, потому что суммы и статусы записаны кто во что горазд. Переезжать в новую систему никто не хочет, всё наработанное лежит здесь.
Делаю по-другому. Таблица остаётся базой, и в ней можно работать как раньше. Первым запросом Claude Code в Cursor пишет API к таблице на Google Apps Script: код живёт в самой таблице, работает на серверах Google, и своего сервера не нужно. Вторым запросом агент собирает программу для компьютера на Electron, React и TypeScript. Третьим ускоряет открытие разделов. Все три запроса показаны слово в слово.
Что разбираем:
• как устроена связка: таблица, скрипт у Google и программа
• первый запрос: как описать агенту таблицу вместе со всей её кривизной
• что агент сделал с объединёнными ячейками, двумя товарами в клетке и разнобоем сумм
• публикация скрипта веб-приложением, разрешения Google, адрес и ключ
• второй запрос: шесть разделов, доска заказов по статусам, фильтры и сводка
• запись из программы в таблицу и правка округлённой цены одной фразой
• третий запрос: запуск был три с половиной секунды, стал меньше половины
• установщик для Windows и где у такой программы граница
Для предпринимателей, продактов и маркетологов без команды разработки, у которых учёт ведётся в Google Таблице и хочется работать с ним как в нормальной системе. Подписывайтесь, чтобы не пропустить следующие видео.