Skip to content

Instantly share code, notes, and snippets.

@vnys
Last active October 22, 2021 10:38
Show Gist options
  • Save vnys/2e69105ad0aac093798130a567233b6f to your computer and use it in GitHub Desktop.
Save vnys/2e69105ad0aac093798130a567233b6f to your computer and use it in GitHub Desktop.
Coding in the cloud
Coding in the cloud
Prelude
Slides
https://web-edc2021-pwa-dev.radix.equinor.com/vnys/#1
Netscape Navigator
https://gazettereview.com/wp-content/uploads/2015/07/what-happened-to-netscape-internet-explorer.png
Figma - Collaborative design tool
https://www.figma.com/files/682286909510540417/recent?fuid=633938568252624013
iPhone original strategy
https://www.apple.com/newsroom/2007/06/11iPhone-to-Support-Third-Party-Web-2-0-Applications/
iPhone SDK
https://tidbits.com/2007/10/17/steve-jobss-iphone-sdk-letter/
Canvas element
https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/HTML-canvas-guide/Introduction/Introduction.html
Progressive Web Apps
https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
Office - with the exception of Microsoft Whiteboard
https://www.macrumors.com/2021/01/05/outlook-for-mac-to-be-replaced-with-new-client/
Any application that can be written in Javascript
https://en.wikipedia.org/wiki/Jeff_Atwood#:~:text=In%202007%2C%20Jeff%20Atwood%20made,eventually%20be%20written%20in%20JavaScript.%E2%80%9D
Any app that can run in the cloud…
https://statoilsrm.sharepoint.com/:p:/r/sites/MovetoCloudCommunication/_layouts/15/Doc.aspx?sourcedoc=%7B945BEF2D-1C1E-4783-979A-7E3BE43AA3C9%7D&file=Communication_slide_deck_Move_to_cloud%20(M2C)_feb_19.pptx&action=edit&mobileredirect=true&DefaultItemOpen=1
Modern browsers and cloud computing, new generation growing up with chromebooks
https://www.google.com/chromebook/chrome-os/
Young people can’t use an ordinary computer
https://www.bt.no/btmeninger/debatt/i/rEddrR/unge-kan-ikke-lenger-bruke-en-vanlig-datamaskin
Editors
Glitch example – friendly, create community
https://glitch.com/edit/#!/vnys-css-w21?path=README.md%3A1%3A0
Codepen example
https://codepen.io/vnys/pen/LYRyPGZ
Code Sandbox example
https://github.com/equinor/design-system/issues/1455
Cloud9
https://aws.amazon.com/cloud9/
VS Code also written in javascript, runs in Electron
https://insights.stackoverflow.com/survey/2021#most-loved-dreaded-and-wanted-new-collab-tools-love-dread
Gitpod
Gitpod - 4 years ago
https://www.gitpod.io/
Open source marketplace for extensions
https://open-vsx.org/
VS Code remote development
https://code.visualstudio.com/docs/remote/remote-overview
Open source server
https://github.com/gitpod-io/openvscode-server/tree/main
Gitpod Cake
https://www.gitpod.io/blog/cake
Gitpod EDS
https://github.com/equinor/design-system
Gitpod EDS Dockerfile
https://hub.docker.com/u/gitpod
Gitpod Opensource
https://gitpod.io/#https://github.com/equinor/opensource
Codespaces
VS Code in the browser
https://code.visualstudio.com/blogs/2021/10/20/vscode-dev
Github.dev
https://github.com/equinor/opensource
Codespaces
https://github.com/features/codespaces
Dotfiles
https://github.com/vnys/dotfiles
Githubs team moved to Codespaces
https://github.blog/2021-08-11-githubs-engineering-team-moved-codespaces/
Hello Codespaces
https://github.com/equinor/hello-codespaces
Codespaces for everyone in Equinor
https://equinor.slack.com/archives/C02JJGV05/p1633943321117000
Where do we go from here?
Codespaces on Slack
https://app.slack.com/client/T02JL00JU/C02J6J83L3G
PWA on EDC
https://equinor.github.io/edc2021software/agenda#bd1be9

Coding in the cloud

Prelude

Slide 2 – whoami

  • Victor Nystad, developer and sometimes designer
  • EDS, Citizen development and the Power Platform, Energy Vision

Slide 3 – girl with computer

  • Ever since I was a small child I’ve had an interest in web technology, and especially how far we can go with web technology alone
  • And how during the last 25 years or so we have come from serving documents with hyperlinks to a collaborative design tool with WebGL rendering engine and a browser-based interface
  • And with the exception of MS Whiteboard, web apps are no longer synonymous with a lesser experience, especially when it comes to progressive web apps that are installable, have access to native apis, and works offline.
  • MS Office for example, better than the native client (show install)
  • Atwoods law, anything that can be written in javascript
  • Anything that can run in the cloud
  • Even cloud based operating systems such as ChromeOS
    • Whole generations of kids who grow up using Chromebooks in school
  • And it just so happens that one of the worlds most popular editors right now is also written in javascript, which

Saw an article 3 weeks ago – pupils can no longer use an ordinary computer. They have no concept of files and folders. When they download something, they have no idea where the files go. But is that the problem? Or is it that we cling to an old paradigm instead of embracing the new one.

We create web interfaces, single page applications, progressive web apps, we move our apps to the cloud – but still, we do most of our work locally, in natively installed editors. Why?

Editors

  • Glitch
  • Codepen
  • Code Sandbox
  • Cloud9
  • VS Code is built on web technology, wouldn’t it be nice if it could run in the browser?

Gitpod

That’s what they thought too at Gitpod, 4 years ago. Before remote development were supported in VS Code. Built their own editor, Theia, under the Eclipse Foundation.

Open source marketplace for extensions.

Swithed to VS Code when they added support for remote development. The implementation were not open sourced, so Gitpod made their own server, which they also open sourced.

Free for open source projects, works on Gitlab too, available for everyone.

Codespaces

A lot has happened in the last two days

Where do we go from here?

Stars align

Slide 4 - remote development

  • Not new. Develop in a sandboxed environment, in WSL, or on a remote machine – either physical or virtual. Don’t mess up your local system, greater computational power, same environment for everyone.

Workflow example

Where do we go from here?

Our great leader, Jean-Paul Balabanian, may his code always compile, remarked dryly “I see you turned the specs to 11”.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment