Kaikki referenssit Flutter on Googlen avoimen lähdekoodin teknologia mobiili-, web- ja desktop-sovellusten rakentamiseen. Sen rinnalla kulkee DevTools, selainpohjainen työkalu, jota käytetään Flutter-sovellusten virheenkorjaukseen ja suorituskyvyn seurantaan.
Kun DevToolsin käytettävyydessä havaittiin kehityskohtia, Google pyysi Codematen apuun uudistamaan työkalun käyttöliittymää. Tavoitteena oli tehdä DevToolsista entistä selkeämpi ja sujuvampi osa Flutter-kehittäjän arkea.
“Halusimme tehdä DevToolsista hyödyllisemmän työkalun Flutter-sovellusten ymmärtämiseen ja virheiden korjaamiseen. Siksi teimme yhteistyötä Codematen kanssa.”
Chris Sells
Sr. Product Manager, Google Flutter
Flutter – nopeimmin kasvava UI-kehys
Flutterin kasvu perustuu paitsi teknologiaan, myös aktiiviseen kehittäjäyhteisöön. Vaikka Google johtaa kehitystä, Flutter on avoimen lähdekoodin projekti, jota tukevat sadat kehittäjät ympäri maailmaa mukaanlukien Codematen tiimi.
Olemme olleet mukana Flutterin kehityksessä sen alkuvaiheista asti. Kehitimme yhden ensimmäisistä kaupallisista Flutter-sovelluksista, joka esiteltiin Google I/O:ssa vuonna 2019, kun teknologia oli vielä beta-vaiheessa. Myöhemmin kehitimme myös yhden ensimmäisistä Flutter-verkkosovelluksista, joka esiteltiin Googlen kanssa järjestetyssä meetupissa.
Sittemmin olemme suunnitelleet ja julkaisseet yli kahdeksankymmentä Flutter-pohjaista sovellusta, muun muassa Moi Mobiilille, Burger King Suomelle ja Schaefflerille. Codematen tiimi osallistuu aktiivisesti myös Flutterin ja DevToolsin avoimen lähdekoodin kehittämiseen.
Tutustu Flutter töihimme täälläVuonna 2021 lanseerasimme Flutter-kehitykseen keskittyneen yksikkömme: Rebel App Studio by Codematen, joka löytyy Googlen virallisesta Flutter Consultant Directory -hakemistosta, ainoana Pohjoismaisena toimijana.
Miten kehittäjäkokemusta parannettiin?
Codematen suunnittelija- ja kehittäjätiimi työskenteli tiiviissä yhteistyössä ja toteutti käyttöliittymäparannukset vain kahdessa kuukaudessa. Projekti vietiin läpi ketterästi ja käyttäjälähtöisesti.
Käyttäjätutkimus ja käytettävyystestaus paljastivat, missä kohtaa DevToolsin käytettävyys takkusi.
- Käyttöliittymää selkeytettiin erityisesti visuaalisen virheenkorjauksen osalta.
- Kuvakkeet, painikkeet ja työkaluvihjeet suunniteltiin uudelleen niin, että ne ovat loogisempia ja helpommin tulkittavia.
- Flutter-widgettien tunnistaminen ja paikantaminen tehtiin nopeammaksi.
- Eri näkymien väriteemat yhtenäistettiin ja visuaaliset erot kavennettiin.
Codematen Flutter-kehittäjät toteuttivat muutokset Dart-kielellä ja tekivät pull requestit suoraan DevToolsin julkiseen GitHub-repositorioon – täysin avoimen lähdekoodin periaatteiden mukaisesti.
“Oli tosi mielenkiintoista päästä oikeasti pureutumaan siihen, miten kehittäjien kokemusta voidaan parantaa. Etenkin widgettien löytämisen helpottaminen oli konkreettinen ja tärkeä parannus,” kertoo Codematen suunnittelija.
“Flutter DevTools on rakennettu Flutterilla. Mielestäni se on aika hieno yksityiskohta – kun debuggaat Flutter-sovelluksia, teet sen Flutterilla,” Codematen Flutter-kehittäjä toteaa.
Tulokset
Uudistettu DevTools otettiin vastaan innostuneesti. Kehittäjät saivat työkalun, joka tukee nyt paremmin arjen työtä: virheiden löytäminen, sovelluksen analysointi ja visuaalinen tulkinta on helpompaa.
“Codematen joustavuus, reagointikyky ja ammattimaisuus tekivät vaikutuksen. Kehittäjät ja suunnittelija työskentelivät tiiviisti yhdessä varmistaakseen onnistuneen lopputuloksen.”
Tao Dong
Head of User Experience for Flutter, Google
Google arvosti erityisesti Codematen suunnittelun ja kehityksen yhteistyötä – tiimin kykyä toimia nopeasti ja laadukkaasti Flutter-yhteisön hyväksi. Codematen ja Googlen yhteistyö Flutterin kehittämisessä jatkuu.
DevTools-parannukset esiteltiin myös Flutterin virallisessa päivityksessä.
Lue lisää: Flutter 2.5 – What’s newUsein kysytyt kysymykset (UKK)
Mikä on Flutter?
Flutter on Googlen kehittämä avoimen lähdekoodin käyttöliittymäkehys, jolla voi rakentaa natiivitasoisia sovelluksia mobiilille, verkkoon ja desktop-ympäristöihin yhdellä koodipohjalla.
Mikä on Flutter DevTools?
DevTools on Flutter-kehittäjille suunnattu selainpohjainen työkalu sovellusten analysointiin, suorituskyvyn seurantaan ja virheiden paikantamiseen.
Missä Codemate näkyy Flutter-yhteisössä?
Codemate on yksi Flutterin kehityksen edelläkävijöistä. Flutter-kehitykseen keskittynyt Rebel App Studio by Codemate löytyy Googlen virallisesta Flutter Consultant Directory-hakemistosta.
Oliko projekti avoimen lähdekoodin työtä?
Kyllä. Kaikki muutokset tehtiin DevToolsin avoimeen GitHub-projektiin pull requesteina, Flutter-yhteisön hyödynnettäväksi.
Haluatko kuulla lisää?
Kysy Toni Piiraiselta lisää kehittäjäkokemuksesta ja avoimen lähdekoodin kehityksestä.
