Spotifyn visailupeli syntyi kyydissä: Näin AI-avusteinen koodaus näyttää arjessa

Hitster on hauska musapeli. Skannaat QR-koodin, Spotify soittaa biisin, kaverit arvaavat vuoden ja järjestelevät kortteja aikajanalle. Yksinkertaista ja koukuttavaa. Pakka maksaa parikymppiä.

Yksi kehittäjä päätti: miksi ostaa, kun voi rakentaa oman? Haasteena oli moottoritiekyyti Itävallasta Saksaan. Aseina puhelin, kotipalvelin ja Claude AI koodikumppanina.

Tulos on oiva esimerkki siitä, mitä AI tuo kehitykseen – ja missä se vielä kompuroi.

Rajoitukset pakottivat fiksuun ratkaisuun

Tämä ei ollut keinotekoinen testi. Kyse oli oikeasta tarpeesta äärirajoissa. Ei läppäriä. Ei näppäimistöä. Ei googlausta puhelimen pieneltä ruudulta. Vain ääniviestit Claudelle Telegramissa, kotipalvelin ajamassa koodia ja iterointi puhelimen näytöltä.

Pinoksi valikoitui kevyt setti: pelkkä HTML, CSS ja JavaScript. Spotifyn PKCE-kirjautuminen ilman backendia. QRCode.js koodeille. Html5-QRCode skannaukseen. Ei turhia lisukkeita.

Rajoitukset opettivat: kun dokumentaatio on kaukana, valitset tuttuja, vakaita työkaluja. Vältät outoja kirjastoja. Pidät homman hallittavana.

Kolme tuntia prototyyppiin

Tauko Burger Kingissä, ja ydin toimi. Puhelimella skannaus, ja Spotify soitti listalta biisejä.

Aikataulu on mieletön: idea prototyypiksi kolmessa tunnissa, pelkillä äänikomennoilla ja etäsuorituksella. Spotifyn kirjautuminen – kehittäjäkonsolin pyörittelyä, OAuthia ja token-vianraivausta – napsahti ekalla testillä.

Ei taikaa. Selkeää viestintää. Kehittäjä kuvaili tarkasti. Claude kysyi lisätietoja, ehdotti työkaluja ja toteutti. Seinään tullessa kysyttiin ihmiseltä neuvoa Spotifyn testikäyttäjästä. AI ei arvaillut.

Missä prosessi loisti

Etävirheilmoitus muutti vianraivauksen. Android Chromella ei DevToolsia. Normisti arvaillaan, muokataan, ladataan uudelleen. Claude ehdotti client-puolen raportointia: JavaScript-virheet lensivät palvelimelle. Kehittäjä sanoi "nappula ei reagoi", Claude luki lokit. Debuggaus nopeutui ilman stack trace -tulkintaa.

Kirjautuminen hoitui sujuvasti. PKCE ei tarjonnut backendia, joten nollainfraa. Client ID Spotifyn konsolista Claudelle, ja login valmis. Pari kierrosta testikäyttäjäksi lisäämiseen. Tällaiset valinnat mahdollistavat etäkehityksen.

Tailscale Serve toi testin heti puhelimeen. Ei porttiforwardausta tai palomuureja. Claude ajoi komennon tailscale serve --bg --https=8443 http://127.0.0.1:8080, ja sovellus oli saatavilla tailnetissä. Toimi heti. Tällaiset työkalut tekevät AI-kehityksestä mahdollista.

UI näytti ammattimaiselta. Clauden design-tuntemus toi valmiin näköisen käyttöliittymän ilman Figmaa tai värikeskusteluja.

Sitten realiteetit iskivät

Spotifyn API pettikin hiljaa. Playlist-endpoint heitti 403-kieltoja, vaikka kirjautuminen ok. Claude kaivoi lokit ja löysi muutoksen: helmikuussa 2026 /v1/playlists/{id}/tracks korvattiin /v1/playlists/{id}/items. Kaksi riviä fixiä. Diagnoosi vei kierroksia, koska virhe ei näkynyt pinnalla. AI debuggaa systemaattisesti lokien kanssa, mutta ei arvaa.

Lopuksi lakimuuri. Peli melkein valmis, kehittäjä kysyi: miksi ei julkisia Hitster-kloneja? Claude vastasi: Spotifyn kehittäjäsäännöt kieltävät pelit API:lla. Osio III: "Älä tee pelejä, kuten tietovisoja." Ei kiertotietä. Hitsterillä on erikoislupa. Kloneja ei ole sopimuksen takia, ei teknisesti.

Oppi: AI tekee ToS-rikkomuksista liian helppoja. Tekniikka ei enää rajoita, vaan laki ja bisnes.

Työnkulku, joka vei maaliin

Ääniviestit Claudelle Telegramissa. Tailscale verkkoon. --dangerously-skip-permissions -lippu tiedosto- ja shell-komennoille ilman hyväksyntöjä kyydissä. Luottamus siirtyi eteenpäin.

Ääni sisään, koodi ulos, puhelin päivitykseen. Kolme työkalua nopeaksi silmukaksi autossa.

Mitä puuttuu – ja miksi se merkitsee

Virheilmoituskeino on ok, mutta Chrome DevTools Protocol antaisi Claudelle suoran pääsyn konsoliin, pyyntöihin ja DOM:iin ilman kustomilogeja. Todellinen dev-ympäristö.

Projekti rajautuu kotipalvelimeen IP:llä ja Tailscalella. Pilvi-infra veisi CLI:hin, env-muuttujiin ja deployeihin.

ToS esti julkaisun: prototyyppi kavereille, ei tuote.

Todellinen oppi

Ei AI korvaa kehittäjiä. Se nopeuttaa iterointia: pullonkaulaksi siirtyy "mitä haluan" kirjasto- ja dochaustaistelun sijaan.

Kehittäjä piti edelleen ymmärtää kokonaisuuden. Tunnisti Spotifyn kiellon. Tuntui työkalut (Tailscale, PKCE, vanilla JS) rajoissa.

Muutos: idea prototyypiksi päivistä tunneiksi. Tunneista autokyydiksi.

Ei taikaa. Parempia työkaluja, selkeää puhetta ja järkeviä rajoja.

Haluatko ideoita nopeammin ilmiin? NameOceanin Vibe Hosting ja AI-työkalut nopeuttavat prototyyppejä. Skaalaatko tuotantoon, meiltä verkko, domainit ja välineet vauhtiin.