Dros y ddwy flynedd ddiwethaf, mae fy nhîm yn Work & Co a minnau wedi bod yn profi ac yn integreiddio offer codio AI yn raddol fel Copilot, Cursor, Claude, a ChatGPT i'n helpu i anfon profiadau gwe a ddefnyddir gan y llu. Rhaid cyfaddef, ar ôl rhywfaint o amheuaeth gychwynnol ac ychydig eiliadau aha, mae amrywiol offer AI wedi dod o hyd i'w ffordd i mewn i'm defnydd bob dydd. Dros amser, dechreuodd y rhestr o gymwysiadau lle cawsom ei bod yn gwneud synnwyr i adael i AI gymryd drosodd dyfu, felly penderfynais rannu rhai achosion defnydd ymarferol ar gyfer offer AI ar gyfer yr hyn rwy'n ei alw'n “ddatblygwr cyfrifol”. Beth ydw i'n ei olygu wrth ddatblygwr cyfrifol? Mae'n rhaid i ni sicrhau ein bod yn darparu cod ansawdd fel y disgwylir gan ein rhanddeiliaid a'n cleientiaid. Ni ddylai ein cyfraniadau (h.y., ceisiadau tynnu) ddod yn faich ar ein cydweithwyr a fydd yn gorfod adolygu a phrofi ein gwaith. Hefyd, rhag ofn eich bod yn gweithio i gwmni: Mae angen i'r offer a ddefnyddiwn gael eu cymeradwyo gan ein cyflogwr. Mae angen ymdrin ag agweddau sensitif fel diogelwch a phreifatrwydd yn gywir: Peidiwch â gludo cyfrinachau, data cwsmeriaid (PII), na chod perchnogol i mewn i offer heb gymeradwyaeth polisi. Ei drin fel cod gan ddieithryn ar y rhyngrwyd. Profwch a gwiriwch bob amser. Nodyn: Mae'r erthygl hon yn rhagdybio peth cynefindra sylfaenol iawn ag offer codio AI fel Copilot y tu mewn i VSCode neu Cursor. Os yw hyn i gyd yn swnio'n hollol newydd ac anghyfarwydd i chi, gall tiwtorialau fideo Github Copilot fod yn fan cychwyn gwych i chi.
Cymwysiadau Defnyddiol O Offer Codio AI Nodyn: Bydd yr enghreifftiau canlynol yn canolbwyntio'n bennaf ar weithio mewn cymwysiadau gwe sy'n seiliedig ar JavaScript fel React, Vue, Svelte, neu Angular. Cael Dealltwriaeth o Sylfaen Godau Anghyfarwydd Nid yw'n anghyffredin gweithio ar gronfeydd cod sefydledig, a gall ymuno â chronfa godau etifeddiaeth fawr fod yn frawychus. Yn syml, agorwch eich prosiect a'ch asiant AI (yn fy achos i, Copilot Chat yn VSCode) a dechreuwch ofyn cwestiynau yn union fel y byddech chi'n gofyn i gydweithiwr. Yn gyffredinol, hoffwn siarad ag unrhyw asiant AI yn union fel y byddwn i gyda chyd-ddyn. Dyma awgrymiad enghreifftiol mwy manwl: “Rhowch drosolwg pensaernïaeth lefel uchel i mi: pwyntiau mynediad, llwybro, awdurdod, haen ddata, offer adeiladu. Yna rhestrwch 5 ffeil i'w darllen mewn trefn. Triniwch esboniadau fel damcaniaethau a chadarnhewch trwy neidio i ffeiliau y cyfeiriwyd atynt.”
Gallwch barhau i ofyn cwestiynau dilynol fel “Sut mae'r llwybro'n gweithio'n fanwl?” neu “Siaradwch â mi drwy'r broses a'r dulliau dilysu” a bydd yn eich arwain at gyfarwyddiadau defnyddiol i daflu rhywfaint o oleuni i dywyllwch cronfa god anghyfarwydd. Brysbennu Torri Newidiadau Wrth Uwchraddio Dibyniaethau Gall diweddaru pecynnau npm, yn enwedig pan fyddant yn dod gyda newidiadau sy'n torri, fod yn waith diflas a llafurus, a gwneud i chi ddadfygio cryn dipyn o atchweliadau. Yn ddiweddar bu'n rhaid i mi uwchraddio'r llyfrgell delweddu data plotly.js i fyny un fersiwn rhyddhau mawr o fersiwn 2 i 3, ac o ganlyniad i hynny, mae'r labelu echelin yn rhai o'r graffiau yn rhoi'r gorau i weithio. Es ymlaen i ofyn i ChatGPT: "Diweddarais fy mhrosiect Angular sy'n defnyddio Plotly. Diweddarais y plotly.js - pecyn dist o fersiwn 2.35.2 i 3.1.0 - a nawr mae'r labeli ar yr echelin x ac y wedi mynd. Beth ddigwyddodd?"
Daeth yr asiant yn ôl gyda datrysiad yn brydlon (gweler drosoch eich hun isod). Nodyn: Roeddwn i'n dal i ddilysu'r esboniad yn erbyn y canllaw mudo swyddogol cyn anfon yr atgyweiriad.
Dyblygu Adffactorau yn Ddiogel Ar Draws Ffeiliau Mae tyfu cronfeydd cod yn sicr yn datgelu cyfleoedd ar gyfer cydgrynhoi cod. Er enghraifft, rydych chi'n sylwi ar ddyblygu cod ar draws ffeiliau y gellir eu hechdynnu i un swyddogaeth neu gydran. O ganlyniad, rydych chi'n penderfynu creu cydran a rennir y gellir ei chynnwys yn lle hynny a pherfformio'r adweithydd hwnnw mewn un ffeil. Nawr, yn lle gwneud y newidiadau hynny i'ch ffeiliau sy'n weddill â llaw, rydych chi'n gofyn i'ch asiant gyflwyno'r refactor ar eich rhan. Mae asiantau yn gadael i chi ddewis ffeiliau lluosog fel cyd-destun. Unwaith y bydd yr adweithydd ar gyfer un ffeil wedi'i wneud, gallaf ychwanegu'r ffeiliau wedi'u hailffactoreiddio a'r ffeiliau heb eu cyffwrdd yn eu cyd-destun ac annog yr asiant i gyflwyno'r newidiadau i ffeiliau eraill fel hyn: “Ailadroddwch y newidiadau a wneuthum yn ffeil A i ffeil B hefyd”. Gweithredu Nodweddion Mewn Technolegau Anghyfarwydd Un o fy hoff aha-eiliadau yn defnyddio offer codio AI oedd pan helpodd fi i greu animeiddiad graddiant animeiddiedig eithaf cymhleth yn GLSL, iaith rydw i wedi bod yn weddol anghyfarwydd â hi. Ar brosiect diweddar, lluniodd ein dylunwyr raddiant animeiddiedig fel cyflwr llwytho ar wrthrych 3D. Hoffais y cysyniad yn fawr iawn ac roeddwn i eisiau cyflwyno rhywbeth unigryw a chyffrous i'n cleientiaid. Mae'rproblem: Dim ond dau ddiwrnod oedd gennyf i'w roi ar waith, ac mae gan GLSL y gromlin ddysgu eithaf serth. Unwaith eto, daeth offeryn AI (yn yr achos hwn, ChatGPT) yn ddefnyddiol, a dechreuais ei annog yn eithaf syml i greu ffeil HTML annibynnol i mi sy'n gwneud cynfas a graddiant lliw animeiddiedig syml iawn. Cam ar ôl cam, fe wnes i annog yr AI i ychwanegu mwy o finesse ato nes i mi gyrraedd canlyniad teilwng er mwyn i mi allu dechrau integreiddio'r lliwiwr i'm sylfaen god go iawn. Y canlyniad terfynol: Roedd ein cleientiaid yn hynod hapus, a gwnaethom gyflwyno nodwedd gymhleth mewn ychydig o amser diolch i AI. Profion Ysgrifennu Yn fy mhrofiad i, anaml y bydd digon o amser ar brosiectau i ysgrifennu a chynnal cyfres iawn o brofion uned ac integreiddio yn barhaus, ac ar ben hynny, nid yw llawer o ddatblygwyr yn mwynhau'r dasg o ysgrifennu profion mewn gwirionedd. Mae'n gwbl bosibl annog eich cynorthwyydd AI i sefydlu ac ysgrifennu profion i chi a gellir ei wneud mewn ychydig o amser. Wrth gwrs, dylech chi, fel datblygwr, sicrhau bod eich profion mewn gwirionedd yn edrych ar y rhannau hanfodol o'ch cais ac yn dilyn egwyddorion profi synhwyrol, ond gallwch chi “allanol” ysgrifennu'r profion i'n cynorthwyydd AI. Anogwr enghreifftiol: "Ysgrifennwch brofion uned ar gyfer y swyddogaeth hon gan ddefnyddio Jest. Gorchuddiwch lwybr hapus, casys ymyl, a moddau methu. Eglurwch pam mae pob prawf yn bodoli."
Gallwch hyd yn oed drosglwyddo arferion gorau profi guru Kent C. Dodds fel canllawiau i'ch asiant, fel isod:
Offer Mewnol Ychydig yn debyg i'r enghraifft shader a grybwyllwyd yn gynharach, cefais y dasg yn ddiweddar i ddadansoddi dyblygu cod mewn cod sylfaen a chymharu cyn ac ar ôl refactor. Yn sicr nid yw'n dasg ddibwys os nad ydych am fynd y llwybr llafurus o gymharu ffeiliau â llaw. Gyda chymorth Copilot, creais sgript a oedd yn dadansoddi dyblygu cod i mi, yn trefnu ac yn archebu'r allbwn mewn tabl, a'i allforio i Excel. Yna es i ag ef gam ymhellach. Pan wnaethpwyd ein refactor cod, anogais yr asiant i gymryd fy nhaflen Excel bresennol fel y llinell sylfaen, ychwanegu cyflwr presennol y dyblygu mewn colofnau ar wahân, a chyfrifo'r delta. Côd Diweddaru a Ysgrifenwyd Amser maith yn ôl Yn ddiweddar, fe wnaeth hen gleient i mi fy nharo i, oherwydd dros amser, nid oedd rhai nodweddion yn gweithio'n iawn ar ei wefan bellach. Y dalfa: Adeiladwyd y wefan bron i ddeng mlynedd yn ôl, ac roedd y JavaScript a'r SCSS yn defnyddio offer crynhoi eithaf hen fel needJS, ac roedd angen fersiwn hŷn o Node.js ar y setup na fyddai hyd yn oed yn rhedeg ar fy MacBook 2025. Byddai diweddaru'r broses adeiladu gyfan â llaw wedi cymryd dyddiau i mi, felly penderfynais annog yr asiant AI, “A allwch chi ddiweddaru'r broses adeiladu JS a SCSS i stac 2025 heb lawer o fraster fel Vite?” Mae'n sicr y gwnaeth, ac ar ôl tua awr o fireinio gyda'r asiant, cefais fy adeiladwaith SCSS a JS wedi'i newid i Vite, ac roeddwn yn gallu canolbwyntio ar osod byg go iawn. Gwnewch yn siŵr eich bod chi'n dilysu'r allbwn a'r ffeiliau a luniwyd yn iawn wrth wneud newidiadau mor annatod i'ch proses adeiladu. Crynhoi A Drafftio A hoffech chi grynhoi eich holl newidiadau cod diweddar mewn un frawddeg ar gyfer neges ymrwymo, neu gael rhestr hir o ymrwymiadau a hoffech chi eu crynhoi mewn tri phwynt bwled? Dim problem, gadewch i'r AI ofalu amdano, ond gwnewch yn siŵr ei brawfddarllen. Mae ysgogiad enghreifftiol mor syml â anfon neges at gyd-ddyn: “Rhowch grynodeb o fy newidiadau diweddar mewn pwyntiau bwled cryno”. Fy nghyngor yma fyddai defnyddio GPT ar gyfer ysgrifennu yn ofalus, ac fel gyda chod, gwiriwch yr allbwn cyn ei anfon neu ei gyflwyno. Argymhellion Ac Arferion Gorau Annog Un o fanteision nad yw mor amlwg o ddefnyddio AI yw, y mwyaf penodol a theilwredig yw eich awgrymiadau, y gorau yw'r allbwn. Mae'r broses o annog asiant AI yn ein gorfodi i lunio ein gofynion mor benodol â phosibl cyn i ni ysgrifennu a chodio. Dyma pam, fel rheol gyffredinol, rwy'n argymell yn fawr bod mor benodol â phosibl gyda'ch anogaeth. Mae Ryan Florence, cyd-awdur Remix, yn awgrymu ffordd syml ond pwerus o wella'r broses hon trwy orffen eich anogwr cychwynnol gyda'r frawddeg: “Cyn i ni ddechrau, a oes gennych chi unrhyw gwestiynau i mi?”
Ar y pwynt hwn, mae'r AI fel arfer yn dod yn ôl gyda chwestiynau defnyddiol lle gallwch chi egluro eich bwriad penodol, gan arwain yr asiant i ddarparu dull mwy pwrpasol i chi ar gyfer eich tasg.
Defnyddio Rheoli Fersiynau A Gweithio Mewn Talpiau Treuliadwy Mae defnyddio rheolaeth fersiwn fel git nid yn unig yn ddefnyddiol wrth gydweithio fel tîm ar un sylfaen cod ond hefyd i'ch darparu felcyfrannwr unigol gyda phwyntiau sefydlog i rolio'n ôl iddynt rhag ofn y bydd argyfwng. Oherwydd ei natur anbenderfynol, gall AI weithiau fynd yn dwyllodrus a gwneud newidiadau nad ydynt yn ddefnyddiol i'r hyn yr ydych yn ceisio ei gyflawni ac yn y pen draw dorri pethau'n anadferadwy. Bydd rhannu eich gwaith yn ymrwymiadau lluosog yn eich helpu i greu pwyntiau sefydlog y gallwch ddychwelyd atynt rhag ofn i bethau fynd i'r ochr. A bydd eich cyd-chwaraewyr yn diolch i chi hefyd, gan y byddant yn cael amser haws yn adolygu'ch cod pan gaiff ei rannu'n dalpiau wedi'u strwythuro'n dda yn semantig. Adolygu'n drylwyr Mae hwn yn fwy o arfer gorau cyffredinol, ond yn fy marn i, mae'n dod yn bwysicach fyth wrth ddefnyddio offer AI ar gyfer gwaith datblygu: Byddwch yn adolygydd beirniadol cyntaf eich cod. Gwnewch yn siŵr eich bod yn cymryd peth amser i fynd dros eich newidiadau fesul llinell, yn union fel y byddech chi'n adolygu cod rhywun arall, a dim ond ar ôl iddo basio'ch hunanadolygiad eich hun y dylech gyflwyno'ch gwaith. “Mae dau beth yn wir i mi ar hyn o bryd: mae asiantau AI yn anhygoel ac yn hwb enfawr i gynhyrchiant. Maent hefyd yn beiriannau slop enfawr os byddwch chi'n diffodd eich ymennydd ac yn gadael i fynd yn gyfan gwbl.”— Armin Ronacher yn ei bost blog Asiant Psychosis: Are We Going Insane?
Casgliad A Meddyliau Beirniadol Yn fy marn i, gall offer codio AI wella ein cynhyrchiant fel datblygwyr yn ddyddiol a rhyddhau gallu meddyliol ar gyfer mwy o gynllunio a meddwl lefel uchel. Maent yn ein gorfodi i fynegi ein canlyniad dymunol gyda manylder manwl. Gall unrhyw AI, ar adegau, rhithwelediad, sy'n golygu yn y bôn ei fod yn gorwedd mewn naws hyderus. Felly gwnewch yn siŵr eich bod chi'n gwirio a phrofi, yn enwedig pan fyddwch chi'n ansicr. Nid yw AI yn fwled arian, a chredaf, ni fydd rhagoriaeth a'r gallu i ddatrys problemau fel datblygwr byth yn mynd allan o ffasiwn. I ddatblygwyr sydd newydd ddechrau yn eu gyrfa, gall yr offer hyn fod yn demtasiwn mawr i wneud y rhan fwyaf o'r gwaith drostynt. Yr hyn a all fynd ar goll yma yw'r gwaith poenus a thrallodus yn aml trwy fygiau a materion sy'n anodd eu dadfygio a'u datrys, sef “y malwch”. Mae hyd yn oed Lee Robinson o Cursor AI ei hun yn cwestiynu hyn yn un o'i swyddi:
Mae offer codio AI yn esblygu'n gyflym, ac rwy'n gyffrous am yr hyn a ddaw nesaf. Rwy'n gobeithio y bu'r erthygl hon a'i hawgrymiadau o gymorth i chi a'ch bod yn gyffrous i roi cynnig ar rai o'r rhain drosoch eich hun.
