So‘nggi ikki yil davomida men va Work & Co kompaniyasidagi jamoamiz ko‘pchilik foydalanadigan veb-tajribalarni yetkazishda yordam berish uchun Copilot, Cursor, Claude va ChatGPT kabi AI kodlash vositalarini sinab ko‘rdik va bosqichma-bosqich birlashtirdik. To'g'ri, ba'zi dastlabki shubhalar va bir necha aha daqiqalardan so'ng, turli xil AI vositalari mening kundalik foydalanishimga yo'l topdi. Vaqt o'tishi bilan biz sun'iy intellektni egallashga ruxsat berish mantiqiy bo'lgan ilovalar ro'yxati o'sib bordi, shuning uchun men "mas'ul ishlab chiquvchi" deb ataydigan narsam uchun AI vositalaridan ba'zi amaliy foydalanish holatlarini baham ko'rishga qaror qildim. Mas'uliyatli dasturchi deganda nimani tushunaman? Biz manfaatdor tomonlarimiz va mijozlarimiz kutganidek sifatli kodni yetkazib berishimizga ishonch hosil qilishimiz kerak. Bizning hissalarimiz (ya'ni, so'rovlar) bizning ishimizni ko'rib chiqishi va sinab ko'rishi kerak bo'lgan hamkasblarimizga yuk bo'lmasligi kerak. Bundan tashqari, agar siz kompaniyada ishlasangiz: Biz foydalanadigan vositalar ish beruvchimiz tomonidan tasdiqlanishi kerak. Xavfsizlik va maxfiylik kabi nozik jihatlarga to'g'ri munosabatda bo'lish kerak: sirlarni, mijoz ma'lumotlarini (PII) yoki mulkiy kodni siyosatni tasdiqlamasdan asboblarga joylamang. Buni internetdagi notanish odamning kodi kabi qabul qiling. Har doim sinab ko'ring va tekshiring. Eslatma: Ushbu maqola VSCode yoki Kursor ichidagi Copilot kabi AI kodlash vositalari bilan juda oddiy tanishishni nazarda tutadi. Agar bularning barchasi siz uchun mutlaqo yangi va notanish bo'lib tuyulsa, Github Copilot video darsliklari siz uchun ajoyib boshlanish nuqtasi bo'lishi mumkin.
AI kodlash vositalarining foydali ilovalari Eslatma: Quyidagi misollar asosan React, Vue, Svelte yoki Angular kabi JavaScript-ga asoslangan veb-ilovalarda ishlashga qaratilgan. Notanish kodlar bazasi haqida tushunchaga ega bo'lish O'rnatilgan kodlar bazasida ishlash odatiy hol emas va katta eski kodlar bazasiga qo'shilish qo'rqitishi mumkin. Shunchaki loyihangizni va AI agentingizni oching (mening holimda, VSCode-da Copilot Chat) va hamkasbingizdan so'raganingizdek savollar berishni boshlang. Umuman olganda, men har qanday sun'iy intellekt agenti bilan xuddi boshqa odam bilan gaplashishni yaxshi ko'raman. Bu erda aniqroq misol taklifi: "Menga yuqori darajadagi arxitektura haqida umumiy ma'lumot bering: kirish nuqtalari, marshrutlash, autentifikatsiya, ma'lumotlar qatlami, qurilish asboblari. Keyin o'qish uchun 5 ta faylni ro'yxatlang. Tushuntirishlarni faraz sifatida ko'ring va havola qilingan fayllarga o'tish orqali tasdiqlang."
Siz “Marshrutlash qanday ishlaydi?” kabi keyingi savollarni berishda davom etishingiz mumkin. yoki “Autentifikatsiya jarayoni va usullari haqida men bilan gaplashing” va bu sizni notanish kodlar bazasi zulmatiga yorug‘lik kiritish uchun foydali yo‘nalishlarga olib boradi. Bog'liqlarni yangilashda o'zgarishlarni sindirish Npm paketlarini yangilash, ayniqsa, ular o'zgarishlar bilan birga kelganda, zerikarli va ko'p vaqt talab qiladigan ish bo'lishi mumkin va sizni adolatli miqdordagi regressiyalarni tuzatishga majbur qiladi. Men yaqinda plotly.js maʼlumotlar vizualizatsiya kutubxonasini 2-versiyadan 3-versiyaga bitta asosiy versiyaga yangilashim kerak edi va buning natijasida baʼzi grafiklardagi eksa yorligʻi ishlamay qoldi. Men ChatGPT-dan so'rashni davom ettirdim: "Men Plotly-dan foydalanadigan Angular loyihamni yangiladim. Men plotly.js - dist paketini 2.35.2-dan 3.1.0-ga yangiladim - endi x va y o'qidagi teglar yo'qoldi. Nima bo'ldi?"
Agent darhol yechim bilan qaytib keldi (quyida o'zingiz uchun qarang). Eslatma: Tuzatishni yuborishdan oldin men hali ham rasmiy migratsiya qo‘llanmasiga nisbatan tushuntirishni tasdiqladim.
Refaktorlarni fayllar bo'ylab xavfsiz nusxalash O'sib borayotgan kod bazalari, shubhasiz, kodlarni birlashtirish uchun imkoniyatlarni ochib beradi. Masalan, bitta funktsiya yoki komponentga ajratilishi mumkin bo'lgan fayllar bo'ylab kodning takrorlanishini sezasiz. Natijada siz o'rniga qo'shilishi mumkin bo'lgan umumiy komponent yaratishga qaror qilasiz va bu refaktorni bitta faylda bajarishga qaror qilasiz. Endi qolgan fayllaringizga ushbu o'zgarishlarni qo'lda amalga oshirish o'rniga, agentingizdan siz uchun refaktorni ishlab chiqarishni so'raysiz. Agentlar kontekst sifatida bir nechta fayllarni tanlash imkonini beradi. Bitta fayl uchun refaktor bajarilgandan so'ng, men qayta tiklangan va tegilmagan fayllarni ham kontekstga qo'shishim va agentdan boshqa fayllarga o'zgartirish kiritishni so'rashim mumkin: "A faylida kiritilgan o'zgarishlarni B fayliga ham takrorlang". Notanish texnologiyalarda xususiyatlarni amalga oshirish AI kodlash vositalaridan foydalangan holda mening eng sevimli lahzalarimdan biri bu menga GLSL-da juda murakkab animatsion gradient animatsiyasini yaratishda yordam bergani bo'ldi, bu men yaxshi bilmagan tildir. Yaqinda loyihada bizning dizaynerlarimiz 3D ob'ektida yuklanish holati sifatida animatsion gradientni o'ylab topishdi. Menga kontseptsiya juda yoqdi va mijozlarimizga o'ziga xos va qiziqarli narsalarni yetkazib berishni xohladim. Themuammo: Menda uni amalga oshirish uchun bor-yo'g'i ikki kun bor edi va GLSL juda keskin o'rganish egri chizig'iga ega. Shunga qaramay, sun'iy intellekt vositasi (bu holda, ChatGPT) foydali bo'ldi va men uni men uchun kanvas va juda oddiy animatsion rang gradientini ko'rsatadigan mustaqil HTML faylini yaratishni taklif qila boshladim. Asta-sekin, men AIni yaxshi natijaga erishmagunimcha, unga ko'proq noziklik kiritishni taklif qildim, shunda men o'zimning haqiqiy kodlar bazasiga shaderni integratsiyalashni boshladim. Yakuniy natija: Bizning mijozlarimiz juda xursand bo'lishdi va biz AI tufayli qisqa vaqt ichida murakkab xususiyatni taqdim etdik. Yozish testlari Mening tajribamga ko'ra, birlik va integratsiya testlarining to'g'ri to'plamini doimiy ravishda yozish va qo'llab-quvvatlash uchun loyihalarda kamdan-kam vaqt etarli bo'ladi va buning ustiga, ko'plab ishlab chiquvchilar testlarni yozish vazifasini yoqtirmaydi. AI yordamchingizni siz uchun testlarni o'rnatish va yozishni taklif qilish butunlay mumkin va uni oz vaqt ichida bajarish mumkin. Albatta, siz, ishlab chiquvchi sifatida, hali ham testlaringiz ilovangizning muhim qismlarini ko'rib chiqishiga va oqilona sinov tamoyillariga rioya qilishiga ishonch hosil qilishingiz kerak, ammo siz testlarni yozishni AI yordamchimizga "tashqariga" topshirishingiz mumkin. Misol so'rovi: "Jest yordamida ushbu funksiya uchun birlik testlarini yozing. Baxtli yoʻl, chekka holatlar va muvaffaqiyatsizlik rejimlarini qamrab oling. Har bir test nima uchun mavjudligini tushuntiring."
Siz hatto Kent C. Doddsning sinovdan o'tkazish bo'yicha eng yaxshi amaliyotlarini agentingizga ko'rsatma sifatida topshirishingiz mumkin, masalan:
Ichki asboblar Yuqorida aytib o'tilgan shader misoliga biroz o'xshash, menga yaqinda kodlar bazasida kodning takrorlanishini tahlil qilish va refaktordan oldin va keyin solishtirish topshirildi. Agar siz fayllarni qo'lda taqqoslashning ko'p vaqt talab qiladigan yo'liga borishni istamasangiz, bu, albatta, ahamiyatsiz ish emas. Copilot yordamida men kodni takrorlashni tahlil qiladigan skript yaratdim, jadvaldagi natijalarni tartibga soldim va buyurtma qildim va uni Excelga eksport qildim. Keyin men uni bir qadam oldinga tashladim. Kodni qayta tiklash tugallangandan so'ng, men agentdan mening mavjud Excel varag'imni asosiy chiziq sifatida olishni, alohida ustunlarga joriy takrorlanish holatini qo'shishni va deltani hisoblashni taklif qildim. Uzoq vaqt oldin yozilgan kodni yangilash Yaqinda mening eski mijozim meni urdi, chunki vaqt o'tishi bilan uning veb-saytida bir nechta xususiyatlar to'g'ri ishlamay qoldi. Qizig'i shundaki, veb-sayt deyarli o'n yil oldin qurilgan va JavaScript va SCSS requireJS kabi ancha eski kompilyatsiya vositalaridan foydalangan va sozlash Node.js ning 2025 yilgi MacBook-da ham ishlamaydigan eski versiyasini talab qilgan. Butun qurish jarayonini qo'lda yangilash menga bir necha kun vaqtni oladi, shuning uchun men AI agentiga: "JS va SCSS yaratish jarayonini Vite kabi 2025 yilgi stekga yangilay olasizmi?" Deb so'rashga qaror qildim. Bu, albatta, shunday bo'ldi va agent bilan bir soatcha takomillashtirishdan so'ng, men SCSS va JS tuzilmalarini Vite-ga o'tkazdim va men xatolarni tuzatishga e'tibor qarata oldim. Qurilish jarayoniga bunday integral o'zgarishlarni amalga oshirayotganda chiqish va kompilyatsiya qilingan fayllarni to'g'ri tekshirishga ishonch hosil qiling. Xulosa qilish va loyihalash Oxirgi koddagi barcha oʻzgarishlarni bitta jumlada jamlashni xohlaysizmi yoki majburiyatlarning uzoq roʻyxatiga ega boʻlib, ularni uchta nuqtada jamlashni xohlaysizmi? Muammo yo‘q, uni AI hal qilsin, lekin uni tekshirib ko‘ring. Misol so'rovi hamkasbga xabar yuborish kabi oddiy: "Iltimos, qisqacha o'q nuqtalaridagi so'nggi o'zgarishlarimni umumlashtiring". Bu yerda mening maslahatim ehtiyotkorlik bilan yozish uchun GPT dan foydalanish va kodda bo'lgani kabi, yuborish yoki yuborishdan oldin chiqishni tekshiring. Tavsiyalar va eng yaxshi amaliyotlar Taklif AIdan foydalanishning unchalik aniq bo'lmagan afzalliklaridan biri shundaki, sizning ko'rsatmalaringiz qanchalik aniq va moslashtirilgan bo'lsa, natija shunchalik yaxshi bo'ladi. AI agentini taklif qilish jarayoni bizni yozish va kodlashdan oldin talablarimizni iloji boricha aniq shakllantirishga majbur qiladi. Shuning uchun, qoida tariqasida, men sizning takliflaringizni iloji boricha aniqroq qilishni tavsiya qilaman. Rayan Florens, Remix hammuallifi, bu jarayonni yaxshilashning oddiy, ammo kuchli usulini taklif qiladi, bu sizning dastlabki taklifingizni jumla bilan yakunlaydi: "Boshlashdan oldin, menga biron bir savolingiz bormi?"
Shu nuqtada, AI odatda foydali savollar bilan qaytib keladi, bu erda siz o'zingizning maqsadingizni aniqlab olishingiz mumkin va agentga sizning vazifangiz uchun yanada moslashtirilgan yondashuvni taqdim etishga yordam beradi.
Versiya nazoratidan foydalaning va hazm bo'ladigan qismlarda ishlang Git kabi versiyalarni boshqarishdan foydalanish nafaqat bitta kod bazasida jamoa sifatida hamkorlik qilishda, balki sizga yordam berish uchun ham yordam beradi.Favqulodda vaziyatda qaytish uchun barqaror ballga ega individual hissa qo'shuvchi. O'zining deterministik bo'lmagan tabiati tufayli, AI ba'zida yolg'onchi bo'lib, siz erishmoqchi bo'lgan narsaga yordam bermaydigan o'zgarishlarni amalga oshirishi va oxir-oqibat narsalarni tuzatib bo'lmas darajada buzishi mumkin. Ishingizni bir nechta majburiyatlarga bo'lish sizga barqaror nuqtalarni yaratishga yordam beradi, agar narsalar noto'g'ri bo'lsa, ularga qaytishingiz mumkin. Jamoadoshlaringiz ham sizga rahmat aytishadi, chunki ular sizning kodingiz semantik jihatdan yaxshi tuzilgan bo'laklarga bo'linganda uni ko'rib chiqishda osonroq vaqtga ega bo'lishadi. To'liq ko'rib chiqing Bu ko'proq umumiy eng yaxshi amaliyotdir, lekin mening fikrimcha, ishlab chiqishda AI vositalaridan foydalanishda bu yanada muhimroq bo'ladi: kodingizni birinchi tanqidiy sharhlovchisi bo'ling. Boshqa birovning kodini ko‘rib chiqqaningizdek, o‘zgartirishlaringizni satr bo‘yicha ko‘rib chiqishga biroz vaqt ajrating va o‘z ishingizni faqat o‘z-o‘zini ko‘rib chiqishingizdan keyin topshiring. "Hozir ikki narsa menga to'g'ri keladi: AI agentlari ajoyib va katta mahsuldorlikni oshiradi. Agar siz miyangizni o'chirib, butunlay bo'shatib qo'ysangiz, ular shuningdek, katta chayqalish mashinalaridir. "- Armin Ronacher o'z blogida Agent Psixoz: Biz aqldan ozdikmi?
Xulosa va tanqidiy fikrlar Menimcha, sun'iy intellektni kodlash vositalari har kuni ishlab chiquvchilar sifatida unumdorligimizni oshirishi va ko'proq rejalashtirish va yuqori darajadagi fikrlash uchun aqliy qobiliyatimizni bo'shatishi mumkin. Ular bizni kerakli natijani batafsil bayon qilishga majbur qiladi. Har qanday sun'iy intellekt ba'zida gallyutsinatsiya qilishi mumkin, ya'ni u ishonchli ohangda yotadi. Shuning uchun, ayniqsa, shubhangiz bo'lsa, tekshirib ko'ring va tekshiring. AI kumush o'q emas va men ishonamanki, mukammallik va ishlab chiquvchi sifatida muammolarni hal qilish qobiliyati hech qachon modadan chiqib ketmaydi. O'z karerasini endigina boshlayotgan ishlab chiquvchilar uchun bu vositalar ular uchun ishning ko'p qismini bajarish uchun juda jozibali bo'lishi mumkin. Bu erda yo'qolishi mumkin bo'lgan narsa, xatolar va xatolar orqali tez-tez quriydigan va og'riqli ish bo'lib, ularni tuzatish va hal qilish qiyin, ya'ni "maydalash". Hatto kursor AIning o'ziga xos Li Robinson ham o'z postlaridan birida buni so'raydi:
AI kodlash vositalari tez sur'atlar bilan rivojlanmoqda va men bundan keyin nima bo'lishidan xursandman. Umid qilamanki, siz ushbu maqola va uning maslahatlarini foydali deb topdingiz va ulardan ba'zilarini o'zingiz uchun sinab ko'rishdan xursandmiz.
