🚀💳 Trustee Plus - більше ніж криптогаманець з європейською платіжною карткою. Спробуй 👉
Олександр КузьменкоНавколо IT
7 березня 2025, 08:20
2025-03-07
Український айтівець за допомогою Grok 3 створив для свого брата мінімалістичний додаток для вивчення англійських слів. Як він це зробив
Український Observability Engineer Євгеній вирішив протестувати ШІ-чатбот Grok 3 від компанії xAI у розробці застосунків. Для цього він створив простий додаток English Words Trainer для вивчення нових слів на JavaScript.
У коментарі dev.ua розробник відзначив, що не є професійним програмістом і хотів зробити щось корисне для свого молодшого брата, який вивчає англійську. За його словами, Grok 3 відчувався «як розумний друг, який реально хоче допомогти».
Український Observability Engineer Євгеній вирішив протестувати ШІ-чатбот Grok 3 від компанії xAI у розробці застосунків. Для цього він створив простий додаток English Words Trainer для вивчення нових слів на JavaScript.
У коментарі dev.ua розробник відзначив, що не є професійним програмістом і хотів зробити щось корисне для свого молодшого брата, який вивчає англійську. За його словами, Grok 3 відчувався «як розумний друг, який реально хоче допомогти».
Як виникла ідея створити додаток за допомогою ШІ
«Нещодавно, вирішив протестувати Grok 3 від xAI й був приємно здивований тим, як він може допомагати у розробці. Щоб перевірити його можливості, я поставив собі задачу — написати простий, але корисний тренажер англійських слів. Так з’явився English Words Trainer — мінімалістичний додаток для вивчення нових слів, побудований виключно на JavaScript, CSS і HTML», — написав Євгеній у своєму LinkedIn.
Він додав, що тренажер відображає слова, їх транскрипцію та переклад, може озвучувати слова та дозволяє зберігати у словники.
«Мабуть, варто почати з того, що в реальному житті я не є професійним програмістом. Так, у мене є певний досвід написання скриптів на різних мовах програмування — десь для роботи, десь просто з цікавості, — але це ніколи не було моєю основною справою», — вказав розробник в коментарі dev.ua.
Він розповів, що до знайомства з xAI вже мав нагоду випробувати різні штучні інтелекти: ChatGPT, Claude, BlackBox, Copilot. Але все це було більше для розваги — спробувати, подивитися, що вони вміють, і, можливо, навчитися чогось нового. Коли Євгеній прочитав про Grok 3, йому захотілося перевірити, наскільки швидко і якісно ця модель може допомогти створити щось по-справжньому функціональне, враховуючи хайп навколо неї.
«Люди закохаються в Grok. Це ймовірно на 1000%». Маск презентував «найрозумніший ШІ на Землі Grok 3». Чого чекати від удосконаленого помічника та які задачі перед ним ставлять розробники
За словами айтівця, ідея невеличкого сайту зі словами з’явилася досить швидко.
«Мій молодший брат саме активно взявся вивчати англійську мову, і я подумав: а чому б не зробити щось корисне для нього? Так народилася концепція простого інтерфейсу, який би дозволив користувачу взаємодіяти з англійськими словами — бачити їх, чути вимову, переглядати переклад. По суті, це такий собі словничок із базовими функціями. Звісно, в інтернеті повно подібних мобільних додатків і онлайн-словників, але я й не ставив собі за мету створити бізнес-проєкт чи стартап. Це був просто експеримент — тест можливостей нового штучного інтелекту», — пояснює Євгеній.
Що таке English Words Trainer
Розробник говорить, що в поточній реалізації English Words Trainer — це сайт, де слова з’являються випадковим чином, із транскрипцією та перекладом. Він також хотів додати кнопки для взаємодії — наприклад, щоб можна було прослухати слово чи відмітити його як «вже знаю».
«Grok 3 швидко запропонував базову структуру HTML, CSS і JavaScript. Перший прототип був готовий буквально за кілька годин: простий дизайн, кілька слів у коді, кнопки для прослуховування через SpeechSynthesis API та перемикання слів. Але я не зупинився на цьому — захотілося зробити щось більш зручне й цікаве», — розповів Євгеній.
Далі він попросив Grok додати бічну панель з історією переглянутих слів. Ідея полягала в тому, щоб користувач міг повернутися до слів, які вже бачив, і ще раз прослухати їх. Grok впорався також блискуче, відзначає айтівець — панель з’явилася з фільтром для пошуку, а дані почали зберігатися в localStorage, щоб не втрачатися після перезавантаження сторінки.
«Тоді я подумав: а чому б не зробити словник більш гнучким? Так слова переїхали з JavaScript в окремий JSON-файл, що спростило їхнє редагування й додавання», — пояснив айтівець.
Product Designer та co-founded стартапів створив код для шутера, схожого на Doom, за допомогою Grok 3 з нуля менше ніж за добу. Що він думає про цей інструмент
Плюси та мінуси Grok 3 у розробці
Євгеній розповів, що порівнював Grok 3 з іншими ШІ, якими користувався раніше. Він зазначає, що в кожного з них є свої сильні й слабкі сторони. Ось які закономірності помітив розробник:
ChatGPT дуже хороший у генерації тексту й може довго «розжовувати» складні концепції, але іноді він занадто багатослівний і не завжди одразу розуміє, що я хочу конкретний код, а не пояснення.
Claude здавався мені більш стриманим і точним у відповідях, але він часто уникав технічних деталей, особливо коли доходило до програмування.
BlackBox і Copilot, навпаки, заточені на код — вони швидко видають готові рішення, але якщо я просив щось нестандартне чи пояснити логіку, вони могли «заглючити» або дати поверхневий результат.
І головне — у Grok 3 набагато більші безплатні ліміти для генерації. Я міг годинами ставити запитання, просити редагувати код і тестувати ідеї, не натикаючись на повідомлення про ліміти.
Євгеній каже, що Grok 3 вразив його балансом між кодом і поясненнями.
«Його плюс — це швидкість і чіткість: наприклад, я просто вказав, що хочу бічну панель намалювавши її прототип у Paint, і він одразу дав робочий код із коментарями, повторивши дизайн майже 1:1. У порівнянні з ChatGPT, Grok менше „філософствує“, а з Copilot — глибше пояснює. З мінусів я б назвав те, що іноді він надто покладається на мої уточнення — якщо я нечітко сформулював запит, відповідь могла бути трохи „в сторону“», — пояснює айтівець
На його думку, це незначні мінуси, оскільки в цілому «Grok 3 відчувався як розумний друг, який реально хоче допомогти, а не просто відстрілятися відповіддю».
«Зрештою, додаток вийшов саме таким, яким я його уявляв на початку розробки: простий, але функціональний. Головне, що брату сподобалось і він навіть планує ним користуватись», — говорить Євгеній.
Він додав, що не планує заробляти на English Words Trainer — для нього це був спосіб перевірити, на що здатен Grok 3, і водночас «зробити щось корисне» для інших.
Спробувати демо English Words Trainer можна за цим посиланням. Розробник також опублікував код проєкту на GitHub.
Хоч попри різні прогнози штучний інтелект все ще не здатний замінити програмістів, приклад Євгенія показує, що ШІ у 2025 році вже може допомогти людям майже без навичок програмування створювати прості, але корисні персоналізовані інструменти.
Хочу стати програмістом. З чого почати і як вибрати між Java Script, PHP, Python та іншими
Діана Смелікова, операційний директор Wezom Academy, у своєму блозі на DOU пояснила, з чого почати вивчати програмування та яким мовам варто налагодити перевагу на початковому етапі. Ось 5 важливих порад від неї.
