Embed Size (px)
Citation preview
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgetannetbildesombakgrunn
Electronisbadandyoushould feel bad
EivindArvesen
Outline:
o HvaerElectron?o Korthistorieleksjon;setteJSogElectronikontekstavandre
programmeringsløsningeroghistoriendereso Forklaringo Fordelero Ulemper
o Eksemplero Blunderso Men...
o Oppsummering
Outline
Hvemerjeg?
oEivindArvesen
oUtvikler
oIBouvet siden2017
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgbildetduvilhasombakgrunn
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgbildetduvilhasombakgrunn
Sorry Not Sorry
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgetannetbildesombakgrunn
Kontekst
Hvordanhavnetviher?
Nå
oJavaScriptoveralt
oPresidentTrump
oBladeRunner2049
Virkelighetskillt fraopprinneligtimeline?
Før
oAltvarbra
?
En(forenklet)timeline
o1995:BrendanEich lagetJavaScriptforNetscapeiløpetav10dager• Dettegjordemangepersonerveldigsinteoghargenereltsettblittbetraktetsometfeiltrinn.
o90s– Y2K:Flash(ActionScript),GeoCities
oAughts:jQuery,Java-Apps
o2009-2010:Node.js,NPM
o2013:ElectrongittutavGitHub
oTwo-teens:Altsuger
Electron– Hva?
”Electron isaframework forcreatingnativeapplicationswith webtechnologieslikeJavaScript,HTML,andCSS.”
oLagetavGitHub underderesarbeidmedAtom
oTrengtekryssplatformstøtte forderesegen”native”applikasjonsutvikling• GitHub fordesktop• Enegenteksteditor...
oFørstkjentsomAtomShell
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Electron– Hvorfor?
oWebtech erchill
oVikanwebtech
Electron– Hvordan?
o”Enkleste”løsning:drainn• EnhelChromium-instanse• EnNode-runtime• Etparwrappers forplatform-APIer
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Fordeler
oKortveitilmulti-OSdeployment
oGjenbrukavkunnskap
oGjenbrukavkodebase
oFungerendekryssplatform UI
oTilgjengeliggjørogdemokratiserer(apper/programmering)
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgbildetduvilhasombakgrunn
Ulemper(s.1/99)
oNegativpåvirkningpåbatteritid/strømforbruk
oFrihåndsGUIsomikkeser”native”utpånoen plattform
oDårligplattformintegrasjon• Tilgjengelighetsfeatures
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Ulemper(s.2/99)
oWebproblemerpådesktop• Sikkerhet(XSS,etc.)• HCI(Schneiderman)• Størrelse
▪ Fellesruntime?
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgetannetbildesombakgrunn
Sidenote:
Hvaerdet vidrivermed,egentlig?!
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Ulemper(s.3/99)
oHvamedbrukereutendev-gradespecs?• Arvedeenheter• Eldreenheter• Laveresosioøkonomiskestrata• Utviklingsland
o"Helper"-prosesser
oUstabilitetiformavpåkrevdrestart/crash
oStorenedlastinger;oftestoreoppdateringer
oTreigoppstart
oGenerelltreghet/uresponsivitet
Ulemper(s.4/99)
Webtech vs alternativer
oErtradisjonelleverktøyvirkelig såille?
oApplikasjonsytelseblirdårligereraskereennhardwareytelseblirbedre
oFornoenmnd sidentrengteAtom845MBforååpneen6MBXML-fil
oSlack• Buuu
Hvabetyrdette?
”What you call "trade-offs"appears tometobedevelopers externalizing their costsonto users.There are costs todevelopingdesktopapplicationsanddevelopersdon't want topay them,sothey makeusers pay forthem inwasted hardwaredollars,bandwidth,RAM,battery life,andpoor integration.
BrukerenVeen,HN
oProblemeteratmanegentligsetterutvikleropplevelsenoverbrukeropplevelsen!
oPerformance:Deterikkebaref.eks.CPython vs V8- problemeterPython-logikksomdriverC-basertUIvs.DOMmedJS-komponenterdrevetavJS-logikk.
oManenderegentligoppmedpseudo-nativeapplikasjoner
Eksempler
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Blunders
oSlack
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Blunders
oPotensiellRemoteCodeExecution påALLEElectronWindows-apps :D
”Devilståpåsinretttilåvelgeteknologi
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgbildetduvilhasombakgrunn
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Men...
oVisualStudioCode
Liminnskjermbilde,beskjærdetogleggdet«inni»skjermen.
Men...
oTypora
Konklusjon
Høyreklikkpåbakgrunnen, velg«Formaterbakgrunn», «Bilde…»ogvelgbildetduvilhasombakgrunn
Electronlarlatefolklagesøppel
o MangeElectron-apps erstoreogtungeo Dårligtilgjengeligheto DårligHCIo Larutvikleregjøredetdekan– pågodtogvondt
o Detteerflaut,folkens!
Oppsummering
o Detfinneslegitimebruksområder• MVP/Prototypes• Utdanning/Opplæring• Interneapplikasjoner• Spesielletilfeller
o Må dettevirkelig lagesmedElectron?• Hvorfordet?
Oppsummering
Spørsmål?
