Як я створила сайт без жодного рядка коду — секрет від Сам Альтмана
Відкриття світу vibe-кодування завдяки Саму Альтману
Протягом кількох місяців я поринала у численні історії колег про vibe-кодування — як звичайні люди з різних професій, від пожежників до зайнятих батьків, створюють інноваційні рішення для спрощення свого життя.
Утім, через мій скромний досвід у програмуванні — лише редагування HTML на своїй сторінці у підлітковому віці та один забутий курс комп’ютерних наук у коледжі — я боялася спробувати сама. Але цього тижня все змінилося, коли Сам Альтман, співзасновник і CEO OpenAI, поділився у Твіттері своїм запитом до ChatGPT, заданим прямо з телефону:
«Використай всю мою історію чатів, щоб придумати ідеї для тривалого вікенду з 8 друзями, запропонуй три найкращі варіанти, створити повноцінний сайт для координації планів, прийняття рішень і бронювання, а також підготувати листа у Gmail для відправлення друзям.»
Я подумала: «Чому б і ні?» Вставила цей запит у ChatGPT, і менш ніж за дві години отримала повністю діючий вебсайт із варіантами поїздок, чудово підлаштованих під мої інтереси.
Обіцянка vibe-кодування — створити корисні й персоналізовані додатки навіть без знань програмування — виявилася цілком реальною. І саме Сам Альтман показав це на власному прикладі.
Крок за кроком: ChatGPT провів мене через технічні деталі
Для експерименту я використовувала свій особистий акаунт ChatGPT Plus за $20 на місяць із налаштуванням GPT-5.6 Sol з високим рівнем інтелекту.
Майже за десять хвилин отримала три пропозиції для подорожей, посилання для завантаження повної версії сайту та чернетку листа.
Місця, які запропонував ChatGPT, ідеально відповідали моїм бажанням — Santa Ynez Valley, South Lake Tahoe, Todos Santos — причому двоє з них вже давно стояли у моєму списку мрій.
Та, водночас, я сумнівалася: чи справді так можна завантажити повноцінний код сайту?
ChatGPT надав файл README з поясненнями, як встановити і запустити сайт. Для тих, хто розуміється на кодуванні, це було б зрозуміло, а мені — майже іноземна мова.
Я чесно зізналася ChatGPT, що не маю жодних навичок і потребую максимально простих та покрокових інструкцій.
Покрокове керівництво для початківців
ChatGPT навів мене через прості, навпаки і чіткі кроки:
- Відкрийте Terminal на Mac за допомогою Command + Spacebar.
- Завантажте Python і зареєструйтеся в GitHub.
- Скористайтеся Render для хостингу вебсайту.
Після налагодження сайту локально і запуску його в мережі я була вражена, наскільки все було зрозуміло і функціонально, хоча ці терміни раніше були мені незнайомими.
Щодо хостингу, я оплачувала Render по $7,25 на місяць, проте пізніше дізналася про безкоштовну альтернативу — Cloudflare, яку теж порекомендував ChatGPT.
ChatGPT визнав, що міг одразу порадити безкоштовний варіант, оскільки проект був досить простим.
Також OpenAI повідомили, що нещодавно запустили функцію Sites, яка дозволяє створювати, редагувати, переглядати і публікувати сайти прямо у ChatGPT з підпискою Plus — без необхідності сторонніх сервісів хостингу.
Як я зібрала свій сайт без єдиного рядка коду
Майже за дві години, частину з яких я працювала над іншими справами, мій вебсайт вже був запущений в онлайні.
Цей ресурс дав змогу моїм друзям зареєструватися, повідомити свій бюджет, проголосувати за місце подорожі, вибрати відповідні дати, обрати активності та залишати коментарі з ідеями.
Після збору голосів я могла закріпити остаточне місце поїздки, після чого сайт генерував розділ із конкретними завданнями, які можна було розподіляти між учасниками.
Усі ці функції були створені без мого втручання у сам код — лише копіювання та вставка інструкцій від ChatGPT у Terminal.
Додаткові налаштування — майже як у професіонала
Хотілося додати кілька корисних функцій, тож перенесла сайт у редактор Sites і з допомогою нового чату з ChatGPT сформулювала завдання, наприклад:
- Додати можливість редагувати або видаляти коментарі.
- Перемістити вікно введення коду доступу вгору сторінки.
Після 14 хвилин 8 секунд для роботи над оновленнями сайт був успішно змінений і знову опублікований онлайн.
Новий погляд на vibe-кодування
Сам Альтман дав точний імпульс, щоб зрозуміти, як насправді працює vibe-кодування і як можна без зусиль просити ChatGPT реалізувати навіть те, чого ти не розумієш в технічній частині.
Як писала раніше Джазмін Сан, письменниця, яка веде Substack про штучний інтелект, багато хто не знає, з чого почати: проблема не у браку креативності, а у тому, що більшість задач не мають вигляд програмного забезпечення і люди не помічають цього.
Однак перша спроба vibe-кодування вже відкрила мені нові горизонти та надихає на створення наступних проектів, що полегшать життя.
