~/talk

Live code a game on the browser with Opal and Vue.js

Talkat rubyday 2019 · on Thursday, 2019-04-11· [ruby, frontend-architecture]
speakerdeck:elia
slides:none on file

Live codes a Tetris‑like game that compiles Ruby to JavaScript with Opal and reuses the same engine for a terminal and browser UI, implemented with vanilla DOM, jQuery and a tiny Vue.js wrapper of a few lines. Shows concrete code: a table-based renderer, setInterval tick at 600ms, score update via an h3, and use of native to touch window/document. Claims production use, ~80 lines for the demo, and Opal passes ~16,000 RubySpec examples in under 15s.

AI-written summary · about

  1. 0:00Start
  2. 4:06Why Ruby
  3. 14:57Terminal Version
  4. 15:52Input Loop
  5. 22:00Sketching
  6. 22:49Setup
  7. 24:39Table Html
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.