Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Rubyで書いたテトリスをブラウザで動かしてみた
Search
shigeru. nakajima
January 12, 2024
Programming
2.8k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Rubyで書いたテトリスをブラウザで動かしてみた
https://kyotojs.connpass.com/event/302442/
shigeru. nakajima
January 12, 2024
More Decks by shigeru. nakajima
See All by shigeru. nakajima
.NETでruby.wasmを動かしてみた
ledsun
0
100
Introduce dRuby
ledsun
0
580
Watching Ruby in browsers
ledsun
0
360
Using Ruby in the browser is wonderful
ledsun
1
5.4k
ruby.wasm に関する進捗報告
ledsun
0
1.5k
Hacking Guide of the ruby.wasm
ledsun
0
2.1k
私の作ったruby.wasm アプリケーション
ledsun
0
920
Load gem from browser
ledsun
2
2.3k
パラメタライズドテスト
ledsun
0
810
Other Decks in Programming
See All in Programming
Intent as Code
shoppingjaws
6
1.1k
Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience
seike460
PRO
1
700
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
230
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
1
330
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
kinopeee
20
20k
mrbgem 三角測量 開発
ogom
0
190
GemmaをJevのように使ってみる / Use Gemma like Jev
kishida
5
530
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ! ~
po3rin
1
6.1k
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
satoshi256kbyte
1
330
プロダクトコードからライブラリの境界を見つける
elmetal
PRO
0
100
iOSDC Japan 2026 - Swiftで作って学ぼう!データベース自作入門
kaseken
2
450
AWS CDKのカスタムリソースでContinuum(旧Security Agent)を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
akihisaikeda
2
120
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
760
From π to Pie charts
rasagy
1
390
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
200
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.9k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Building AI with AI
inesmontani
PRO
1
1.3k
Marketing to machines
jonoalderson
1
5.8k
A better future with KSS
kneath
240
18k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
910
Transcript
WA RB Rubyで書いたテトリスをブ ラウザで動かしてみた 2024/01/12 ledsun (中島滋:株式会社ラグザイア) 於 ToKyoto.js #02
自己紹介 WA RB
本業はJavaScriptプロ グラマです。 サイトで動 いているアノテーションエ ディタを10年作っていま す。 WA RB https://textae.pubannotation.org/
WA RB
RubyKaigi 2023のスピーカー です。RubyのWebAssebly版 のruby.wasmを使ったブラウザ のRubyプログラミングを快適に する話をしました。 WA RB ここでpastakさんと出会いました。
WA RB
CRubyで書いたテト リスをruby.wasmつ かってブラウザで動か してみた WA RB
Qiita記事「WSL2上に Ruby開発環境を構築して テトリスを作ってみた」を参 考にテトリスを作りました。 WA RB https://qiita.com/flee_rife/items/c4bc3ff007a9af4f2625 同僚が書いた記事です。 「いいね」してもらえると嬉しいです。
WA RB VSCodeのターミナルで 動かすデモを見せます
ブラウザで動くように修正 しました。 WA RB
WA RB デモを見せます
修正ファイルはIOに関わる 3つだけです。 WA RB Webpackみたいな バンドルツールは つかっていません。
すごいでしょ。JavaScript でもなかなかできないはず。 UMDのような中間形式に 変換していません。 WA RB denoを使ったらできる? 詳しい人居たら教えてく ださい。
モジュールローディングの 互換性が難しい。 require/importがブラウ ザとCLIでミスマッチ。 WA RB ここを互換性を保って ruby.wasmに移植した
WA RB モジュールの依存関係を解決 してダウンロードしています。
すごいだろう、と 自慢しに来ました。 WA RB オチはないです
WA RB 提供 終