Rubyで書いたテトリスをブラウザで動かしてみた

by shigeru. nakajima

Slide 1

Slide 1 text

WA RB Rubyで書いたテトリスをブラウザで動かしてみた 2024/01/12 ledsun (中島滋：株式会社ラグザイア) 於 ToKyoto.js #02

Slide 2

Slide 2 text

自己紹介 WA RB

Slide 3

Slide 3 text

本業はJavaScriptプログラマです。サイトで動いているアノテーションエディタを10年作っています。 WA RB https://textae.pubannotation.org/

Slide 4

Slide 4 text

WA RB

Slide 5

Slide 5 text

RubyKaigi 2023のスピーカーです。RubyのWebAssebly版のruby.wasmを使ったブラウザのRubyプログラミングを快適にする話をしました。 WA RB ここでpastakさんと出会いました。

Slide 6

Slide 6 text

WA RB

Slide 7

Slide 7 text

CRubyで書いたテトリスをruby.wasmつかってブラウザで動かしてみた WA RB

Slide 8

Slide 8 text

Qiita記事「WSL2上に Ruby開発環境を構築してテトリスを作ってみた」を参考にテトリスを作りました。 WA RB https://qiita.com/flee_rife/items/c4bc3ff007a9af4f2625 同僚が書いた記事です。「いいね」してもらえると嬉しいです。

Slide 9

Slide 9 text

WA RB VSCodeのターミナルで動かすデモを見せます

Slide 10

Slide 10 text

ブラウザで動くように修正しました。 WA RB

Slide 11

Slide 11 text

WA RB デモを見せます

Slide 12

Slide 12 text

修正ファイルはIOに関わる 3つだけです。 WA RB Webｐackみたいなバンドルツールはつかっていません。

Slide 13

Slide 13 text

すごいでしょ。JavaScript でもなかなかできないはず。 UMDのような中間形式に変換していません。 WA RB denoを使ったらできる？詳しい人居たら教えてください。

Slide 14

Slide 14 text

モジュールローディングの互換性が難しい。 require/importがブラウザとCLIでミスマッチ。 WA RB ここを互換性を保って ruby.wasmに移植した

Slide 15

Slide 15 text

WA RB モジュールの依存関係を解決してダウンロードしています。