Downloaded 61 times
![require 'em-synchrony'require 'em-synchrony/em-http'require 'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => '1+1'} puts r.response['output'] # => 2 r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => 'RUBY_VERSION'} puts r.response['output'] # => 1.9.2endServer-side sessionsnot really in your browser…](https://image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-14-2048.jpg)
![require 'em-synchrony'require 'em-synchrony/em-http'require 'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => ’”a” * (2**25)’} puts r.response['output'] # => ...endSo, how much RAM can we claim?security is always an issue…](https://image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-15-2048.jpg)
![<script type="text/ruby">defonclick(s,e)window.alert"Hello, World!" enddocument.say_hello.attach_event('onclick', System::EventHandler [ System::Windows::Browser::HtmlEventArgs ].new(method(:onclick)))</script>How awesome is that?IronRuby, IronPython, …Micorosoft’s Silverlight + DLRsweet!](https://image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-18-2048.jpg)
![require 'em-synchrony'require 'em-synchrony/em-http'require 'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => '1+1'} puts r.response['output'] # => 2 r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => 'RUBY_VERSION'} puts r.response['output'] # => 1.9.2endServer-side sessionsnot really in your browser…](https://crownmelresort.com/image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-14-2048.jpg)
![require 'em-synchrony'require 'em-synchrony/em-http'require 'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => ’”a” * (2**25)’} puts r.response['output'] # => ...endSo, how much RAM can we claim?security is always an issue…](https://crownmelresort.com/image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-15-2048.jpg)
![<script type="text/ruby">defonclick(s,e)window.alert"Hello, World!" enddocument.say_hello.attach_event('onclick', System::EventHandler [ System::Windows::Browser::HtmlEventArgs ].new(method(:onclick)))</script>How awesome is that?IronRuby, IronPython, …Micorosoft’s Silverlight + DLRsweet!](https://crownmelresort.com/image.slidesharecdn.com/nacl-rubyconf-111001134348-phpapp02/75/Ruby-in-the-Browser-RubyConf-2011-18-2048.jpg)
Uploaded byIlya Grigorik
Ruby in the Browser - RubyConf 2011
The document discusses the potential of running Ruby and other languages in the browser, highlighting the benefits of diversity and innovation in programming. It explores the use of Native Client (NaCl) technology in Chrome for executing native code securely, as well as the possibilities of compiling languages to LLVM bitcode for browser execution. The author advocates for experimentation beyond JavaScript to enhance browser capabilities.
More Related Content
Similar to Ruby in the Browser - RubyConf 2011
Ruby in the Browser - RubyConf 2011
- 1. Ruby in theBrowserwhy, how, and how do we get there?Ilya Grigorik@igrigorik
- 2. How many languagesare you proficient in?take a few seconds…
- 3.
- 4.
- 5. Don’t know it,therefore don’t like itMiserable experience with the DOM, hated it(long pause)Prototype + JQuery: hey, this is not badWriting pure JS FF extension – fun!Maintaining extension + debug: it’s ok…(personal) conclusion: it’s a great language (personal) JavaScript retrospectivein 6 acts…
- 6. JavaScript as amonopoly?they (ECMA) are colluding against us!
- 7. ………Diversity is good!experimentationleads to innovation…
- 8. 50+ Ruby implementationscreditto Konstantin Haase - @rkh
- 9.
- 10. Disclaimer: I workfor Google. I have no affiliation to NaCl, Chrome, … teams. All opinions are my own, etc… :-)
- 11. Ruby in thebrowser?that would be nice…
- 12. Ruby/Python/X/Y/Z in thebrowserwould be even better!
- 13.
- 14. require 'em-synchrony'require 'em-synchrony/em-http'require'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => '1+1'} puts r.response['output'] # => 2 r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => 'RUBY_VERSION'} puts r.response['output'] # => 1.9.2endServer-side sessionsnot really in your browser…
- 15. require 'em-synchrony'require 'em-synchrony/em-http'require'em-http/middleware/json_response'TRYRUBY = 'http://tryruby.org/levels/1/challenges/0/play’EM::HttpRequest.use EM::Middleware::JSONResponseEM.synchrony do r =EM::HttpRequest.new(TRYRUBY).put :body => {:cmd => ’”a” * (2**25)’} puts r.response['output'] # => ...endSo, how much RAM can we claim?security is always an issue…
- 16. In the browser,for real..anyone crazy enough to try?
- 17.
- 18. <script type="text/ruby">defonclick(s,e)window.alert"Hello, World!" enddocument.say_hello.attach_event('onclick', System::EventHandler [ System::Windows::Browser::HtmlEventArgs ].new(method(:onclick)))</script>How awesome is that?IronRuby, IronPython, …Micorosoft’s Silverlight + DLRsweet!
- 19.
- 20. Is there afuture for Silverlight?How about IronRuby?I hope so.. x2
- 21. Browser pluginsa briefdetour…
- 22. Setting: Live demoto Jim Clark (CEO of Netscape)Links to any file other than an image cause the user to be prompted to download the file.. However, when a user clicked on a link to a PDF file, the file instantly opened within the browser window, seamlessly blending HTML and PDF consumption!Clark: wow, who provided the support on our side?Adobe: we reverse-engineered it… Inception
- 23.
- 24. Implemented / in-useby most browsers to this day
- 25. Plugin registers acontent-type, ex: music/mp3
- 26. Browser encounters thefile, delegates to plugin
- 27. Ex: Flash, Silverlight,Quicktime, Acrobat, etc..NPAPI is bornNetscape Plugin API
- 28.
- 29.
- 30. Full access toyour OS
- 31. Full access toyour filesystem
- 32.
- 33. Full access towreck havocSecurity nightmareor we why we love to hate pluginsFlashSilverlight…External binaries
- 34. Google ChromeWebKit, V8,NaCl, speed…* soon to be #2
- 35.
- 36. Own security sandboxper tabFlash MovieSecurity ???Security & Isolationare a big focus in Chrome
- 37.
- 38. JavaScriptCSSDOMPepper (PPAPI)Pepper bridgeSandboxedpluginNaClNaClPluginPluginNaClNative ClientSandboxing technology for safe execution of native code
- 39. Native machine coderuns on the client CPU
- 40. Not an interpreterCompilecode using specialized toolchain
- 41.
- 42. Build for differentCPU architectures
- 43. NaCl runtime verifiesuntrusted code (static analysis)
- 44.
- 45. No fork, processcontrol, file system access, etc.http://code.google.com/chrome/nativeclient/
- 46. receive messagefunctionmoduleDidLoad() {HelloTutorialModule=document.getElementById('hello_tutorial');HelloTutorialModule.addEventListener('message',handleMessage, false);// Send a message to the NaCl moduleHelloTutorialModule.postMessage('hello');}send messageTalking to NaClvia Pepper API
- 47. virtualvoidHandleMessage(constpp::Var& var_message) {if(!var_message.is_string())return;std::string message = var_message.AsString();pp::Varvar_reply;var_reply = pp::Var(kReplyString);PostMessage(var_reply);}dispatch responseTalking to the Browservia Pepper API
- 48. <embedname="nacl_module"id="hello_tutorial"width=0 height=0src="hello_tutorial.nmf"type="application/x-nacl" />Connectingthe Pipes: NaCl, Pepperexecuting native code in the browser
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. …Same privileges asJS runtime!NaCl SDK / APIwhat can we do in NaCl?
- 60.
- 61.
- 62. Dozens of portedlibraries
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71. … and manyothersNaCl SDK / APIwhat can we do in NaCl?
- 72. Ruby on NaCl?wedid say it runs C/C++ code right?
- 73. https://s3.amazonaws.com/ivan.krasin/ruby.htmlYou’ll need ~Chrome 9, with NaCl enabled<embedid="client"type="application/x-nacl-srpc"width="0"height="0"src="ruby.nexe" />Ruby + NaCldemo time!
- 74. http://nacl-quake.appspot.com/You’ll need latestChrome…Quake via NaClSounds, Graphics, etc
- 75.
- 76. NaCl is abuilt-in plugin in Chrome
- 77. PNaCl will replaceNaCl in 2012
- 78. Enable NaCl inabout:plugins
- 79. NaCl enabled inChrome Webstore!(P)NaCl in the wildyou may be using it already!
- 80. +Exacycle(1B CPU hoursfor research)Netflix, AppEngine, ExacycleNaCl in the wild
- 81. http://nativeclient.googlecode.com/svn/data/site/pnacl.pdfToolchainfor compiling NativeClient applications to LLVM bitcode
- 82. No more nmfmanifests or *.nexe’s
- 83. Compile to .pexe(portable executable)
- 84. Support for: x86-32, x86-64, ARM
- 85. $> pnacl-gcchello.c -ohello.pexePortable NaCl (PNaCl) LLVM under the hood
- 86. Mmm… LLVM inthe browserimagine the possibilities…
- 87. MacRubyC…C++Rubinius…PyPy…Objective-CFortran!Dozens of languagesallwithin the browser
- 88.
- 89. Compiles LLVM bitcodeto JavascriptExample: Compile C/C++/Objective C / etc to LLVM bitcode
- 90.
- 91. Compile LLVM bitcodeto JS
- 92. Run in thebrowserPython, Lua, C, C++, Objective C, …EMScriptenLLVM-to-Javascript
- 93. Ruby 1.8 toLLVMhttps://github.com/replit/emscripted-ruby
- 94. Try it: http://repl.it/LLVMin the browserit works!
- 95. This is notan exhaustive list…but where does that leave us?
- 96.
- 97. LLVM bitcodeEMScriptenEMScriptenJavaScriptCSSDOM(P)NaClPNacl“LLVM sandwich”intheory, it could work..C/C++, LLVM
- 98.
- 99. we need moreof it in the browser
- 100. I hopeJavascript isnot the end all
- 101. play, experiment, pushthe (existing) boundaries...Resources:Google: NaCl / PNaCl
- 102. Google IO 2011:Beyond JavascriptPhew, time for questions?hope this convinced you to explore the area further…