„Visur žmonės kuria ataskaitų suvestinę, kad „stebėtų situaciją“. Klausiate, kokią situaciją? Bet kurią, kurią jie gali sugalvoti.
Jie dalijasi šiomis realaus laiko informacijos svetainėmis, kad galėtų sekti geopolitinius konfliktus, prognozių rinkas ir stichines nelaimes – kartais visa tai. Prietaisų suvestinės atrodo kaip mokslinės fantastikos stiliaus komandų centrai su savaime atnaujinamais žemėlapiais, diagramomis ir naujienų srautais.
Kodėl visi staiga užkemša savo ekranus svaiginančiu duomenų kiekiu? Susipažinkite su „nuotaikos kodavimu“ – menu, kai programėlė sukuriama naudojant dirbtinį intelektą.
Jaučiu, kaip akys vartosi, bet pažadu, kad tai realybė, o ne ažiotažas. Ir jūs taip pat galite tai padaryti.
Kurdamas savo ataskaitų suvestinę, šiek tiek sužinojau apie kodavimą ir daug apie šį drąsų naują pasaulį, kuriame nekoduotojai gali kurti bet kokią programinę įrangą. Be to, dabar turiu būdą stebėti savo situaciją!
Kaip ir bet kuris kitas vertas užsiėmimas, nuotaikos kodavimas neapsieina be šiokio tokio nusivylimo. Tačiau pradėti lengva, o privalumai dideli. Štai kaip – ir kodėl – turėtumėte tai išbandyti.
PIRMAS ŽINGSNIS
Sugalvokite savo dizainą
Sunkiausia dalis: sugalvoti savo produktą. Atminkite, kad jums nereikia mąstyti plačiai, nes tai skirta tik jums.
Prietaisų skydai yra populiarūs, nes jie yra paprasti. Jie gali veikti kaip svetainė arba programėlė, esanti tik jūsų kompiuterio naršyklėje. Visa sistema rodoma viename puslapyje ir remiasi šaltiniais, kuriuos jau reguliariai tikrinate. Galbūt kalendorius, akcijos ar kažkas konkretesnio, pavyzdžiui, idealus saulėlydžio fotografavimo laikas?
Jums taip pat nereikia dizaino įgūdžių – dirbtinis intelektas taip pat padeda.
Tiems pradedantiesiems siūlau naudoti svetainę pavadinimu „Lovable“, kuri sukurta kaip programėlių ir svetainių nuotaikų kodavimo įrankis. „Replit“ taip pat gana paprasta, tačiau ji leidžia patyrusiems vartotojams atlikti kelias užduotis vienu metu.
Pradėkite nuo raginimo, prašančio fiktyvios versijos. Štai mano:
Sukurkite asmeninį prietaisų skydelio maketą su vietos žymeklių duomenimis. Jis turėtų atrodyti ramus, rafinuotas ir Elegantiškas, su švelnia neutralia palete, didele tipografija, be nereikalingos informacijos. Štai elementai: kalendoriaus kortelė, dienos užduoties kortelė, 4–5 technologijų antraštės, sveikatos statistika, orai San Franciske ir autobusų išvykimo laikai.
DI gali užpildyti puslapį funkcijomis, apie kurias nepagalvojote – geriau (tamsaus režimo mygtukas) arba blogiau (šlykšti dienos citata). Aš atlikau kelis redagavimo etapus, kad maketas būtų tobulas.
Jūs tiesiogine prasme nurodote, kokius pakeitimus atlikti, naudodami paprastą anglų kalbą.
Pirmiausia užfiksuokite savo dizainą, nes jį sunkiau pertvarkyti, kai DI pradeda jungti duomenų srautus.
Galite padaryti nemažai, prieš mokėdami bet kokius mokesčius. Tačiau sunaudoję nemokamus kreditus, susidursite su pasirinkimu: mokėti 25 USD mėnesinį mokestį už daug išankstinių kreditų arba laukti dienos dar vienos nemokamos saujos.
Profesionalo patarimas: norėdami sutaupyti kreditų „Lovable“ ar „Replit“, pirmiausia suplanuokite savo dizainą naudodami „ChatGPT“, tada įkelkite maketo vaizdą kaip nuorodą. (Galite įkelti kitus pavyzdinius vaizdus, taip pat.)
ANTRAS ŽINGSNIS
Raskite duomenis
DI gali nustatyti, kuriuos duomenis iš tikrųjų galima gauti. Pavyzdinė užduotis:
Noriu pasiekti šią ataskaitų suvestinę iš interneto ir neturiu jokių programavimo įgūdžių. Įvertinkite savo duomenų pageidavimų sąrašo įgyvendinamumą. Be to, ar yra kokių nors papildomų duomenų šaltinių, kuriuos turėčiau apsvarstyti?
DI greičiausiai siūlys rinkti duomenis per vadinamąją API – „programų programavimo sąsają“. Sutaupysiu jums techninių detalių, bet iš esmės tai yra tai, kas teikia neapdorotą informaciją, kuri patenka į jūsų ataskaitų suvestinę.
Sužinojau, kad kai kurios API nėra skirtos asmeniniam naudojimui, pavyzdžiui, mano energijos tiekėjo tiesioginio naudojimo srautas. Kitos yra brangios.
Didžioji dalis mano pageidavimų sąrašo buvo nemokama, pavyzdžiui, mano Oura žiedo statistika, San Francisko rūko informacija ir vietinių autobusų atvykimo laikas. Tačiau gali tekti rankiniu būdu prijungti API prie savo ataskaitų suvestinės.
DI man pasakė, kaip gauti vadinamąjį „raktą“, kuris yra ilga skaičių ir raidžių eilutė, skirta duomenims atrakinti. DI negali to padaryti pats, nes vartotojams dažnai reikia susikurti kūrėjo paskyrą. Kai turėjau kodą, galėčiau jį įklijuoti į „Lovable“ rodomą teksto laukelį.
Dar vienas profesionalo patarimas: išsaugokite API raktus slaptažodžių tvarkyklėje. Dauguma paslaugų kodą rodo tik vieną kartą, prieš jam visam laikui išnykstant. (Jie yra daugkartinio naudojimo, o jei vieną pametate, galite atkurti kitą.)
„Google“ kalendorius nustatymuose pateikia „slaptą adresą“, kad išvengtumėte bet kokių API pakeitimų.
TREČIAS ŽINGSNIS
Sukurkite lentą
Galiausiai atėjo laikas įvesti duomenis į savo prietaisų skydelį. Man buvo lengviausia tęsti po vieną, naudojant tokią užuominą:
Pridėkite viešojo transporto kortelę, kurioje rodomi kiti SFMTA autobusų atvykimai į konkrečią stotelę. Rodykite maršruto pavadinimą, kryptį ir minutes iki atvykimo. Padarykite ją minimalistinę ir lengvai nuskaitomą.
Pripažįstu, kartais norėjau mesti savo nešiojamąjį kompiuterį į Ramųjį vandenyną. Kai kurių problemų sprendimas pareikalavo daug mandagaus ir desperatiško prašymo iš mašinos. Vėlgi, viskas paprasta anglų kalba. Bet tai suveikė.
Kai mano SF kelionių prietaisų skydelio lenta veikė, buvau užsikabinusi – ir ėmiausi kitos, sudėtingesnės idėjos: naujienų santraukos, kurioje būtų reitinguojamos technologijų naujienos mano rajone. Šį kartą panaudojau „Replit“.
Įvairių mygtukų funkcionalumo užtikrinimas buvo sudėtingesnis. Vienu metu mobilioji versija atrodė puikiai, o paskui visiškai sugedo.
Sugebėjau išnaudoti nemokamus „Replit“ kreditus, atnaujinau paskyrą į mėnesinį planą ir pasiekiau ir mokamą limitą. Bendra suma: 45 USD. Ir turėsiu mokėti 25 USD per mėnesį, kad „Replit“ galėtų toliau ją talpinti.
Tačiau tai mano svajonių naujienų agregatorius.
PREMIJINIS IŠŠŪKIS
„Claude Code“ naudojimas
Negalėjau baigti savo eksperimento neišbandęs „Claude Code“. Tai sudėtingesnė, atviro tipo dirbtinio intelekto kodavimo priemonė, skirta tik prenumeratoriams, mokantiems 20 USD ar daugiau per mėnesį. „Claude Code“ leidžia lengviau sukurti visiškai privačią žiniatinklio programą, kuri veikia tik jūsų kompiuteryje, tačiau tam turėjau išdrįsti naudoti baisųjį terminalą – komandinės eilutės ekraną [1].
Ir jei maketui sukurti naudosite įspūdingą naują „Anthropic“ „Claude Design“ tyrimų peržiūros versiją (dar žinomą kaip beta versija), galėsite nusiųsti vizualinį vaizdą tiesiai į „Claude Code“, kad pradėtumėte kurti.
„Anthropic“ 20 USD per mėnesį kainuojantis „Pro“ planas buvo pakankamas, nors kelis kartus man teko palaukti porą valandų, kol mano naudojimo apribojimai bus nustatyti iš naujo.
Baigęs savo darbalaukio valdymo skydelį, Claude pasiūlė paslaugas, siūlančias nemokamą talpinimą. Taigi, vykdžiau jo bauginančias instrukcijas, įskaitant failų įkėlimą į „GitHub“ ir jo prijungimą prie „Cloudflare Pages“ [2]. Galiausiai mano programa buvo gyva internete. Mano vyras, profesionalus programinės įrangos inžinierius, buvo sužavėtas.
Praėjusį penktadienį telefone atidariau savo SF valdymo skydelį ir išėjau iš namų laiku iki kito autobuso. Jaučiau tokį patį visceralinį pasitenkinimą, kaip ir baigęs „Home Depot“ „pasidaryk pats“ projektą, kuris iš tikrųjų atrodo gražiai ir veikia.
Žinoma, yra pakilimų ir nuosmukių. Savo nuotaikos kodavimo kelionėje vis tiek galite norėti įmesti nešiojamąjį kompiuterį į vandenyną – bet bent jau jūsų valdymo skydelis parodys, koks aukštas yra potvynis. [3]
1. Komandinės eilutės langas yra tekstinė sąsaja sistemoje „Windows“, kurioje paprastai rodomas C:\Users\Name> raginimas su mirksinčiu žymekliu. Jis leidžia patyrusiems vartotojams vykdyti komandas, automatizuoti užduotis ir šalinti sistemos problemas. Vartotojai gali jį atidaryti ieškodami „cmd“ meniu Pradėti, paspausdami „Windows + R“ ir įvesdami „cmd“ arba naudodami „Windows + X“.
Pagrindinės funkcijos ir naudojimas
Prieiga: ieškokite „cmd“ meniu Pradėti arba paspauskite „Windows“ klavišą + X, kad pasirinktumėte jį iš meniu.
Sąsaja: juodas langas, leidžiantis įvesti tekstą administravimo užduotims atlikti.
Komandos: naudojamos sistemos valdymui, pvz., failų sąrašo sudarymui (dir), aplankų keitimui (cd) ir diagnostikos vykdymui.
Failų naršyklės spartusis klavišas: įveskite cmd į bet kurio aplanko adreso juostą failų naršyklėje, kad akimirksniu atidarytumėte raginimą toje vietoje.
Trikčių šalinimas: būtinas norint paleisti tokias programas kaip „ping“, skirtas tinklo ryšiams patikrinti.
Uždarymas: įveskite exit arba spustelėkite „X“, kad uždarytumėte langą.
Pastaba: sistemoje „Windows 11“ komandinė eilutė gali veikti „Windows“ terminale. programa.
2. „Cloudflare Pages“ yra „Jamstack“ platforma, skirta front-end kūrėjams kurti, bendradarbiauti ir diegti svetaines „Cloudflare“ pasauliniame tinkle. Ji plačiai naudojama statinėms svetainėms (pvz., tinklaraščiams ar dokumentacijai) ir pilno steko programoms talpinti, integruojant su „Cloudflare Workers“.
Pagrindinės funkcijos
• „Git“ integracija: automatiškai sukuria ir diegia jūsų svetainę kiekvieną kartą, kai įkeliate kodą į „GitHub“ arba „GitLab“.
• Peržiūros diegimai: generuoja unikalius peržiūros URL kiekvienam patvirtinimo ir ištraukimo užklausos variantui, leidžiantį išbandyti pakeitimus prieš juos paleidžiant gamyboje.
• Viso steko galimybės: naudoja „Pages Functions“, kad paleistų serverio pusės kodą (per „Workers“), įgalinant dinamines funkcijas, tokias kaip formų tvarkymas arba autentifikavimas.
• Našumas ir saugumas: svetainės aptarnaujamos tiesiai iš „Cloudflare“ periferijos, dažnai pasiekiant didesnį greitį nei konkuruojančios platformos, su integruotu SSL ir neribotu pralaidumu.
Kainodara ir apribojimai
„Cloudflare“ siūlo dosnų nemokamą planą kartu su mokamomis pakopomis profesionaliam ir verslo naudojimui:
Nemokamas planas
Pro planas Verslo planas
Lygiagretus kūrimas 1 vienu metu 5 vienu metu 20 vienu metu
Sukurta per mėnesį 500 5 000 20 000
Pralaidumas Neribotas Neribotas Neribotas
Pasirinktiniai domenai 100 vienam projektui 250 vienam projektui 500 vienam projektui
Palaikomos sistemos
„Pages“ apima iš anksto nustatytus parametrus daugumai šiuolaikinių žiniatinklio sistemų ir statinių svetainių generatorių (SSG):
• Priekinė dalis: „React“, „Vue“, „Angular“, „Svelte“.
• SSG: „Astro“, „Next.js“, „Hugo“, „Gatsby“, „Jekyll“, „Eleventy“ ir „Zola“.
• Kita: Taip pat galite diegti paprasto HTML/CSS svetaines naudodami tiesioginį įkėlimą arba paprastas „Git“ saugyklas.
3. I Vibe-Coded My Dream App, And Only Lost My Mind Twice --- You can use AI to make a dashboard to monitor your life -- and glimpse our DIY software future. Nguyen, Nicole. Wall Street Journal, Eastern edition; New York, N.Y.. 07 May 2026: A11.
Komentarų nėra:
Rašyti komentarą