Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Rubyで書いたテトリスをブラウザで動かしてみた
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
shigeru. nakajima
January 12, 2024
Programming
0
2.6k
Rubyで書いたテトリスをブラウザで動かしてみた
https://kyotojs.connpass.com/event/302442/
shigeru. nakajima
January 12, 2024
Tweet
Share
More Decks by shigeru. nakajima
See All by shigeru. nakajima
.NETでruby.wasmを動かしてみた
ledsun
0
36
Introduce dRuby
ledsun
0
510
Watching Ruby in browsers
ledsun
0
200
Using Ruby in the browser is wonderful
ledsun
1
4.5k
ruby.wasm に関する進捗報告
ledsun
0
1.3k
Hacking Guide of the ruby.wasm
ledsun
0
1.9k
私の作ったruby.wasm アプリケーション
ledsun
0
820
Load gem from browser
ledsun
2
2k
パラメタライズドテスト
ledsun
0
730
Other Decks in Programming
See All in Programming
並行開発のためのコードレビュー
miyukiw
0
1.1k
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
1k
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
1
220
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
480
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
CSC307 Lecture 08
javiergs
PRO
0
670
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
750
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
300
余白を設計しフロントエンド開発を 加速させる
tsukuha
7
2.1k
Oxlintはいいぞ
yug1224
5
1.4k
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
CSC307 Lecture 01
javiergs
PRO
0
690
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
187
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Producing Creativity
orderedlist
PRO
348
40k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.9k
Site-Speed That Sticks
csswizardry
13
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
350
Context Engineering - Making Every Token Count
addyosmani
9
670
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The browser strikes back
jonoalderson
0
400
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
190
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 提供 終