Azken bi urteetan, Work & Co-ko nire taldeak eta biok probatzen eta pixkanaka integratzen aritu gara Copilot, Cursor, Claude eta ChatGPT bezalako AI kodetzeko tresnak, masek erabiltzen dituzten web esperientziak bidaltzen laguntzeko. Egia da, hasierako eszeptizismo batzuen ondoren eta aha une batzuen ondoren, AI tresna ezberdinak nire eguneroko erabileran aurkitu dira. Denboraren poderioz, AIren jabe egiteari zentzuzkoa iruditzen zitzaigun aplikazioen zerrenda hazten joan zen, beraz, AI tresnen erabilera kasu praktiko batzuk partekatzea erabaki nuen "garatzaile arduratsua" deitzen dudanarentzat. Zer esan nahi dut garatzaile arduratsu batekin? Gure interesdunek eta bezeroek espero duten moduan kalitatezko kodea ematen dugula ziurtatu behar dugu. Gure ekarpenak (hau da, tira eskaerak) ez dira zama bihurtu behar gure lana berrikusi eta probatu beharko duten gure lankideentzat. Gainera, enpresa batean lan egiten baduzu: Erabiltzen ditugun tresnak gure enpresaburuak onartu behar ditu. Segurtasuna eta pribatutasuna bezalako alderdi sentikorrak behar bezala kudeatu behar dira: ez itsatsi sekretuak, bezeroen datuak (PII) edo jabedun kodea tresnetan, politikaren onespenik gabe. Trata ezazu Interneten ezezagun baten kodea bezala. Beti probatu eta egiaztatu. Oharra: Artikulu honek VSCode edo Cursor barruan Copilot bezalako AI kodetzeko tresnekin oso oinarrizko ezagutza hartzen du. Hau guztia guztiz berria eta ezezaguna iruditzen bazaizu, Github Copilot bideo-tutorialak abiapuntu bikaina izan daitezke zuretzat.
AI Kodetze Tresnen Aplikazio Lagungarriak Oharra: adibide hauek, batez ere, React, Vue, Svelte edo Angular bezalako JavaScript-en oinarritutako web aplikazioetan lan egitean zentratuko dira. Kode-base ezezagun baten ulermena lortzea Ez da arraroa ezarritako kode-oinarrietan lan egitea, eta ondare-kode-oinarri handi batean sartzea beldurgarria izan daiteke. Besterik gabe, ireki zure proiektua eta zure AI agentea (nire kasuan, Copilot Chat VSCode-n) eta hasi galderak egiten lankide bati egingo zeniokeen bezala. Orokorrean, AIko edozein agenterekin hitz egitea gustatzen zait gizakide batekin egingo nukeen bezala. Hona hemen gonbita adibide zehatzagoa: "Eman iezadazu goi-mailako arkitekturaren ikuspegi orokorra: sarrera-puntuak, bideratzea, autentifikazioa, datu-geruza, eraikitzeko tresnak. Ondoren, zerrendatu ordenan irakurri beharreko 5 fitxategi. Tratatu azalpenak hipotesi gisa eta berretsi erreferentziazko fitxategietara salto eginez".
Jarrai dezakezu jarraian galderak egiten "Nola funtzionatzen du bideratzea zehatz-mehatz?" edo "Hal iezadazu autentifikazio-prozesuaren eta metodoen bidez" eta jarraibide lagungarrietara eramango zaitu kode-oinarri ezezagun baten iluntasunean argi pixka bat distira egiteko. Hautsitako aldaketak probatzea mendekotasunak berritzean npm paketeak eguneratzea, batez ere aldaketekin batera datozenean, lan aspergarria eta denbora asko eskatzen du, eta erregresio kopuru dezente araztea eragin dezake. Duela gutxi plotly.js datuak bistaratzeko liburutegia berritu behar izan nuen 2. bertsiotik 3ra bertsio nagusi bat igo eta, horren ondorioz, grafiko batzuetan ardatzen etiketatzeak funtzionatzeari utzi zion. ChatGPTri galdetu nion: "Plotly erabiltzen duen Angular proiektua eguneratu nuen. plotly.js eguneratu nuen - dist paketea 2.35.2 bertsiotik 3.1.0ra - eta orain x eta y ardatzeko etiketak desagertu egin dira. Zer gertatu da?"
Agentea berehala itzuli zen irtenbide batekin (ikus ezazu zeure burua behean). Oharra: konponketa bidali aurretik migrazio-gida ofizialaren aurkako azalpena egiaztatu nuen oraindik.
Errefaktoreak fitxategietan segurtasunez errepikatzea Kode-oinarri haziak, zalantzarik gabe, kodea finkatzeko aukerak erakusten ditu. Adibidez, funtzio edo osagai bakarrera atera daitezkeen fitxategietan kodea bikoiztuta ikusten duzu. Ondorioz, ordez sartu daitekeen osagai partekatu bat sortzea erabakitzen duzu eta fitxategi bakarrean birfaktorea egitea erabakitzen duzu. Orain, zure gainerako fitxategietan aldaketa horiek eskuz egin beharrean, zure agenteari eskatuko diozu birfaktorea abiarazteko. Agenteek hainbat fitxategi hautatzeko aukera ematen dizute testuinguru gisa. Fitxategi baten refactorizazioa amaitutakoan, birfaktorizatutako fitxategiak eta ukitu gabekoak testuinguruan gehi ditzaket eta agenteari eskatuko diot aldaketak beste fitxategi batzuetara eramateko: "Erreplikatu A fitxategian egin ditudan aldaketak B fitxategian ere". Ezaugarriak Teknologia Ezezagunetan Ezartzea AI kodetze-tresnak erabiliz nire aha-unerik gogokoenetako bat izan zen GLSL-n animazio-gradiente animazioko animazio nahiko konplexua sortzen lagundu zidanean, nahiko ezezaguna izan dudan hizkuntzan. Azken proiektu batean, gure diseinatzaileek gradiente animatu bat sortu zuten 3D objektu batean kargatzeko egoera gisa. Kontzeptua asko gustatu zitzaidan eta gure bezeroei zerbait berezia eta zirraragarria eskaini nahi nien. Thearazoa: bi egun besterik ez nituen ezartzeko, eta GLSL-k nahiko ikasketa-kurba du. Berriz ere, AI tresna bat (kasu honetan, ChatGPT) ondo etorri zitzaidan, eta besterik gabe hasi nintzen mihise bat eta kolore-gradiente animazio oso sinplea ematen duen HTML fitxategi autonomo bat sortzeko eskatzen nion. Pausoz pauso, AIari fintasun gehiago gehitzeko eskatu nion emaitza duin batera iritsi arte, itzaltzailea nire benetako kode-basean integratzen hasteko. Azken emaitza: gure bezeroak oso pozik zeuden, eta denbora gutxian eginbide konplexu bat eman genuen AI-ri esker. Idazketa probak Nire esperientziaren arabera, gutxitan dago proiektuetan denbora nahikoa unitate- eta integrazio-probak etengabe idazteko eta mantentzeko, eta, gainera, garatzaile askok ez dute oso gustuko probak idazteko zeregina. Zure AI laguntzaileari probak konfiguratzeko eta idazteko eskatzea guztiz posible da eta denbora gutxian egin daiteke. Jakina, zuk, garatzaile gisa, oraindik ziurtatu beharko zenuke zure probek zure aplikazioaren zati kritikoei begirada bat ematen dietela eta probaren printzipio zentzudunak jarraitzen dituztela, baina probak idaztea gure AI laguntzaileari "subkontratatu" diezaiokezu. Adibidea gonbita: "Idatzi funtzio honen unitate-probak Jest erabiliz. Estali bide zoriontsuak, ertz-kasuak eta hutsegite moduak. Azaldu zergatik dagoen proba bakoitza".
Kent C. Dodds-en proba-guruaren proba-jardunbide onenak ere hel diezazkiokezu zure agenteari jarraibide gisa, behean bezala:
Barne-tresneria Lehen aipatutako itzalaren adibidearen antzeko samarra, duela gutxi kode-base batean kodearen bikoizketa aztertzea eta refactor baten aurretik eta ondoren alderatzea eskatu zidaten. Zalantzarik gabe, ez da zeregin hutsala fitxategiak eskuz alderatzeko denbora behar duen bidetik joan nahi ez baduzu. Copilot-en laguntzaz, kodearen bikoizketa aztertzen zidan script bat sortu nuen, irteera taula batean antolatu eta ordenatu eta Excel-era esportatu nuen. Gero urrats bat gehiago eman nuen. Gure kodearen birfaktorea amaitu zenean, agenteari eskatu nion lehendik dagoen Excel orria oinarri gisa hartzeko, bikoizketaren egungo egoera zutabe bereizietan gehitzeko eta delta kalkulatzeko. Aspaldi Idatzitako Kodea Eguneratzea Duela gutxi, nire bezero zahar batek jo egin ninduen, denboraren poderioz, funtzio batzuk ez baitziren behar bezala funtzionatzen bere webgunean. Harrapaketa: webgunea duela ia hamar urte eraiki zen, eta JavaScript eta SCSS-ek requireJS bezalako konpilazio-tresna zahar samarrak erabiltzen ari ziren eta konfigurazioak nire 2025eko MacBook-en exekutatu ere egingo ez zuen Node.js-en bertsio zaharrago bat behar zuen. Eraikuntza-prozesu osoa eskuz eguneratzeak egunak beharko lituzke, beraz, AI agenteari galdetzea erabaki nuen: "Eguneratu al ditzakezu JS eta SCSS eraikitze-prozesua Vite bezalako 2025 pila lean batera?" Ziur gertatu zela, eta agentearekin ordubete inguru findu ondoren, nire SCSS eta JS eraikuntza Vite-ra aldatu nuen, eta benetako akatsen konponketan zentratu ahal izan nintzen. Ziurtatu irteerako fitxategiak eta konpilatutako fitxategiak behar bezala balioztatzea zure eraikuntza-prozesuan aldaketa integralak egiten dituzunean. Laburpena Eta Zirriborroa Zure azken kode-aldaketa guztiak esaldi batean laburtu nahi dituzu konpromiso-mezu baterako, edo konpromiso-zerrenda luzea izan eta hiru puntutan laburtu nahi dituzu? Ez dago arazorik, utzi AI arduratzen, baina mesedez, ziurtatu zuzentzen duzula. Adibide-galdera bat gizakide bati mezuak bidaltzea bezain erraza da: "Laburbildu nire azken aldaketak puntu laburrean". Nire gomendioa izango litzateke idazteko GPT kontu handiz erabiltzea, eta kodearekin gertatzen den bezala, egiaztatu irteera bidali edo bidali aurretik. Gomendioak eta Praktika Egokiak Galdegarria AI erabiltzearen abantail ez hain begi-bistakoetako bat zure gonbidapenak zenbat eta zehatzagoak eta egokituagoak izan, orduan eta emaitza hobea izango da. AI agente bati eskatzeko prozesuak gure eskakizunak ahalik eta zehatzen formulatzera behartzen gaitu idatzi eta kodetu aurretik. Horregatik, arau orokor gisa, gomendatzen dut zure galderekin ahalik eta zehatzena izatea. Ryan Florence-k, Remix-en egileak, prozesu hau hobetzeko modu sinple baina indartsu bat iradokitzen du hasierako gonbita esaldiarekin amaituz: "Hasi baino lehen, galderarik al duzu niretzat?"
Une honetan, AI-a normalean galdera lagungarriekin itzultzen da, non zure asmo zehatza argitu dezakezun, agentea gidatzen du zure zereginerako hurbilpen pertsonalizatuagoa eskaintzeko.
Erabili bertsio-kontrola eta lan egin zati digerigarrietan Git bezalako bertsio-kontrola erabiltzea oso ondo etortzen da taldean kode-base bakarrean kolaboratzen ari zarenean, baina baita zu eskaintzeko ere.larrialdi-egoeran atzera egiteko puntu egonkorrak dituen banakako laguntzailea. Bere izaera ez-deterministikoa dela eta, AI batzuetan bihur daiteke eta lortzen saiatzen ari zarenerako lagungarriak ez diren aldaketak egin ditzake eta azkenean gauzak konponezin hautsi ditzake. Zure lana hainbat konpromisotan banatzeak puntu egonkorrak sortzen lagunduko dizu, gauzak alboratuz gero itzul ditzakezun puntu egonkorrak sortzen lagunduko dizu. Eta zure taldekideek ere eskertuko dizute, semantikoki ondo egituratutako zatietan zatitzen denean zure kodea berrikustea errazagoa izango baitzuten. Berrikusi ondo Praktika onena orokorra da hau, baina nire ustez, are garrantzitsuagoa da garapen-lanetarako AI tresnak erabiltzean: Izan zaitez zure kodearen lehen berrikusle kritikoa. Ziurtatu denbora pixka bat hartzen duzula zure aldaketak lerroz lerro aztertzeko, beste norbaiten kodea berrikusiko zenukeen bezala, eta bidali zure lana zure auto-berrikuspena gainditzen duenean bakarrik. "Oraintxe bi gauza dira niretzat egia: AI agenteak harrigarriak dira eta produktibitate-bultzada izugarria dira. Burua itzaltzen baduzu eta guztiz uzten baduzu, slop makina handiak dira. "- Armin Ronacher-ek Agent Psychosis: Are We Going Insane?
Ondorioa Eta Pentsamendu Kritikoak Nire ustez, AI kodetze-tresnek gure produktibitatea hobetu dezakete egunero garatzaile gisa eta gaitasun mentala askatu dezakete plangintza gehiagorako eta goi-mailako pentsamendurako. Nahi dugun emaitza xehetasun zorrotzez adieraztera behartzen gaituzte. Edozein AI, batzuetan, haluzinatu dezake, eta horrek funtsean esan nahi du tonu seguruan dagoela. Beraz, mesedez, ziurtatu egiaztatu eta probatu, batez ere zalantzan zaudenean. AI ez da zilarrezko bala, eta nire ustez, bikaintasuna eta arazoak konpontzeko gaitasuna garatzaile gisa ez dira inoiz modatik pasako. Beren karreran hasi berriak diren garatzaileentzat tresna hauek oso tentagarriak izan daitezke haientzat lanaren gehiengoa egiteko. Hemen gal daitekeena arazketa eta konpontzen zailak diren akatsen eta arazoen bidezko lan sarri eta mingarria da, aka "ehotzea". Kurtsore AI-ren Lee Robinsonek ere zalantzan jartzen du hau bere mezuetako batean:
AI kodetzeko tresnak erritmo bizian eboluzionatzen ari dira, eta ilusioz nago hurrengo etorriko denarekin. Espero dut artikulu hau eta bere aholkuak lagungarri izatea eta zuek horietako batzuk probatzeko ilusioz egotea.
