Works on My Machine
2026
Works on My Machine je můj první hudební klip. Vývojáři funguje demo nového checkoutu jen na jeho notebooku, a tak nakonec do produkce pošle rovnou celý notebook. V kontejneru.
Všechno začne videohovorem v 9:00, na kterém má Martin předvést nový checkout. Místo checkoutu se ale ukáže jen prázdná stránka. Následuje mazání cache, Ctrl+F5, chyba v konzoli, ticket WOMM-418 s razítky „Cannot reproduce“ a nakonec rada: tak pošli do produkce svůj notebook. Ten v bedně odletí do datacentra, naklonuje se do armády kontejnerů a checkout konečně funguje všude. Až na Martinův vlastní notebook doma.
- Hudba: vytvořena pomocí Suno (Music made with Suno)
- Video: Claude Opus 5.5, Remotion a three.js
- Délka: 3:45
Jak klip vznikal
Velkou inspirací byl klip LGTM (Looks Good to Me) od Degenerative Pixels: text písně jako hlavní obraz, kulisy z aplikací, které vývojáři vidí každý den, a vtipy schované v drobném písmu. Můj klip má ale vlastní příběh, hlavní roli v něm hraje notebook.
Píseň vznikla v Suno mezi 22. a 23. říjnem 2026. Klip vznikl 7. a 8. listopadu: já jsem ho režíroval a veškerý kód napsal Claude Opus 5.5 v Claude Code. Každá scéna je kód v TypeScriptu (React a Remotion): 2D scény napodobují aplikace, které vývojáři vidí každý den (videohovor, konzoli, ticket, CI pipeline), 3D scény s notebookem (pódium, bedna, datacentrum, kontejnery) jsou v three.js a Remotion z nich renderuje video snímek po snímku. Všechno je vygenerované kódem, bez jediného stock záběru; karikatura vychází z mého portrétu.
Aby obraz seděl na hudbu, nejdřív se píseň rozdělila na samostatné stopy (zpěv, bicí, basa, zbytek), z nich se spočítaly doby a takty a automaticky se k textu přiřadily časy jednotlivých slov, které jsem pak ručně doladil v malém editoru v prohlížeči. Střihy, razítka i pohyby kamery tak padají na doby a zpívaná slova. Během tvorby jsem dával spoustu zpětné vazby, pak klip zkontroloval nezávislý AI recenzent a po několika dalších kolech připomínek vznikla finální verze. Výsledek je ve 4K a 60 snímcích za sekundu.
Kdo si klip pozastaví, najde v něm spoustu easter eggů: 418 prošlých testů, build #418, ticket WOMM-418, dev server, který je „ready in 418 ms“, .env s klíčem z roku 2019, který nikdy nebyl v gitu, a taky adresu supermartas.cz/checkout. Jestli vám bude fungovat, záleží na tom, na jakém stroji ho otevřete.