• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
  • přihlásit
    registrace
    ztracené heslo?
    LUCIENVibe coding
    Diskuze věnovaná vibe codingu. Někdo ho nenávidí, jiní ho milují. Je to jen buzzword, nebo budeme za 10 let všichni vajbkódovat?

    Cílem diskuze nebude flame, ale praktické rady a ukázky. V práci AI a obecně vibecoding pomalu začleňujeme do procesů, protože správné použití zdá se skutečně může určité flows dost zrychlit a usnadnit. Pokud se teda člověk nedostane do loopu.

    Jak ho používáte vy?
    rozbalit záhlaví
    ABAP
    ABAP --- ---
    TOM: imho je kreativita důležitá bez ohledu na hmotný a smysluplný výsledek, nejdůležitějším produktem jsou zkušenosti a zejména umět se postavit k řešení neznámého problému.

    Je k nezaplacení zjistit, že zkušenosti a techniky z mnohaletého soukromého vývoje sofistikované, leč komerčně bezcenné databáze profilů pornohvězd
    lze nakonec velmi draze uplatnit při tvorbě marketingového nástroje globálního prodejce obráběcích strojů.
    Navrhovat to od začátku jen pro stroje by byla děsná nuda.
    ABAP
    ABAP --- ---
    TOM: jenom si s tím hraju. Inkscape nejspíš nebude umět z funkce UNDO rovnou vytvořit video z celé editace (viz. níže). Ano, je to blbost, kterou lze obejít naráváním obrazovky.
    Nedělám nic užitečného, jen sbírám zkušenosti hraním. Je fascinující, že s trochou snahy jde na slepici naroubovat vemeno, z kterého teče mléko.

    Zadávat požadavky, které by příčetný programátor prostě odmítl.
    TOM
    TOM --- ---
    ABAP: co přesně myslíš "limity na nesmysly"? Jako že jsi chtěl převést vektorovou grafiku na epub, a on ti to rozmluvil? Na to jsem se neptal, takže odpověď je asi "nic navíc"?
    Já totiž s SVG dost často pracuju, takže mě zajímá, co máš za usecase. Většinou naopak využívám Inkscape v batch módu k tomu, co skriptovací jazyky neumí (např. ořezání prázdných okrajů).
    Testování hranic samozřejmě chápu, jenom mě trochu udivuje, jestliže plýtváš potenciálem na v podstatě zbytečnosti. Udělal jsem si už desítky nástrojů, u nichž jsem neměl existující ekvivalent (anebo by byl placený).
    ABAP
    ABAP --- ---
    TOM: Testuju hranice, nevytvářím lepší Inkscape. Umí to prakticky o cokoliv rozumného si požádám, to u klasického SW trvá déle a stojí raketu.

    Limity na nesmysly to má (epub, dwg,dxf):

    Gemini:
    I would love to add those export options for you, but unfortunately, my capabilities have some limitations.

    EPUB Export: The EPUB format is quite complex, involving a specific structure of XHTML files, CSS, and metadata, all packaged into a zip archive. While I can generate the visual content as an image, creating a properly structured and valid EPUB file requires specialized libraries that are not currently part of this project's toolkit.
    DXF and DWG Export: Similarly, DXF and DWG are proprietary and complex CAD formats. Converting the editor's objects (which include SVG paths, HTML-rendered text, and 3D transformations) into precise vector-based CAD data is a very specialized task that requires dedicated CAD libraries which I don't have access to.

    Vcelku rozumná argumentace a navedení na správnou cestu:
    I can, however, continue to enhance the existing export options like SVG, PDF, PNG, and WebM. If you have any improvements in mind for those, please let me know
    ABAP
    ABAP --- ---
    hodně veřejně dostupných řešení z různých oblastí: https://huggingface.co/spaces
    Po registraci lze zdarma vytvářet na : https://huggingface.co/deepsite

    Prosím, s jakým nástrojem bez kódování a s přístupem nejlépe zdarma, minimem omezení máte nejlepší zkušenosti ?

    - Firebase Studio - nenarazil jsem na limit krom rychlosti, než splní příkaz, přichystám si dalších pár bokem v notepadu
    - huggingface.co/deepsite zdarma, přijde mi méně chápavý
    TOM
    TOM --- ---
    ABAP: co to umí v porovnání s Inkscape?
    SKAFF
    SKAFF --- ---
    Obecně mě tohle přijde strašně zajímavý, jak rychle to posouvá hranice a otevírá věci, co nebyly možný - protože tohle otvírá dveře do custom vývoje malejm firmám a živnostníkům, který nepotřebujou generickej SaaS kterej prostě úplně nedělá přesně to, co by zákazník chtěl, a zároveň nemaj prachy na enterprise custom vývoj s 10 vývojářema, týmem testerů a QA na 2 roky a stopadesát sprintů. Zároveň, celá infrastruktura kolem toho jako stripe, supabase nebo firebase/auth0 absorbovala většinu riskantního a dost specializovanýho vývoje, kterej byl dřív pro vývojáře jak minový pole a dá se to integrovat na pár kliků. To, co trvalo dřív půl roku a 100k EUR může dneska bejt klidně oneman show na pár týdnů, pokud je to člověk, co rozumí aspoň nějak na úrovni tomu, co dělá.

    Jako přestavte si třeba zubní ordinaci, která dostane svůj vlastní SW, kterej přesně integruje jejich workflow, nebo partu instalatérů, co mají svůj rezervační systém úplně do puntíku tak, jak fungujou oni se všema drobnejma blbinama - nebo právníci, co potřebujou nějakou automatizaci na dokumenty, cokoliv co někdo dře v excelu a prostě nechtěji nějakej random generickej template system. Dřív nesmysl, šlo by, ale nezaplatilo by se to. Teď cena výkon je něco, co dává smysl.

    Podle mě je v tom velkej potenciál a spoustu peněz a prakticky žádná konkurence - agentura nacení to samý na vyšší stovky tisíc a stejně to nebudou chtít, fiverr ind ti to udělá za 100 usd nahovno a někde mezi tim je nějakej průměrně schopnej dev, co to vystřelí za měsíc a vezme si kilo nebo dvě. Win-win.

    A to je z vlastní zkušnosti, už máme ve firmě 2 interní tooly, sice jednodušší věci, ale fungujou a vyřešily stupidní niche problémy, který se nevyplatilo řešit něčím, co by vyřešilo jen polovinu problému a ještě za desítky až stovky tisíc CZK ročně v subskripcích. Běží to lokálně, dobrý den nashledanou, vyřešeno. Na tomhle se dá udělat dost
    SKAFF
    SKAFF --- ---
    Gemini 3 isn't the answer. How to Solve 1 Million Steps with 0 Errors
    https://www.youtube.com/watch?v=TJ-vWGCosdQ
    ABAP
    ABAP --- ---
    Vektorový editor šel přesvědčit, aby exportoval čtyřnásobně zrychlené WEBM video z editace.
    Zmenšeno na 1/4. Vlastně tak umí vytvářet kromě SVG obrázků i jednoduché vektorové animace.

    ABAP
    ABAP --- ---
    LUCIEN: publikace a hosting jsou placené dle velikosti. Při pokusu stažení a buildu node.js lokálně hříčka gorilla.bas (předchozí) vygeneruje a stáhne přes 1GB souborů a stejně nejde spustit jinak, než v jejich emulátoru.
    LUCIEN
    LUCIEN --- ---
    Stackoverflow is dead, long live AI.

    Klasický CSS problém se sticky elementem kdy se ti buď nedaří to správně udržet v layoutu, nebo máš 2 scrollbary, atd. V hlavě přesnou definici nemám, použiju to jednou do roka...

    Dřív: Stackoverflow headache.
    Teď: Vyřešeno s Claude Code na 2 příkazy.

    Jinak co je absolutní love jsou commity, už nekomituju jinak než přes Klóda a zjistitl jsem, že půlka firmy to tak dělá už aspoň měsíc :)
    LUCIEN
    LUCIEN --- ---
    Jeslti máte nějaké konkrétní vibe projekty live, pošlete odkazy, budu to dávat na nástěnku.
    ABAP
    ABAP --- ---
    Končím s tapetováním.

    Shrnutí krátkých testů Firebase studia:

    + stojí za vyzkoušení
    + prototypování je velmi jednoduché na používání bez znalostí programování
    + funguje to překvapivě dobře i u hodně složitých a zamotaných případů
    + proces velmi záleží na přístupu operátora

        přístup stylem "debil" generuje hromady chyb, které lze většinou překonat urputností "hlavou proti zdi"

        přístup z pozice architekta, se zapojením pár desetiletí SW/HW zkušeností, s vědomím jak má appka uvnitř fungovat, jede generování velmi hladce a nezpůsobuje téměř žádné chyby,
        adresné úpravy typu "pro objekt A, dialog B, pole C uprav vlastnost D" fungují prakticky bezchybně; příjde mi, že limitem jsou vyjadřovací schopnosti jazyka a operátora obecně (ne cizího jazyka)

    - inteligence nástroje je pouze iluze daná spoluprací s člověkem; generátor není schopen sám navrhnout větší část řešení, často z principu není schopen otestovat funkčnost,
      používá manipulativní, podlézavé fráze, nadužívá chválu i pateticky neupřímnou sebekritiku, něco odflákne (export do svg) a v rámci jiné funkce to pak zvládne precizně (pro export vektorů do PDF renderuje stejně nejdříve SVG a konvertuje, stačilo převěsit na tlačítko).

    - vzhledem k historii poskytovatele je to na hraní a drobné blbinky velmi dobré; pro skutečné R&D bych bral jen sandboxovanou verzi bez přístupu k netu
      ledaže nevadí, pokud vaše expertní postupy, nápady a zlepšováky budou náležet poskytovateli, EULA byla a je používána jako přostředek vyvlastnění

    - poskytovatel u jiných služeb vyvlastňuje přinejmenším osobní, behaviorální a lokační data za účelem monetizace prodejem cílené reklamy, prodejem derivátů sledování, předvídání chování a ovládání chování lidského "stáda".
      Šikovný nástroj k prototypování se přímo nabízí jako prostředek vyvlastňování nápadů a expertízy. Důvod proč by to tak nemělo být prostě nevidím. Poskytovatel by byl sám proti sobě, peníze nesmrdí.
      Pokud vám to zní přitažené za vlasy, viz rozsudky ve sporech EU vs big tech, lobbying big tech v EU. Výše uložených pokut je vzhledem k objemu trhu s vyvlastněnými daty směšně nízká. https://www.politico.eu/article/big-tech-companies-face-potential-eu-lobbying-ban/

    +- použité úspěšné postupy, nápady a zlepšováky budou jistě využity i pro zlepšení procesu generování aplikací.
        Je na každém, zda je chce bezplatně věnovat něčemu, co jej připravilo, či ještě připraví o práci.

    notebooklm efekt(iv)ní práce s informacemi, stejné pasti, riziko nepostřehnutelné povrchnosti

    ABAP
    ABAP --- ---
    je to návykové, export je nejvěrnější do svg, pdf s vektory má z principu potíže s fonty.
    svg otevře třeba edge

    ABAP
    ABAP --- ---
    Skvělá věc pro diagramy. Stačilo požádat, aby se začátky a konce křivek konektorů držely madel objektu, když je objekt přesunován.
    Při a po přesouvání objektů na stránce je konektory se šipkami pořád spojují jak mají. Stačilo to napsat tak jak sem.
    ABAP
    ABAP --- ---
    Omezení je v technickém zadání a v schopnosti přesně vyjádřit komplexní problém a nezamotat to. Ďábel je skryt v detailu.

    Nejtěžší bylo vysvětlit, že nástroj konektor má připojit beziérovu křivku se šipkou k nejbližšímu z osmi madel zdroje a cíle pomocí magnetismu.
    Dokonce to dělá už během táhnutí myší při drag nad drop. Na požadavek, až průběžně upravuje ohniska křivky a vyhýbá se tak kolizi s objekty generátor odpověděl,
    že pathfinding je moc práce na jeden prompt. Třeba je kvůli mýmu hraní New Jersey bez proudu, nebo to jen chce přeformulovat.
    Požadavek na funkce pro přesuny popředí / pozadí o 1 úroveň bez problému. Trochu potíž měl s kombinací barevné výplně s libovolně orientovaným gradientem, ale nakonec to jde.

    Za dopoledně vytvořeno řešení, s kterým jsem si po večerech hrál měsíce. Editor,který na slovní požádání implementuje novou funkčnost. To je fakt sen.

    ABAP
    ABAP --- ---
    Tak jsem zkusil ten komplexní test. Následující udělal za 10 minut.

    Opravdu se to blíží definici džina (Bostrom).

    - džin, udělá na požádání téměř cokoliv
    - agent, provádí samočinně a bezchybně jeden druh činnosti bez požádání
    - suverén, neptá se a koná, sám ví co je nejlepší, řekněme že singularita

    ABAP
    ABAP --- ---
    Asi jsem ty mind mapy zlomil a jsem trochu v šoku.
    Staré řešení neuměl rozšířit o ukládání, tak jsem založil nové, kde jsem zdůraznil nejprve stromovou hierarchii mind mapy a
    pak ať se inspiruje starým řešením a udělá to rovnou s ukládáním a bezierovymi křivkami. Vygeneroval to na první dobrou s tak elegantním ovládáním, že generátor podezřívám, že to asi někomu ukradl.
    i mruds /recent/ fungují správně.

    prompt: "please redesign mind map application like existing app mindful mapper from the scratch, at first use mind map nodes in hierarchical tree structure, display nodes connected with beziere curves, allow save,load and mruds serialization of structured mindmap nodes , allow background and text color change of node, allow drag and drop movement of nodes by mouse".

    Chyba asi byla prve v tom, se soustředit na vizuálni stránku mind mapy a málo zdůraznit strukturu uspořádání mind mapy (hierarchický strom), nějak si to nejprve v paměti uložil a pak už to za živého boha nedokázal dostat do json.

    LUCIEN
    LUCIEN --- ---
    Use case #2 - Vyhledávač léků ze sukl.cz - https://pharmago-sozj.onrender.com/

    1. Kolegům ve Slacku házím nápad na vibecoding/hackaton - stahování léků skrz ofiko SUKL api a nad tím pořádné REST api
    2. Kolega cca 1h v práci a následně 2h ve vlaku a ještě 1h doma vajkóduje
    3. Cca za 5h posílá swagger s hotovým REST api
    4. Uléhám do postele, beru noťas a zkouším s Claude Code čistý vibecode - tedy nechci napsat ani čárku kódu
    5. Za hodinu mám první verzi
    6. Ráno vstávačka, čistím zuby, na mobilu startuju Claude Code for Web
    7. V metru stále vajbóduju skrz mobil - přidávám možnost vlastní URL léku, zobrazení složení, status info v patičce, poslední hledané, dark mode, ...
    8. Posílám pull request
    9. Usedám v práci, schvaluju pull, CD do render.com proběhne sám
    10. Frontend hotov. Ani tečka kódu. Wow...
    ABAP
    ABAP --- ---
    ABAP: po úpravách stejně zábavné, jako originál.

    - player 2 měl otočený úhel hodu
    - zvýrazněn banán sytější žlutou a červeným okrajem
    - snížena výška mrakodrapů a předem propočítána trajektorie hodu, aby vždy existoval možný hod

    Potom skvělé
    LUCIEN
    LUCIEN --- ---
    GEE: Asi bych si nejdřív v Claudu nechal navrhnout několik variant jak postupovat, ideálně třeba jednu s nástroji co znám. Pak bych založil nový dir, vlezl do něj a přes Claude Code mu zadal co chci a jak to chci podle varianty co jsem si vybral...
    ABAP
    ABAP --- ---
    Požádal jsem o hru ve stylu gorilla.bas z qbasicu. Až na pár chybek dobrý.

    Kliknutím sem můžete změnit nastavení reklam