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
Watching Ruby in browsers
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
shigeru. nakajima
September 08, 2024
Programming
0
210
Watching Ruby in browsers
2024年8月31日 RubyKaigi 2024 follow up(
https://rhc.connpass.com/event/320709/
) の発表資料です。
shigeru. nakajima
September 08, 2024
Tweet
Share
More Decks by shigeru. nakajima
See All by shigeru. nakajima
.NETでruby.wasmを動かしてみた
ledsun
0
46
Introduce dRuby
ledsun
0
530
Using Ruby in the browser is wonderful
ledsun
1
4.6k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
2.7k
ruby.wasm に関する進捗報告
ledsun
0
1.4k
Hacking Guide of the ruby.wasm
ledsun
0
1.9k
私の作ったruby.wasm アプリケーション
ledsun
0
850
Load gem from browser
ledsun
2
2.1k
パラメタライズドテスト
ledsun
0
740
Other Decks in Programming
See All in Programming
Cyrius ーLinux非依存にコンテナをネイティブ実行する専用OSー
n4mlz
0
250
CS教育のDX AIによる育成の効率化
niftycorp
PRO
0
170
Codexに役割を持たせる 他のAIエージェントと組み合わせる実務Tips
o8n
4
1.4k
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
180
Nostalgia Meets Technology: Super Mario with TypeScript
manfredsteyer
PRO
0
110
KagglerがMixSeekを触ってみた
morim
0
320
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
arkw
0
150
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
250
存在論的プログラミング: 時間と存在を記述する
koriym
5
510
DevinとClaude Code、SREの現場で使い倒してみた件
karia
1
1.1k
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
170
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
nrslib
16
3.4k
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
How to Talk to Developers About Accessibility
jct
2
160
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
BBQ
matthewcrist
89
10k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
210
Code Review Best Practice
trishagee
74
20k
Mobile First: as difficult as doing things right
swwweet
225
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.7k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.2k
Done Done
chrislema
186
16k
Accessibility Awareness
sabderemane
0
85
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Transcript
WA RB Ruby in the browser 観察日記 2024/08/31 ledsun (中島滋:株式会社ラグザイア)
於 RubyKaigi 2024 follow up
Self-introduction •ledsun@ github or X •Based in Tokyo •I am
programing web applications by Ruby on Rails and JavaScript WA RB
WA RB
WA RB
WA RB
RubyKaigi 2024で話したこと 1. ruby.wasm に追加した ruby in the browser 向け便利機能を紹介
(特に require_relative ) 2. 便利機能を使ったフレームワークを紹介 WA RB
Kaigi Effect WA RB
https://blog.tmtms.net/entry/202405-mysql-params WA RB さっそく使ってもらえた
ソースコードをみる と気になる点が WA RB
WA RB /lib/init.rb 内の記述
scriptタグで読みこんだ Rubyスクリプト中の require_relativeの起点は rubyVMを起動したHTML ファイル WA RB
WA RB 起点を指定出来る
WA RB
次の目標 WA RB
ruby.wasm + WebSocketで dRuby in the browser WA RB youchanさんがopal-drbやってた
WA RB
sendメソッドで エラーが起きる WA RB `method_missing': undefined method `Hello, world! from
Ruby' for an instance of JS::Object (NoMethodError)
JavaScriptオブジェクトのメソッド 呼び出しをmehtod_missingで 実装している WA RB
RubyにはObject#sendメソッドが あるので、method_missingは呼 ばれない WA RB
WA RB callメソッドを使えば 動かせる
WebSocket#send をそのまま呼びたい WA RB
WA RB 解決案の種類
バイパス WA RB
JavaScriptオブジェクトに Object#sendしたいん だっけ? WA RB
JavaScriptオブジェクト にconventional methods要る? WA RB
ためしにBasicObejectを 継承したら予想外の動き をした WA RB
WA RB 'Hoge::Fuga#bar': uninitialized constant Hoge::Fuga::Hoge (NameError)
あとでRubyistたちと相談 したいです。 WA RB
dRuby in the browser に期待していること WA RB
アプリケーションのプロトコル を作るための基盤がほしい WA RB HTTP RESTful アプリケーションのプロトコル WebSocket dRuby アプリケーションのプロトコル
Ruby in the browser でmiroみたいな共同 編集アプリケーションが つくれる、かも? WA RB
WA RB Presented by 終