Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GeeCON 2012: Coding in the Cloud

Avatar for zef zef
May 30, 2012
Technology
350
2

GeeCON 2012: Coding in the Cloud

Avatar for zef

zef

May 30, 2012

More Decks by zef

See All by zef
Pick Your Battles
Avatar for zef zef
1
160
GOTOcon 2012: Taming JavaScript with Cloud9 IDE: a Tale of Tree Hugging
Avatar for zef zef
1
130

Other Decks in Technology

See All in Technology
AI for Science時代を切り開く、政府の次世代HPC戦略の展望
Avatar for GPU UNITE gpuunite_official
0
130
Kiro入門｜仕様駆動開発で変わるAI時代の開発スタイル
Avatar for 工藤皓夢 cmkudo
0
270
医療の現場を変革に挑戦した半年間の軌跡 - PythonとAIで現場を変える / From Code to Care
Avatar for soudai sone soudai
PRO
0
400
ガバメント AI 源内を地方自治体は活用できるのか 可能性と課題、期待について
Avatar for takeda_h takeda_h
2
460
AIにブラウザを触らせて、E2EテストをPlaywrightで書く
Avatar for koji_kawamura koji_kawamura
0
220
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.5k
Eight Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
3
8.2k
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
Avatar for Sho Nakatani laysakura
2
9.3k
AIで変わるエンジニアの働き方（仮）
Avatar for naoinaoi naoinaoi
0
240
トークンマネジメントでAIにとって働きやすい環境を実現する
Avatar for hikae hikaruegashira
0
130
LanceDB入門
Avatar for Tomoko Uchida mocobeta
9
640
35分でわかるEffective Platform Engineering
Avatar for nwiizo nwiizo
5
560

Featured

See All Featured
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
210
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
220
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
370
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
660
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
580
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
430
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
470
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
10k

Transcript

  1. Coding in the Cloud Zef Hemel (@zef)

  2. None

  3. 2 reasons

  4. 1

  5. web apps

  6. why?

  7. why? nothing to install easy to upgrade access from anywhere

    collaborate centralized storage, backups cross-platform

  8. email

  9. photos email

  10. documents photos email

  11. documents photos email calendar

  12. documents photos email calendar taxes

  13. documents photos email calendar taxes banking

  14. what do you use to develop those web apps?

  15. None

  16. huh!?

  17. why? nothing to install easy to upgrade access from anywhere

    collaborate centralized storage, backups cross-platform

  18. 1

  19. 1 build web apps with web apps

  20. 2

  21. None

  22. .js

  23. browser.js

  24. server.js

  25. db.js

  26. *.js

  27. ~140,000

  28. Tooling matters

  29. None

  30. JavaScript Developer

  31. None
  32. None

  33. 2

  34. 2 JavaScript tooling with good UX

  35. possible?

  36. Mozilla Bespin

  37. Mozilla Bespin Canvas

  38. Browser Wars 2.0

  39. DOM

  40. 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
  41. None
  42. None
  43. None
  44. None

  45. new office!

  46. new office!

  47. workflow

  48. repo live system workspace local internet

  49. repo live system workspace local internet c9.io

  50. demo

  51. behind the scenes

  52. technology

  53. technology web

  54. ACE

  55. None
  56. None
  57. None
  58. None
  59. None
  60. None
  61. None
  62. None

  63. JavaScript tooling

  64. None
  65. None

  66. Tooling matters especially for JavaScript

  67. None
  68. None

  69. Iterating using undeclared variable

  70. None

  71. Warning: you are in an anonymous inner function with its

    own “this” pointer
  72. None

  73. Did you mean “length”?

  74. “The most important thing I have done as a programmer

    in recent years is to aggressively pursue static code analysis.” John Carmack

  75. treehugger.js

  76. “The JQuery of code analysis.”

  77. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern

    Matching Language- Specific Parsers
  78. None
  79. None

  80. system architecture

  81. Proxy IDE DB IDE IDE Workspace Storage Client

  82. Proxy IDE DB IDE IDE Workspace Storage Client JavaScript/HTML/CSS

  83. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5

    WebSockets JavaScript/HTML/CSS

  84. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5

    WebSockets JavaScript/HTML/CSS node.js node.js

  85. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5

    WebSockets JavaScript/HTML/CSS node.js node.js redis postgresql

  86. the road ahead

  87. Unleash the awesome power of the Cloud

  88. Your code lives in the cloud so you can collaborate

  89. Your code lives in the cloud so you can use

    cloud computing power

  90. analyze API usage detect code cloning compile

  91. None

  92. open source http://github.com/ajaxorg/cloud9 http://github.com/ajaxorg/ace http://github.com/ajaxorg/treehugger

  93. got ideas? fork cloud9 and contribute

  94. use what you evangelize code on the web http://c9.io @zef