\n…g\u00f6ra verklig nytta f\u00f6r egenl\u00e4rda personer som bygger sin kunskap via SweClockers forum<\/p>\n<\/blockquote>\n
F\u00f6r mig, @Edin<\/a>, handlar SweClockers Jobb om n\u00e5got st\u00f6rre. Jag har jobbat p\u00e5 SweClockers i \u00f6ver 25 \u00e5r, \u00e4r sj\u00e4lvl\u00e4rd och har sett hur m\u00e5nga medlemmar h\u00e4r gjort liknande resor. V\u00e5r vision \u00e4r att skapa en plats d\u00e4r kunskap och passion v\u00e4ger tyngre \u00e4n formella meriter, d\u00e4r f\u00f6retag ser personen bakom titeln.<\/p>\n
Visionen bakom<\/p>\n
Det pratas ofta om kompetensbrist i branschen samtidigt som m\u00e5nga bolag s\u00f6ker kandidater med perfekta CV:n. Vi vill hitta f\u00f6retagen som ser potential, driv och nyfikenhet, inte bara titlar och erfarenhet.<\/p>\n
SweClockers Jobb ska bli en plats d\u00e4r m\u00e4nniskor och f\u00f6retag med samma passion hittar varandra. Vi har sm\u00e5 resurser men ett stort community. D\u00e4rf\u00f6r testar vi en enkel metod: att bara komma ig\u00e5ng och bygga vidare tillsammans.<\/p>\n
Fr\u00e5n id\u00e9 till skiss<\/p>\n
Som s\u00e5 ofta b\u00f6rjar det med anteckningar i mobilen, sena kv\u00e4llar och ett dokument som v\u00e4xer<\/a> till n\u00e5got st\u00f6rre. Efter n\u00e5gra dagar fanns en plan och tack vare @jreklund<\/a> hittade vi en startlinje som gick att genomf\u00f6ra med de resurser vi har.<\/p>\n
Tekniken bakom SweClockers Jobb<\/p>\n
Har du f\u00e5tt nog av ovan flum? L\u00e5t oss hoppa vidare till Johan som g\u00e5r in p\u00e5 de tekniska detaljerna bakom SweClockers Jobb ist\u00e4llet!<\/p>\n
\t\t\t\t\t
<\/p>\n
Johan kodar jobb (…hunden Zingo g\u00f6r konstig min i bg)<\/p>\n
Edin: Vad var det f\u00f6rsta du gjorde n\u00e4r id\u00e9n om SweClockers Jobb d\u00f6k upp?<\/strong>
Johan: F\u00f6rst beh\u00f6vde jag identifiera vilka datam\u00e4ngder som fanns i Platsbanken hos Arbetsf\u00f6rmedlingen, vad de inneh\u00f6ll och hur relationerna s\u00e5g ut mellan dem. Det finns ingen tydlig dokumentation kring datatyper, obligatoriska f\u00e4lt eller relationer, och ibland saknas kopplingar trots unika ID:n. Vissa v\u00e4rden skiljer sig dessutom fr\u00e5n vad deras publika gr\u00e4nssnitt visar.<\/p>\nTyv\u00e4rr fick vi inte \u00e5tkomst till en av de viktigaste datapunkterna: m\u00f6jligheten till distansarbete.<\/p>\n
Efter kartl\u00e4ggningen var det \u00e4ntligen dags att bygga den f\u00f6rsta databasstrukturen och resten \u00e4r historia.<\/p>\n
Edin: Vilka tekniker och ramverk har du anv\u00e4nt under huven?<\/strong>
Johan: Efter att ha analyserat datam\u00e4ngderna s\u00e5 visade sig html-koden vara v\u00e4ldigt smutsig. Du f\u00e5r allt fr\u00e5n bilder, JavaScript och inb\u00e4ddade videoklipp till klassiska punktlistor. Att sanera information innan den visas f\u00f6r bes\u00f6karna blev ett krav. F\u00f6r mig som \u00e4r PHP-utvecklare f\u00f6ll blicken mot Symfony och deras HTML Sanitizer, de \u00e4r gamla r\u00e4var i branchen och deras bibliotek anv\u00e4nds i flera popul\u00e4ra CMS (Content Management System), e-handel mjukvaror och ramverk.<\/p>\nD\u00e5 vi \u00e4ven skulle bygga en fullfj\u00e4drad hemsida utan n\u00e5gra beroende av befintlig kodbas beh\u00f6vdes \u00e4ven ett ramverk. Det \u00e4r h\u00e4r jag g\u00e5r mot str\u00f6mmen och inte v\u00e4ljer Laravel’s ramverk, om antalet Github stj\u00e4rnor \u00e4r sanningen. Valet f\u00f6ll p\u00e5 Symfony, inte bara f\u00f6r vad vi har behov av idag, utan \u00e4ven i framtiden. Personligen f\u00f6redrar jag egentligen micro ramverk, d\u00e4r less is more och med s\u00e5 f\u00e5 beroenden som m\u00f6jligt.<\/p>\n
Ett fullfj\u00e4drat ramverk kommer med cykel p\u00e5 k\u00f6pet och ett par val g\u00f6rs automatiskt baserat p\u00e5 hur t\u00e4tt kopplade de redan \u00e4r. Backend best\u00e5r av Symfony-utvecklade paket och Doctrine f\u00f6r databas hantering, om man ignorerar paketens egna beroenden. Det \u00e4r l\u00e4ttare att vara mer flexibel p\u00e5 frontend sidan men f\u00f6r enkelhetens skull v\u00e4ljer jag deras rekommendationer; Symfony UX, Stimulus, Turbo och Tailwind CSS. F\u00f6r att rendera responsiva e-postmeddelandes v\u00e4ljs Maizzle och inte Inky, som Symfony sj\u00e4lva rekommenderade. Inky har inte uppdaterats p\u00e5 flera \u00e5r, genererade bloatad HTML-kod och k\u00e4ndes gammal och dassig.<\/p>\n
N\u00e4r vi nu har stommen p\u00e5 plats fattas det viktigaste av allt; en bra s\u00f6kmotor. Valet f\u00f6ll p\u00e5 Typesense f\u00f6r dess snabbhet, licensvillkor, funktioner och konfigurations m\u00f6jligheter. Du f\u00e5r ju sj\u00e4lvklart \u00e4ven bra relevanta matchningar.<\/p>\n
Edin: Vad har varit den st\u00f6rsta tekniska utmaningen hittills?<\/strong>
Johan: Den mest kr\u00e4vande insatsen var att analysera och strukturera Arbetsf\u00f6rmedlingens API:er samt att skriva den JavaScript som kommunicerar med s\u00f6kmotorn.<\/p>\nDet h\u00e4r projektet inneh\u00e5ller m\u00e5nga nya teknisk beroenden som jag inte anv\u00e4nt tidigare. Mycket av min tid har lags p\u00e5 att l\u00e4sa dokumentation samt testa, testa och testa. Inte bara f\u00f6r att det \u00e4r kul med nyheter – utan f\u00f6r att hitta nya b\u00e4ttre s\u00e4tt att utveckla v\u00e5ra befintliga sajter.<\/p>\n
Edin: Vad blev du mest n\u00f6jd med?<\/strong>
Johan: Hur enkelt det faktiskt var att s\u00e4tta upp en riktigt bra s\u00f6kmotor! Bortsett fr\u00e5n all JavaScript som beh\u00f6vde utvecklas.<\/p>\nEdin: Hur har du t\u00e4nkt kring prestanda, s\u00f6kning och filtrering?<\/strong>
Johan: Faktiskt ganska lite, vi anv\u00e4nder varken cache-proxy eller Symfony:s inbyggda cache-motor. Trafiken p\u00e5 de unika sidorna (annonserna) \u00e4r f\u00f6r l\u00e5g f\u00f6r att det ska l\u00f6na sig.<\/p>\nS\u00f6kmotorn lagrar allt i RAM-minnet och hanterar filtrering och sortering p\u00e5 egen hand. Symfony beh\u00f6ver aldrig behandla s\u00f6kfr\u00e5gorna, de g\u00e5r bara via en reverse proxy f\u00f6r TLS-terminering och f\u00f6r att d\u00f6lja API-nycklar.<\/p>\n
Edin: Vad var roligast att bygga?<\/strong>
Johan: Att anv\u00e4nda Stimulus f\u00f6r att v\u00e4cka liv i HTML-element via JavaScript. Det \u00e4r fascinerande hur man med sm\u00e5 medel kan lyssna p\u00e5 knapptryck och uppdatera inneh\u00e5ll dynamiskt.<\/p>\nEdin: Om du fick fria h\u00e4nder fram\u00e5t, vad skulle du g\u00f6ra?<\/strong>
Johan: Jag skulle nog ta bort all k\u00e4llkod och b\u00f6rja om fr\u00e5n b\u00f6rjan. Vissa l\u00f6sningar fungerar, men \u00e4r mer snabba fixar \u00e4n permanenta l\u00f6sningar.<\/p>\nEdin: Vad har du l\u00e4rt dig p\u00e5 v\u00e4gen?<\/strong>
Johan: Att det kanske \u00e4r dags att byta ut v\u00e5r egenutvecklade s\u00f6kmotor till Typesense, f\u00f6r mer tr\u00e4ffs\u00e4kra matchningar. Den m\u00e4ngd RAM-minne vi kommer beh\u00f6va ger mig redan mardr\u00f6mmar.<\/p>\nSymfony och Doctrine har genererat m\u00e5ng svordomar, n\u00e5got som jag med enkelhet skapar i v\u00e5r ordinarie kodbas kunde initialt ta timmar att hitta i dokumentationen. N\u00e4r man v\u00e4l bekantat sig med hur man ska g\u00f6ra s\u00e5 gillar jag det mer och mer. H\u00e4r finns det i vart fall en dokumentation, vilket v\u00e5r kodbas saknar idag.<\/p>\n
Stimulus och Turbo har varit intressant att jobba med och skulle ge ett lyft i kod-l\u00e4sbarhet, men jag \u00e4r inte riktigt v\u00e4n med alla aspekter. Kan ju vara skit bakom spakarna, men det erk\u00e4nner jag aldrig!<\/p>\n
N\u00e4r vi bygger om nyhetsbreven ligger Maizzle n\u00e4rmst att implementeras.<\/p>\n
Tailwind CSS var riktigt trevligt att anv\u00e4nda d\u00e5 alla t\u00e4nkbara egenskaper ligger till ditt f\u00f6rfogande, men det skulle kr\u00e4vas en v\u00e4ldigt stor omskrivning att implementera det i befintlig milj\u00f6.<\/p>\n