Using Ruby in the browser is wonderful

RubyKaigi 2024の発表資料です。

資料内記載のリンクです。
- https://ledsun.github.io/kakikata/
- https://github.com/ledsun/orbital_ring

Transcript

1. WA RB Using Ruby in the browser is wonderful 2024/05/17 ledsun (中島滋：株式会社ラグザイア) 於 RubyKaigi 2024
2. Self-introduction •ledsun@ github or X •Based in Tokyo •I am programing web applications by Ruby on Rails and JavaScript WA RB
3. I am member of •Platinum sponsor WA RB
4. Today I will talk 1. What is ruby.wasm 2. What did I do for ruby.wasm 3. What I am going to do WA RB
5. Using Ruby in the browser is wonderful WA RB
6. What is ruby.wasm WA RB
7. 1. Virtual Machine of CRuby is running on the browser 2. Glue between CRuby and JavaScript WA RB
8. Virtual Machine of CRuby is running on the browser WA RB
9. Glue between CRuby and JavaScript WA RB
10. What JavaScript has that Ruby does not •new operator •It is method in Ruby •property call •It is method in Ruby WA RB
11. What JavaScript can do and Ruby can not •Read external resources •Timer and Sleep WA RB
12. ruby.wasm provide glue between CRuby and JavaScript •JS.global •The globalThis in JavaScript •JS.eval •Eval JavaScript code •JS::Object •Wrapper for JavaScript Object WA RB
13. The ruby.wasm is 1. Virtual Machine of CRuby is running on the browser 2. Glue between CRuby and JavaScript WA RB
14. Self-introduction Part 2 •Sending pull requests for the Glue •Create JavaScript objects with the new method •JS::RequireRemote WA RB
15. Create JavaScript objects with the new method WA RB
16. WA RB The new operator does not exist in Ruby. Instead, call the JavaScript code that calls the new operator
17. JS::RequireRemote •require_relative compatible •Specified by feature name without extension •Relative path resolution •Prevent double loading WA RB
18. Let’s move it WA RB
19. WA RB Demo on VSCode Terminal
20. WA RB Demo
21. WA RB Download Ruby scripts
22. WA RB
23. JS::RequireRemote makes domain logic compartible WA RB
24. Only three modified files are related to IO. WA RB
25. To use require_relative, a monkypacth is needed WA RB
26. In ruby.wasm, we now have most of the tools to create applications. WA RB
27. (We are halfway through the presentation. Speakers will take a break for a drink of water. Please wait a moment.) WA RB
28. What's next? WA RB
29. Do you know what is the most fun to create on the front end? WA RB
30. Front-end framework WA RB
31. SproutCore, Cappuccino, Knockout, Backbone.js, AngularJS, Ember.js, Agility.js, Derby, Spine, knockback.js, Meteor, CanJS, Flight, React, Polymer, Reactive.js, Durandal, Riot, Vue.js, Ampersand.js, mercury, Mithril, Cycle.js, aurelia-framework, Angular, Preact, Inferno, choo, Lightning Web Components, Hyperapp, Svelte WA RB No one can stop having fun making them.
32. I want to build a front-end framework in Ruby. WA RB
33. I am building a framework with reference to Ruby on Rails. WA RB
34. See https://ledsun.github.i o/kakikata/ WA RB Since a framework cannot be created by itself, it is built into applications.
35. Features 1. Auto loader 2. Rendering 3. Event binding WA RB
36. WA RB You think you've already seen require_relative work, right? Auto loader
37. WA RB There is no require_relative.
38. WA RB In Rails, it is equivalent to the classic autoloader, implemented using const_missing.
39. Unfortunately, it does not handle structured names as well as the classic autoloader in Ruby on Rails. WA RB
40. Rendering WA RB
41. WA RB
42. WA RB
43. WA RB Resolve the template file path from the name and load the template file.
44. Event binding WA RB I'm aware of the Rails route. This isn't very similar.
45. WA RB It is rather similar to jQuery.
46. WA RB
47. These functions could be written in 120 lines. Ruby is really wonderful. WA RB
48. https://github.com/ledsun/ orbital_ring WA RB
49. I named this framework “Orbital Ring”. WA RB
50. Orbital Ring is a science fiction idea that if a ring is built in satellite orbit and an orbital elevator is hung from it, it will be easy to go back and forth between the ground and space. WA RB
51. I like the name "Orbital Ring" because it contrasts with "Rail". WA RB
52. If you have any ideas for applications or frameworks using ruby.wasm, please let me know. WA RB
53. WA RB Presented by 終