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
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
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
Avatar for Konishi tatsuhiro tatsukoni
0
210
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
150
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
Avatar for Toru Makabe torumakabe
1
520
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
Avatar for AEON aeonpeople
6
2.3k
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
430
Cosmos World Foundation Model Platform for Physical AI
Avatar for Takuya MINAGAWA takmin
0
850
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
5
5.2k
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
Avatar for Kazuki Miura miu_crescent
PRO
2
190

Featured

See All Featured
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
110
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
220
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
650
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
120

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