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
120

Other Decks in Technology

See All in Technology
LayerX コーポレートエンジニアリング室におけるサプライチェーンセキュリティへの取り組み / Supply Chain Security at LayerX Corporate Engineering
Avatar for Yuya Takeyama yuyatakeyama
2
600
2026TECHFRESH畢業分享會 - 原生還是跨平台? App 開發踩坑實錄
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
Avatar for MasahiroKawahara masahirokawahara
2
360
2026TECHFRESH畢業分享會 - Lightning Talk - E起 See See : 電商推薦讀心術? 數據說了算
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
自宅LLMの話
Avatar for Kazuto Kusama jacopen
1
600
2026TECHFRESH畢業分享會 - AI 時代的人生存檔點
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
iAEONの段階的リアーキテクト戦略 / iAEON's_Gradual_Re-architecture_Strategy
Avatar for AEON aeonpeople
0
190
新しいVibe Codingと”自走”について
Avatar for watany watany
6
330
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
Avatar for Yuuki Yamashita yama3133
2
200
Oracle AI Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
2k
LayerXにおけるセキュリティ管理の現在地と次の一手
Avatar for tosho tosho
0
210
SONiCのLinuxベースを活かしたZabbix監視
Avatar for SONiC Users Group Japan sonic
0
180

Featured

See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
160
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
240
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.9k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
160
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
390
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
150

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