$30 off During Our Annual Pro Sale. View Details »

GeeCON 2012: Coding in the Cloud

Avatar for zef zef
May 30, 2012
Technology
2
340

GeeCON 2012: Coding in the Cloud

Avatar for zef

zef

May 30, 2012
Tweet

More Decks by zef

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

Other Decks in Technology

See All in Technology
年間40件以上の登壇を続けて見えた「本当の発信力」/ 20251213 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
140
re:Invent 2025 ふりかえり 生成AI版
Avatar for TakaakiKakei takaakikakei
1
220
コミューンのデータ分析AIエージェント「Community Sage」の紹介
Avatar for Yusuke Fukasawa fufufukakaka
0
510
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
Avatar for Issei Naruta mirakui
5
540
生成AI時代におけるグローバル戦略思考
Avatar for Takaaki Yayoi taka_aki
0
200
SREには開発組織全体で向き合う
Avatar for k-nagase koh_naga
0
370
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
810
Sansanが実践する Platform EngineeringとSREの協創
Avatar for SansanTech sansantech
PRO
2
920
OCI Oracle Database Services新機能アップデート(2025/09-2025/11)
Avatar for oracle4engineer oracle4engineer
PRO
1
210
Microsoft Agent 365 についてゆっくりじっくり理解する！
Avatar for skmkzyk skmkzyk
0
370
【U/day Tokyo 2025】Cygames流 最新スマートフォンゲームの技術設計 〜『Shadowverse: Worlds Beyond』におけるアーキテクチャ再設計の挑戦～
Avatar for Cygames cygames
PRO
2
530
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
110

Featured

See All Featured
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k

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