Վերջին երկու տարիների ընթացքում Work & Co-ի իմ թիմը և ես փորձարկել և աստիճանաբար ինտեգրել ենք AI կոդավորման գործիքները, ինչպիսիք են Copilot-ը, Cursor-ը, Claude-ը և ChatGPT-ը՝ օգնելու մեզ ուղարկել վեբ փորձը, որն օգտագործվում է զանգվածների կողմից: Ճիշտ է, նախնական թերահավատությունից և մի քանի պահից հետո AI տարբեր գործիքներ գտան իմ ամենօրյա օգտագործումը: Ժամանակի ընթացքում այն հավելվածների ցանկը, որտեղ մենք հասկացանք, որ իմաստ ունի թույլ տալ, որ AI-ն ստանձնի, սկսեց աճել, ուստի ես որոշեցի կիսվել AI գործիքների գործնական օգտագործման դեպքերով, ինչի համար ես անվանում եմ «պատասխանատու մշակողը»: Ի՞նչ նկատի ունեմ պատասխանատու մշակող ասելով: Մենք պետք է համոզվենք, որ մենք մատուցում ենք որակյալ ծածկագիր, ինչպես սպասվում է մեր շահագրգիռ կողմերի և հաճախորդների կողմից: Մեր ներդրումները (այսինքն՝ պահանջները) չպետք է բեռ դառնան մեր գործընկերների համար, ովքեր ստիպված կլինեն վերանայել և ստուգել մեր աշխատանքը: Նաև, եթե դուք աշխատում եք ընկերությունում. գործիքները, որոնք մենք օգտագործում ենք, պետք է հաստատվեն մեր գործատուի կողմից: Զգայուն ասպեկտները, ինչպիսիք են անվտանգությունը և գաղտնիությունը, պետք է պատշաճ կերպով վարվեն. առանց քաղաքականության հաստատման գործիքների մեջ մի տեղադրեք գաղտնիքները, հաճախորդների տվյալները (PII) կամ սեփականության ծածկագիրը: Վերաբերվեք դրան, ինչպես ինտերնետում անծանոթի կոդ: Միշտ փորձարկեք և հաստատեք: Նշում. Այս հոդվածը ենթադրում է որոշակի շատ հիմնական ծանոթություն AI կոդավորման գործիքների հետ, ինչպիսիք են Copilot-ը VSCode-ի կամ Cursor-ի ներսում: Եթե այս ամենը ձեզ համար բոլորովին նոր և անծանոթ է թվում, Github Copilot վիդեո ձեռնարկները կարող են ֆանտաստիկ մեկնարկային կետ լինել ձեզ համար:
AI կոդավորման գործիքների օգտակար հավելվածներ Նշում. Հետևյալ օրինակները հիմնականում կկենտրոնանան JavaScript-ի վրա հիմնված վեբ հավելվածներում աշխատելու վրա, ինչպիսիք են React, Vue, Svelte կամ Angular: Անծանոթ կոդերի բազայի հասկացողություն Հազվադեպ չէ աշխատել հաստատված կոդերի բազայի վրա, և մեծ ժառանգական կոդերի բազայի միանալը կարող է վախեցնել: Պարզապես բացեք ձեր նախագիծը և ձեր AI գործակալը (իմ դեպքում՝ Copilot Chat-ը VSCode-ում) և սկսեք հարցեր տալ այնպես, ինչպես կհարցնեիք գործընկերոջը: Ընդհանրապես, ես սիրում եմ խոսել արհեստական ինտելեկտի ցանկացած գործակալի հետ այնպես, ինչպես կխոսեի ընկերոջ հետ: Ահա ավելի հստակ օրինակի հուշում. «Տվեք ինձ բարձր մակարդակի ճարտարապետության ակնարկ. մուտքի կետեր, երթուղիներ, վավերացում, տվյալների շերտ, կառուցման գործիքներ: Այնուհետև թվարկեք 5 ֆայլեր, որոնք պետք է կարդալ հերթականությամբ: Բացատրությունները վերաբերվեք որպես վարկածների և հաստատեք՝ անցնելով հղումներով ֆայլեր»:
Դուք կարող եք շարունակել հարցեր տալ, օրինակ՝ «Ինչպե՞ս է մանրակրկիտ աշխատում երթուղին»: կամ «Խոսեք ինձ նույնականացման գործընթացի և մեթոդների մասին», և դա ձեզ կտանի դեպի օգտակար ուղղություններ՝ լույս սփռելու անծանոթ կոդերի բազայի մթության մեջ: Կախվածության արդիականացման ժամանակ խախտող փոփոխությունների փորձարկում npm փաթեթների թարմացումը, հատկապես, երբ դրանք գալիս են բեկումնային փոփոխություններով, կարող է հոգնեցուցիչ և ժամանակատար աշխատանք լինել և ստիպել ձեզ կարգաբերել բավականին ռեգրեսիաներ: Վերջերս ես ստիպված էի թարմացնել տվյալների վիզուալիզացիայի գրադարանը plotly.js-ը մեկ հիմնական թողարկման տարբերակը 2-ից 3-րդ տարբերակից, և դրա արդյունքում որոշ գծապատկերներում առանցքի պիտակավորումը դադարեց աշխատել: Ես շարունակեցի ChatGPT-ին հարցնել. «Ես թարմացրել եմ իմ Angular նախագիծը, որն օգտագործում է Plotly: Ես թարմացրել եմ plotly.js-ը՝ հեռավոր փաթեթը 2.35.2 տարբերակից մինչև 3.1.0, և այժմ x և y առանցքի պիտակները վերացել են: Ի՞նչ է պատահել»:
Գործակալը անմիջապես վերադարձավ լուծումով (տես ինքներդ ստորև): Նշում․ ես դեռևս ստուգել եմ բացատրությունը պաշտոնական միգրացիոն ուղեցույցի հետ կապված՝ նախքան ուղղումը ուղարկելը:
Refactor-ների անվտանգ կրկնօրինակում ֆայլերի միջով Աճող կոդերի բազաները, անկասկած, բացահայտում են կոդերի համախմբման հնարավորությունները: Օրինակ, դուք նկատում եք կոդերի կրկնօրինակում ֆայլերում, որոնք կարող են արդյունահանվել մեկ ֆունկցիայի կամ բաղադրիչի մեջ: Արդյունքում, դուք որոշում եք ստեղծել ընդհանուր բաղադրիչ, որը կարող է ներառվել դրա փոխարեն և կատարել այդ ռեֆակտորը մեկ ֆայլում: Այժմ, ձեր մնացած ֆայլերում այդ փոփոխությունները ձեռքով կատարելու փոխարեն, դուք խնդրում եք ձեր գործակալին բացել ռեֆակտորը ձեզ համար: Գործակալները թույլ են տալիս ընտրել բազմաթիվ ֆայլեր որպես համատեքստ: Մեկ ֆայլի ռեֆակտորն ավարտելուց հետո ես կարող եմ ավելացնել և՛ վերամշակված, և՛ չշոշափված ֆայլերը համատեքստի մեջ և հանձնարարել գործակալին փոփոխություններ կատարել այլ ֆայլերի մեջ, այսպես. Իրականացման առանձնահատկությունները անծանոթ տեխնոլոգիաներում AI կոդավորման գործիքների օգտագործմամբ իմ ամենասիրած aha- պահերից մեկն այն էր, երբ այն օգնեց ինձ ստեղծել բավականին բարդ անիմացիոն գրադիենտ անիմացիա GLSL-ում, մի լեզվով, որին ես բավականին անծանոթ էի: Վերջերս մեր դիզայներները ստեղծեցին անիմացիոն գրադիենտ՝ որպես բեռնման վիճակ 3D օբյեկտի վրա: Ինձ շատ դուր եկավ հայեցակարգը և ցանկանում էի մեր հաճախորդներին մատուցել յուրահատուկ և հետաքրքիր բան: ԱյնԽնդիր. Ես ընդամենը երկու օր ունեի այն իրականացնելու համար, և GLSL-ն ունի բավականին կտրուկ ուսուցման կոր: Կրկին, AI գործիքը (այս դեպքում՝ ChatGPT) եկավ հարմար, և ես սկսեցի պարզապես հուշել նրան ստեղծել ինձ համար ինքնուրույն HTML ֆայլ, որը ներկայացնում է կտավ և շատ պարզ անիմացիոն գունային գրադիենտ: Քայլ առ քայլ, ես AI-ին հուշեցի ավելի շատ նրբություն ավելացնել դրան, մինչև հասնեմ պատշաճ արդյունքի, որպեսզի կարողանամ սկսել ստվերը ինտեգրել իմ իրական կոդերի բազայում: Վերջնական արդյունքը. մեր հաճախորդները չափազանց երջանիկ էին, և մենք AI-ի շնորհիվ փոքր ժամանակում տրամադրեցինք բարդ գործառույթ: Գրավոր թեստեր Իմ փորձից ելնելով, որ նախագծերի վրա հազվադեպ է բավարար ժամանակ՝ շարունակաբար գրելու և պահպանելու միավորների և ինտեգրման թեստերի պատշաճ փաթեթը, և բացի այդ, շատ մշակողներ իսկապես չեն սիրում թեստեր գրելու առաջադրանքը: Ձեր արհեստական ինտելեկտի օգնականին հուշելը, որ ստեղծի և թեստեր գրի ձեզ համար, լիովին հնարավոր է և կարող է իրականացվել փոքր ժամանակում: Իհարկե, դուք, որպես ծրագրավորող, դեռ պետք է համոզվեք, որ ձեր թեստերն իրականում նայեն ձեր հավելվածի կարևոր մասերին և հետևեն խելամիտ փորձարկման սկզբունքներին, բայց դուք կարող եք թեստերի գրելը «պատվիրակել» մեր AI օգնականին: Օրինակ հուշում. «Գրե՛ք միավորի թեստեր այս ֆունկցիայի համար՝ օգտագործելով Jest: Ծածկեք երջանիկ ուղին, եզրային դեպքերը և ձախողման ռեժիմները: Բացատրեք, թե ինչու է յուրաքանչյուր թեստ գոյություն ունի»:
Դուք նույնիսկ կարող եք փոխանցել փորձարկման գուրու Kent C. Dodds-ի լավագույն փորձը որպես ուղեցույց ձեր գործակալին, ինչպես ստորև.
Ներքին Գործիքավորում Ինչ-որ չափով նման է ավելի վաղ նշված shader օրինակին, ինձ վերջերս հանձնարարվեց վերլուծել կոդերի կրկնօրինակումը կոդերի բազայում և համեմատել ռեֆակտորից առաջ և հետո: Իհարկե, աննշան խնդիր չէ, եթե չես ուզում գնալ ֆայլերը ձեռքով համեմատելու ժամանակատար ճանապարհով: Copilot-ի օգնությամբ ես ստեղծեցի մի սկրիպտ, որն ինձ համար վերլուծում էր կոդերի կրկնօրինակումը, դասավորվում և պատվիրում արդյունքները աղյուսակում և այն արտահանում Excel: Հետո մի քայլ առաջ գնացի։ Երբ մեր կոդի ռեֆակտորն ավարտվեց, ես գործակալին առաջարկեցի վերցնել իմ գոյություն ունեցող Excel թերթիկը որպես ելակետ, ավելացնել կրկնօրինակման ներկայիս վիճակը առանձին սյունակներում և հաշվարկել դելտան: Կոդը թարմացվում է, որը գրվել է շատ վաղուց Վերջերս իմ հին հաճախորդը հարվածեց ինձ, քանի որ ժամանակի ընթացքում որոշ գործառույթներ այլևս ճիշտ չէին աշխատում նրա կայքում: Կայքը ստեղծվել է գրեթե տասը տարի առաջ, և JavaScript-ը և SCSS-ն օգտագործում էին բավականին հին կոմպիլյացիոն գործիքներ, ինչպիսին է requireJS-ը, և կարգավորումը պահանջում էր Node.js-ի ավելի հին տարբերակ, որը նույնիսկ չէր աշխատի իմ 2025 MacBook-ի վրա: Ամբողջ կառուցման գործընթացը ձեռքով թարմացնելը ինձնից օրեր կխլի, ուստի ես որոշեցի AI գործակալին հուշել. Դա, անկասկած, արվեց, և գործակալի հետ մոտ մեկ ժամ կատարելագործվելուց հետո, ես իմ SCSS և JS build-ը միացրի Vite-ին, և ես կարողացա կենտրոնանալ իրական սխալների ուղղման վրա: Պարզապես համոզվեք, որ պատշաճ կերպով վավերացնեք ելքային և կազմված ֆայլերը ձեր կառուցման գործընթացում նման ամբողջական փոփոխություններ կատարելիս: Ամփոփում և ձևավորում Ցանկանու՞մ եք ամփոփել ձեր բոլոր վերջին կոդի փոփոխությունները մեկ նախադասությամբ՝ կատարման հաղորդագրության համար, թե՞ ունեք պարտավորությունների երկար ցուցակ և կցանկանայիք դրանք ամփոփել երեք կետով: Խնդիր չկա, թող AI-ն հոգա դրա մասին, բայց խնդրում եմ համոզվեք, որ այն սրբագրեք: Օրինակի հուշումը նույնքան պարզ է, որքան մերձավորին հաղորդագրություն ուղարկելը. «Խնդրում եմ ամփոփեք իմ վերջին փոփոխությունները հակիրճ կետերում»: Իմ խորհուրդն այստեղ կլինի զգուշությամբ գրելու համար օգտագործել GPT-ը, և ինչպես կոդը, խնդրում ենք ստուգել ելքը նախքան ուղարկելը կամ ներկայացնելը: Առաջարկություններ և լավագույն պրակտիկա Հուշում AI-ի օգտագործման ոչ այնքան ակնհայտ առավելություններից մեկն այն է, որ որքան կոնկրետ և հարմարեցված լինեն ձեր հուշումները, այնքան ավելի լավ արդյունք կլինի: AI գործակալին հուշելու գործընթացը ստիպում է մեզ հնարավորինս կոնկրետ ձևակերպել մեր պահանջները՝ նախքան գրելը և կոդավորումը: Ահա թե ինչու, որպես ընդհանուր կանոն, ես խորհուրդ եմ տալիս հնարավորինս կոնկրետ լինել ձեր հուշումներին: Ռայան Ֆլորենսը՝ Remix-ի համահեղինակ, առաջարկում է այս գործընթացը բարելավելու պարզ, բայց հզոր միջոց՝ ավարտելով ձեր սկզբնական հուշումը նախադասությամբ. «Մինչ սկսելը, ինձ հետ հարցեր ունե՞ք»:
Այս պահին արհեստական ինտելեկտը սովորաբար վերադառնում է օգտակար հարցերով, որտեղ դուք կարող եք պարզաբանել ձեր կոնկրետ մտադրությունը՝ առաջնորդելով գործակալին՝ ձեզ ավելի հարմարեցված մոտեցում տրամադրել ձեր առաջադրանքի համար:
Օգտագործեք տարբերակի կառավարումը և աշխատեք մարսվող կտորներով Տարբերակների վերահսկման օգտագործումը, ինչպիսին է git-ը, ոչ միայն օգտակար է մեկ կոդերի բազայի վրա թիմային համագործակցության ժամանակ, այլ նաև ձեզ որպեսԱնհատական ներդրող՝ կայուն կետերով, որոնց պետք է հետ գլորվի արտակարգ իրավիճակների դեպքում: Իր ոչ դետերմինիստական բնույթի պատճառով AI-ն երբեմն կարող է խաբել և կատարել փոփոխություններ, որոնք պարզապես օգտակար չեն այն բանի համար, ինչին փորձում եք հասնել և, ի վերջո, անուղղելիորեն կոտրել բաները: Ձեր աշխատանքը մի քանի պարտավորությունների բաժանելը կօգնի ձեզ ստեղծել կայուն կետեր, որոնց կարող եք վերադառնալ, եթե ամեն ինչ շեղ գնա: Եվ ձեր թիմակիցները նույնպես ձեզ շնորհակալություն կհայտնեն, քանի որ ավելի հեշտ կլինի վերանայել ձեր կոդը, երբ այն բաժանվի իմաստապես լավ կառուցվածքով մասերի: Վերանայեք մանրակրկիտ Սա ավելի շատ ընդհանուր լավագույն պրակտիկա է, բայց, իմ կարծիքով, այն էլ ավելի կարևոր է դառնում, երբ օգտագործում եք AI գործիքներ մշակման աշխատանքների համար. Եղեք ձեր կոդի առաջին քննադատական գրախոսը: Համոզվեք, որ որոշ ժամանակ հատկացնեք ձեր փոփոխությունները տող առ տող անցնելու համար, ճիշտ այնպես, ինչպես կվերանայեք ուրիշի կոդը, և ներկայացրեք ձեր աշխատանքը միայն այն ժամանակ, երբ այն անցնի ձեր սեփական ինքնագնահատումը: «Երկու բան երկուսն էլ ճիշտ են ինձ համար այս պահին. AI գործակալները զարմանալի են և մեծ արտադրողականության բարձրացում: Նրանք նաև հսկայածավալ մեքենա են, եթե դուք անջատեք ձեր ուղեղը և բաց թողնեք ամբողջությամբ»: - Արմին Ռոնաչերը իր բլոգում Agent Psychosis. Are We Going Insane:
Եզրակացություն և քննադատական մտքեր Իմ կարծիքով, AI-ի կոդավորման գործիքները կարող են բարելավել մեր արտադրողականությունը՝ որպես ծրագրավորողներ ամեն օր և ազատել մտավոր կարողությունները ավելի շատ պլանավորման և բարձր մակարդակի մտածողության համար: Նրանք ստիպում են մեզ մանրամասնորեն արտահայտել մեր ցանկալի արդյունքը: Ցանկացած AI երբեմն կարող է հալյուցինացիա առաջացնել, ինչը հիմնականում նշանակում է, որ այն գտնվում է վստահ տոնով: Այսպիսով, խնդրում ենք համոզվեք, որ ստուգեք և փորձարկեք, հատկապես երբ կասկածում եք: AI-ն արծաթե փամփուշտ չէ, և ես հավատում եմ, որ գերազանցությունը և խնդիրները լուծելու ունակությունը որպես ծրագրավորող երբեք դուրս չեն գա նորաձևությունից: Մշակողների համար, ովքեր նոր են սկսում իրենց կարիերան, այս գործիքները կարող են շատ գայթակղիչ լինել իրենց փոխարեն կատարել աշխատանքի մեծ մասը: Այն, ինչ կարող է կորչել այստեղ, հաճախ արտահոսող և ցավոտ աշխատանքն է վրիպակների և խնդիրների միջոցով, որոնք դժվար է վրիպազերծել և լուծել, որը կոչվում է «մղում»: Նույնիսկ կուրսոր AI-ի սեփական՝ Լի Ռոբինսոնը հարցնում է դա իր գրառումներից մեկում.
AI-ի կոդավորման գործիքները զարգանում են արագ տեմպերով, և ես ոգևորված եմ, թե ինչ է լինելու հաջորդը: Հուսով եմ, որ այս հոդվածը և դրա խորհուրդները ձեզ օգտակար են համարել և ոգևորված կլինեք փորձել դրանցից մի քանիսը ինքներդ:
