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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
shigeru. nakajima
January 12, 2024
Programming
2.7k
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
89
Introduce dRuby
ledsun
0
570
Watching Ruby in browsers
ledsun
0
350
Using Ruby in the browser is wonderful
ledsun
1
5.2k
ruby.wasm に関する進捗報告
ledsun
0
1.5k
Hacking Guide of the ruby.wasm
ledsun
0
2.1k
私の作ったruby.wasm アプリケーション
ledsun
0
900
Load gem from browser
ledsun
2
2.2k
パラメタライズドテスト
ledsun
0
800
Other Decks in Programming
See All in Programming
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
650
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
500
運用ダッシュボードの設計を誰も教えてくれないのだけどみなさんどうしてるんですか? - チームに監視するという文化を根付かせるための第一歩を踏みたい -
satoshi256kbyte
1
130
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
310
AWS DevOps AgentのAzure接続機能を検証して見えた活用法/Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
masakiokuda
1
250
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
4.9k
Flow は今どうなっているか
mizdra
PRO
0
630
React本体のコードリーディング
high_g_engineer
1
150
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
720
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
320
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
220
AIを紡ぐPMのお話
swdtkuy
0
110
Featured
See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
470
First, design no harm
axbom
PRO
2
1.3k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
210
Optimizing for Happiness
mojombo
378
71k
Into the Great Unknown - MozCon
thekraken
41
2.7k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
990
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.2k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
440
ラッコキーワード サービス紹介資料
rakko
1
4.4M
Art, The Web, and Tiny UX
lynnandtonic
304
22k
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 提供 終