Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GeeCON 2012: Coding in the Cloud
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
zef
May 30, 2012
Technology
2
340
GeeCON 2012: Coding in the Cloud
zef
May 30, 2012
Tweet
Share
More Decks by zef
See All by zef
Pick Your Battles
zef
1
150
GOTOcon 2012: Taming JavaScript with Cloud9 IDE: a Tale of Tree Hugging
zef
1
120
Other Decks in Technology
See All in Technology
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
180
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
430
Digitization部 紹介資料
sansan33
PRO
1
6.8k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
130
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
160
Bedrock PolicyでAmazon Bedrock Guardrails利用を強制してみた
yuu551
0
200
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
210
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
sashimimochi
0
150
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
soudai
PRO
12
5.3k
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Google's AI Overviews - The New Search
badams
0
900
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
GitHub's CSS Performance
jonrohan
1032
470k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
640
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
36k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
110
Transcript
Coding in the Cloud Zef Hemel (@zef)
None
2 reasons
1
web apps
why?
why? nothing to install easy to upgrade access from anywhere
collaborate centralized storage, backups cross-platform
email
photos email
documents photos email
documents photos email calendar
documents photos email calendar taxes
documents photos email calendar taxes banking
what do you use to develop those web apps?
None
huh!?
why? nothing to install easy to upgrade access from anywhere
collaborate centralized storage, backups cross-platform
1
1 build web apps with web apps
2
None
.js
browser.js
server.js
db.js
*.js
~140,000
Tooling matters
None
JavaScript Developer
None
None
2
2 JavaScript tooling with good UX
possible?
Mozilla Bespin
Mozilla Bespin Canvas
Browser Wars 2.0
DOM
JavaScript C/C++ Closure CoffeeScript Coldfusion C# CSS Groovy HTML Java
JSON LaTeX Lua Markdown OCaml Perl PHP Ruby Scad Scala SCSS SQL SVG Textile XML
None
None
None
None
new office!
new office!
workflow
repo live system workspace local internet
repo live system workspace local internet c9.io
demo
behind the scenes
technology
technology web
ACE
None
None
None
None
None
None
None
None
JavaScript tooling
None
None
Tooling matters especially for JavaScript
None
None
Iterating using undeclared variable
None
Warning: you are in an anonymous inner function with its
own “this” pointer
None
Did you mean “length”?
“The most important thing I have done as a programmer
in recent years is to aggressively pursue static code analysis.” John Carmack
treehugger.js
“The JQuery of code analysis.”
treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern
Matching Language- Specific Parsers
None
None
system architecture
Proxy IDE DB IDE IDE Workspace Storage Client
Proxy IDE DB IDE IDE Workspace Storage Client JavaScript/HTML/CSS
Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5
WebSockets JavaScript/HTML/CSS
Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5
WebSockets JavaScript/HTML/CSS node.js node.js
Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5
WebSockets JavaScript/HTML/CSS node.js node.js redis postgresql
the road ahead
Unleash the awesome power of the Cloud
Your code lives in the cloud so you can collaborate
Your code lives in the cloud so you can use
cloud computing power
analyze API usage detect code cloning compile
None
open source http://github.com/ajaxorg/cloud9 http://github.com/ajaxorg/ace http://github.com/ajaxorg/treehugger
got ideas? fork cloud9 and contribute
use what you evangelize code on the web http://c9.io @zef