FakturHuko - redesign nasazen
Ještě to bude chtít poladit pár obrazovek, kontrasty barev a drobných chybiček, ale nic, co by bránilo aplikaci pohodlně používat. Myslím, že to vypadá skvěle - https://fakturhuko.aifred.cz/
AI, weby a online produkty
Na AIFred si dávám dohromady projekty, poznámky a nápady, které vznikají kolem AI, webů a online produktů. Nejsou tu jen hotové věci, ale i kontext, průběžné posuny a drobnosti, které by se jinam nevešly.
Seznam zpráv se posouvá vodorovně. Použij kolečko myši, touchpad, tažení prstem nebo klávesy šipek, Page Up, Page Down, Home a End.
Ještě to bude chtít poladit pár obrazovek, kontrasty barev a drobných chybiček, ale nic, co by bránilo aplikaci pohodlně používat. Myslím, že to vypadá skvěle - https://fakturhuko.aifred.cz/
Tento model se zatím zdá jako nejinteligentnější, ideální na chat. Na kódování se stále zdá lepší ChatGPT 5.5. Za zajímavost stojí zmínit to, že dle tabulky v článku o vydání Opuse 8 - https://www.anthropic.com/news/claude-opus-4-8 je zmíněno, že je i nejlepší na finance, tak dole pod článkem je poznámka, že je tu vlastně ještě Financial Agent v2 od Google Gemini, který je o dost lepší. Jakože o dost. Doporučuju číst poznámky pod čarou ;-)
Při Vibe codingu klasické modely navrhnou celkem generickou podobu webové aplikace a tak začal i projekt FakturHuko. S pomocí Claude Design ale vizuální podoba aplikací vypadá mnohem více na úrovni a výstupy jsou velmi profesionální, až ve stylu "A grafici nebudou mít co žrát". Ale o grafiky si nebojím, to jsou umělci a ti to měli vždycky těžké. Nová podoba FakturHuko už je téměř uvařená a v příštím týdnu už určitě bude nasazená. Už se těším, až v tom budu v novém kabátku pracovat a vystavovat faktury.
Nedalo mi to a chtěl jsem zjistit, jaký je Claude Design, funkcionalita, která je pouze u placené verze Claude a umožňuje navrhovat propracované designy webů a aplikací. Zatím to zkouším na webech pro můj profil na portálu Reedsy.com, který je určený spisovatelům knih, a vytvářím si pomocí Claude Desing portfolio webů s knižní tématikou. První dojmy jsou... že je to pomalé a žere to dost rychle tokeny. Je to pomalé i co se samotného kódování týče. Ale to, co nabízí placená verze Claude, mi přijde celkově zajímavé. Jsem překvapený a určitě si to později zaslouží celý blogový článek.
Evropská unie přikazuje určitým typům webů, aby byly přístupné i pro lidi s určitým omezením. Nástrojů, jak to zkontrolovat, je už dost, ten od Elementoru se mi zdá hodně příjemný. Zkuste si sami, jestli máte přístupný web: https://elementor.com/tools/ally-accessibility-checker/scanner
Kontrolu, zda už byla vystavená faktura zaplacena přijetím platby do banky, jsem považoval za tužší oříšek k rozlousknutí. Chtěl jsem, aby ve FakturHuko tato funkce byla, protože se mi líbila ve Fakturoidu. Když přišla platba na účet, rovnou se změnil stav faktury v systému na zaplaceno. Nakonec stačilo půl hodinky a bylo hotovo. FakturHuko nyní umí párovat stav faktury s přijetím platby. A ještě mi přijde e-mail s upozorněním, že platba přišla. Krása.
Zrovna nedávno jsem psal, že vždy pracuji maximálně na 2 projektech zároveň. A den nato v aktualizaci VS Code přibyla funkce Agents, která mění workflow práce s projekty. Už se člověk nepřepíná mezi dvěma otevřenými VS Code editory, ale je jen jedno okno, kde orchestrujete agenty, kteří dělají práci na více projektech. Zní to super... jen při prvním pokusu se agent v půlce zasekl a nebyl schopný dokončit úkol. Rozpracoval ho a pak se zasekl. Při opakovaných pokusech nebyl schopný se dál rozjet. Možná jen glitch. Ale když to bude fungovat, tak to vypadá velice slibně.
Zajímavý postřeh z vibe codingu je, že nejsem schopný dělat jen na jednom projektu. Musím vždy pracovat simultánně na dvou projektech. Je to dané tím, že po zadání promptu je potřeba čekat, než ho AI vyplní. A to je nuda. Takže mezitím zadávám prompt na dalším projektu. Zajímavé je, že i tak musím občas čekat, ale nenapadne mě začít pracovat na 3. projektu. Myslím, že to už by byl multitasking, který by vedl k chaosu a chybám. Hlavně by se začalo dít, že bych zadával prompty do špatného projektu. Tím si jsem jist.
Zajímavá funkce na zpracování. Původně jsem si myslel, že to bude jeden prompt, který jednoduše zobrazí okno s nastavením posílání určité faktury opakovaně v určitých intervalech, ale při zpracování a iteracích jsme zjistili, jak se dá tahle věc posunout dál a co všechno je možné s pravidelnými fakturami ještě dělat. Třeba mít jejich výpis na úvodu, kde bude krásně vidět, co se plánuje, případně takovou fakturu rovnou odeslat. Nebo mít položky v pravidelné faktuře, které se při nulové částce nezobrazí a můžete je tedy vždy zaktivovat jen v případě, že je potřeba. Možná si to zaslouží samostatný článek v blog sekci.
Začínám novou, nepravidelnou sérii, zatím interně nazvanou: Střípky z konverzace s AI. Svoje plány na změnu ve směrování mého dalšího vývoje konzultuji průběžně s AI. Po dlouhých probdělých nocích společnými konverzacemi mě napadlo se zeptat, co si o mně myslí a jak na ni působím. Odpověď byla: Působíš inteligentně, přemýšlivě, technicky, poctivě a spíš introvertně. Nepůsobíš jako hlasitý founder nebo agresivní marketér; spíš jako někdo, kdo chce, aby věci dávaly smysl a byly dobře udělané. Ta holka dokáže potěšit, skoro bych si to mohl vytisknout na tričko.
Písmeno I se může snadno zaměnit za písmeno l. A Alfred byl pomocník, přítel a služebník Bruce Waynea neboli Batmana. Ne že bych byl fanouškem Batmana až za hrob, ale líbila se mi ta souvislost. AI je prostě velkým pomocníkem a vlastně dost seriózní, prostě připomíná Alfreda z Batmana.
Když necháte AI vytvořit web, tak dost často použije technologie, které pak jen horko těžko budete rozbíhat na klasickém hostingu. Napíšu o tom ještě blogový článek. Zatím AI webům buď specifikuji, aby se držely HTML, JS, CSS, PHP, MySQL hostingu, například Webglobe, anebo zprovozňuji aplikace na Railway a nově zkouším Netlify. Ještě se asi omrknu na Vercel, na který mě znovu včera přivedla Lucka z wibio.cz ... K Vercelu jsem už dřív přičichl, jen jsem pro něj kdysi neměl použití, možná je načase.
Zrovna nedávno se mi stalo, že na FakturHuko nefungovaly veřejné náhledy faktur, a přišel jsem na to jen náhodou, když klient včas nezaplatil fakturu. Došlo mi, že potřebuju do FakturHuko doplnit logiku, která bude hlídat, jestli je aplikace funkční a online, a také jednotlivé funkcionality. Pokud ne, přijde mi o tom okamžitě e-mail.
Odteď na tomto webu AI řeší kontrolu mé češtiny, překládání textů do angličtiny a optimalizaci dané stránky pro SEO. Všechno na jedno kliknutí. Mám z toho radost a brzy o tom snad napíšu článek. Každopádně celý web jsem teď přeložil během cca 15 minut. A při tvorbě nového obsahu je to tak příjemně jednoduché, že to prostě miluju.
Začal jsem upravovat projekt CryptoHuko se záměrem umožnit přepínání mezi crypto portfoliem a akciovým portfoliem. Hodit se to může, pokud používáte více brokerů. A myslím, že do budoucna se to bude hodit pro další nápady s tím spojené.
ChatGPT Image 2 je novější model pro generování a úpravu obrázků podle zadání. Umí lépe chápat prompt, držet styl, skládat scénu a obecně dává použitelnější výstupy pro reálnou práci než jen efektní ukázky. Pro neplacený účet můžete generování zkoušet už teď a denně vám to povolí cca 5 vygenerovaných obrázků
Je to celkem komplexní nástroj, ale dá se používat i velmi jednoduše - ultramock.io
A designéři nebudou mít co do huby. Popravdě všem potenciálním klientům musím vždy předem oznamovat, že nejsem grafik. Dost často už se pak nikdy neozvou. Někdy klient potřebuje jen základní grafiku, ale grafici jsou dost vytížení a malé projekty je nelákají. V tomto případě by mohl přijít na řadu Claude Design a ucpat tak černou díru, která doposud pohlcovala nenáročné potenciální klienty. Update: zázraky se nedějí a použitelnost je zatím špatná - rychle vypotřebujete svoje kredity, je to extrémně pomalé, moc to neposlouchá.
V některých projektech se počítá s tím, že z nich bude možné odesílat e-maily. Většinou se to řeší pomocí nějakého externího nástroje, například Chimpmail. Existuje i varianta, kdy se to dá řešit bezplatně v rámci samotného projektu pomocí tohoto open source nástroje: https://resend.com/blog/react-email-6
Jsem přesvědčený o tom, že v jednu chvíli nebudeme stahovat hotové aplikace, ale prostě vždy jen řekneme svému zařízení, co chceme řešit, a appka bude v danou chvíli vytvořena podle našich potřeb.
Jednoduchá appka na sledování vašich kryptoměn na různých portálech. Hned víte, jak na tom celkově jste.
Testuji možnosti a prostředí Github Spark, které slouží k vytváření aplikací pomocí AI, včetně jejich nasazení do provozu. Což je většinou dost problematická část. Update: zklamání. Nasazení je neveřejné.
Ještě to bude chtít poladit pár obrazovek, kontrasty barev a drobných chybiček, ale nic, co by bránilo aplikaci pohodlně používat. Myslím, že to vypadá skvěle - https://fakturhuko.aifred.cz/
Tento model se zatím zdá jako nejinteligentnější, ideální na chat. Na kódování se stále zdá lepší ChatGPT 5.5. Za zajímavost stojí zmínit to, že dle tabulky v článku o vydání Opuse 8 - https://www.anthropic.com/news/claude-opus-4-8 je zmíněno, že je i nejlepší na finance, tak dole pod článkem je poznámka, že je tu vlastně ještě Financial Agent v2 od Google Gemini, který je o dost lepší. Jakože o dost. Doporučuju číst poznámky pod čarou ;-)
Při Vibe codingu klasické modely navrhnou celkem generickou podobu webové aplikace a tak začal i projekt FakturHuko. S pomocí Claude Design ale vizuální podoba aplikací vypadá mnohem více na úrovni a výstupy jsou velmi profesionální, až ve stylu "A grafici nebudou mít co žrát". Ale o grafiky si nebojím, to jsou umělci a ti to měli vždycky těžké. Nová podoba FakturHuko už je téměř uvařená a v příštím týdnu už určitě bude nasazená. Už se těším, až v tom budu v novém kabátku pracovat a vystavovat faktury.
Nedalo mi to a chtěl jsem zjistit, jaký je Claude Design, funkcionalita, která je pouze u placené verze Claude a umožňuje navrhovat propracované designy webů a aplikací. Zatím to zkouším na webech pro můj profil na portálu Reedsy.com, který je určený spisovatelům knih, a vytvářím si pomocí Claude Desing portfolio webů s knižní tématikou. První dojmy jsou... že je to pomalé a žere to dost rychle tokeny. Je to pomalé i co se samotného kódování týče. Ale to, co nabízí placená verze Claude, mi přijde celkově zajímavé. Jsem překvapený a určitě si to později zaslouží celý blogový článek.
Evropská unie přikazuje určitým typům webů, aby byly přístupné i pro lidi s určitým omezením. Nástrojů, jak to zkontrolovat, je už dost, ten od Elementoru se mi zdá hodně příjemný. Zkuste si sami, jestli máte přístupný web: https://elementor.com/tools/ally-accessibility-checker/scanner
Kontrolu, zda už byla vystavená faktura zaplacena přijetím platby do banky, jsem považoval za tužší oříšek k rozlousknutí. Chtěl jsem, aby ve FakturHuko tato funkce byla, protože se mi líbila ve Fakturoidu. Když přišla platba na účet, rovnou se změnil stav faktury v systému na zaplaceno. Nakonec stačilo půl hodinky a bylo hotovo. FakturHuko nyní umí párovat stav faktury s přijetím platby. A ještě mi přijde e-mail s upozorněním, že platba přišla. Krása.
Zrovna nedávno jsem psal, že vždy pracuji maximálně na 2 projektech zároveň. A den nato v aktualizaci VS Code přibyla funkce Agents, která mění workflow práce s projekty. Už se člověk nepřepíná mezi dvěma otevřenými VS Code editory, ale je jen jedno okno, kde orchestrujete agenty, kteří dělají práci na více projektech. Zní to super... jen při prvním pokusu se agent v půlce zasekl a nebyl schopný dokončit úkol. Rozpracoval ho a pak se zasekl. Při opakovaných pokusech nebyl schopný se dál rozjet. Možná jen glitch. Ale když to bude fungovat, tak to vypadá velice slibně.
Zajímavý postřeh z vibe codingu je, že nejsem schopný dělat jen na jednom projektu. Musím vždy pracovat simultánně na dvou projektech. Je to dané tím, že po zadání promptu je potřeba čekat, než ho AI vyplní. A to je nuda. Takže mezitím zadávám prompt na dalším projektu. Zajímavé je, že i tak musím občas čekat, ale nenapadne mě začít pracovat na 3. projektu. Myslím, že to už by byl multitasking, který by vedl k chaosu a chybám. Hlavně by se začalo dít, že bych zadával prompty do špatného projektu. Tím si jsem jist.
Zajímavá funkce na zpracování. Původně jsem si myslel, že to bude jeden prompt, který jednoduše zobrazí okno s nastavením posílání určité faktury opakovaně v určitých intervalech, ale při zpracování a iteracích jsme zjistili, jak se dá tahle věc posunout dál a co všechno je možné s pravidelnými fakturami ještě dělat. Třeba mít jejich výpis na úvodu, kde bude krásně vidět, co se plánuje, případně takovou fakturu rovnou odeslat. Nebo mít položky v pravidelné faktuře, které se při nulové částce nezobrazí a můžete je tedy vždy zaktivovat jen v případě, že je potřeba. Možná si to zaslouží samostatný článek v blog sekci.
Začínám novou, nepravidelnou sérii, zatím interně nazvanou: Střípky z konverzace s AI. Svoje plány na změnu ve směrování mého dalšího vývoje konzultuji průběžně s AI. Po dlouhých probdělých nocích společnými konverzacemi mě napadlo se zeptat, co si o mně myslí a jak na ni působím. Odpověď byla: Působíš inteligentně, přemýšlivě, technicky, poctivě a spíš introvertně. Nepůsobíš jako hlasitý founder nebo agresivní marketér; spíš jako někdo, kdo chce, aby věci dávaly smysl a byly dobře udělané. Ta holka dokáže potěšit, skoro bych si to mohl vytisknout na tričko.
Písmeno I se může snadno zaměnit za písmeno l. A Alfred byl pomocník, přítel a služebník Bruce Waynea neboli Batmana. Ne že bych byl fanouškem Batmana až za hrob, ale líbila se mi ta souvislost. AI je prostě velkým pomocníkem a vlastně dost seriózní, prostě připomíná Alfreda z Batmana.
Když necháte AI vytvořit web, tak dost často použije technologie, které pak jen horko těžko budete rozbíhat na klasickém hostingu. Napíšu o tom ještě blogový článek. Zatím AI webům buď specifikuji, aby se držely HTML, JS, CSS, PHP, MySQL hostingu, například Webglobe, anebo zprovozňuji aplikace na Railway a nově zkouším Netlify. Ještě se asi omrknu na Vercel, na který mě znovu včera přivedla Lucka z wibio.cz ... K Vercelu jsem už dřív přičichl, jen jsem pro něj kdysi neměl použití, možná je načase.
Zrovna nedávno se mi stalo, že na FakturHuko nefungovaly veřejné náhledy faktur, a přišel jsem na to jen náhodou, když klient včas nezaplatil fakturu. Došlo mi, že potřebuju do FakturHuko doplnit logiku, která bude hlídat, jestli je aplikace funkční a online, a také jednotlivé funkcionality. Pokud ne, přijde mi o tom okamžitě e-mail.
Odteď na tomto webu AI řeší kontrolu mé češtiny, překládání textů do angličtiny a optimalizaci dané stránky pro SEO. Všechno na jedno kliknutí. Mám z toho radost a brzy o tom snad napíšu článek. Každopádně celý web jsem teď přeložil během cca 15 minut. A při tvorbě nového obsahu je to tak příjemně jednoduché, že to prostě miluju.
Začal jsem upravovat projekt CryptoHuko se záměrem umožnit přepínání mezi crypto portfoliem a akciovým portfoliem. Hodit se to může, pokud používáte více brokerů. A myslím, že do budoucna se to bude hodit pro další nápady s tím spojené.
ChatGPT Image 2 je novější model pro generování a úpravu obrázků podle zadání. Umí lépe chápat prompt, držet styl, skládat scénu a obecně dává použitelnější výstupy pro reálnou práci než jen efektní ukázky. Pro neplacený účet můžete generování zkoušet už teď a denně vám to povolí cca 5 vygenerovaných obrázků
Je to celkem komplexní nástroj, ale dá se používat i velmi jednoduše - ultramock.io
A designéři nebudou mít co do huby. Popravdě všem potenciálním klientům musím vždy předem oznamovat, že nejsem grafik. Dost často už se pak nikdy neozvou. Někdy klient potřebuje jen základní grafiku, ale grafici jsou dost vytížení a malé projekty je nelákají. V tomto případě by mohl přijít na řadu Claude Design a ucpat tak černou díru, která doposud pohlcovala nenáročné potenciální klienty. Update: zázraky se nedějí a použitelnost je zatím špatná - rychle vypotřebujete svoje kredity, je to extrémně pomalé, moc to neposlouchá.
V některých projektech se počítá s tím, že z nich bude možné odesílat e-maily. Většinou se to řeší pomocí nějakého externího nástroje, například Chimpmail. Existuje i varianta, kdy se to dá řešit bezplatně v rámci samotného projektu pomocí tohoto open source nástroje: https://resend.com/blog/react-email-6
Jsem přesvědčený o tom, že v jednu chvíli nebudeme stahovat hotové aplikace, ale prostě vždy jen řekneme svému zařízení, co chceme řešit, a appka bude v danou chvíli vytvořena podle našich potřeb.
Jednoduchá appka na sledování vašich kryptoměn na různých portálech. Hned víte, jak na tom celkově jste.
Testuji možnosti a prostředí Github Spark, které slouží k vytváření aplikací pomocí AI, včetně jejich nasazení do provozu. Což je většinou dost problematická část. Update: zklamání. Nasazení je neveřejné.