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
shigeru. nakajima
September 08, 2024
Programming
0
120
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
Introduce dRuby
ledsun
0
430
Using Ruby in the browser is wonderful
ledsun
1
3.5k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
2.4k
ruby.wasm に関する進捗報告
ledsun
0
1.1k
Hacking Guide of the ruby.wasm
ledsun
0
1.6k
私の作ったruby.wasm アプリケーション
ledsun
0
700
Load gem from browser
ledsun
2
1.8k
パラメタライズドテスト
ledsun
0
610
ゆっくり動くと速く動ける / If you move slowly, you can move more fast
ledsun
0
1.1k
Other Decks in Programming
See All in Programming
フロントエンドテストの育て方
quramy
11
2.9k
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
160
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
490
Agentic Applications with Symfony
el_stoffel
2
270
小田原でみんなで一句詠みたいな #phpcon_odawara
stefafafan
0
320
Java 24まとめ / Java 24 summary
kishida
3
460
生成AIを使ったQAアプリケーションの作成 - ハンズオン補足資料
oracle4engineer
PRO
3
200
SQL Server ベクトル検索
odashinsuke
0
170
AWS で実現する安全な AI エージェントの作り方 〜 Bedrock Engineer の実装例を添えて 〜 / how-to-build-secure-ai-agents
gawa
8
710
PHP で学ぶ OAuth 入門
azuki
1
130
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
840
php-fpm がリクエスト処理する仕組みを追う / Tracing-How-php-fpm-Handles-Requests
shin1x1
5
2.9k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
520
Visualization
eitanlees
146
16k
GitHub's CSS Performance
jonrohan
1030
460k
Rails Girls Zürich Keynote
gr2m
94
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
RailsConf 2023
tenderlove
30
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
A Modern Web Designer's Workflow
chriscoyier
693
190k
GraphQLとの向き合い方2022年版
quramy
46
14k
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 終