$30 off During Our Annual Pro Sale. View Details »
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
190
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
22
Introduce dRuby
ledsun
0
490
Using Ruby in the browser is wonderful
ledsun
1
4.2k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
2.6k
ruby.wasm に関する進捗報告
ledsun
0
1.3k
Hacking Guide of the ruby.wasm
ledsun
0
1.8k
私の作ったruby.wasm アプリケーション
ledsun
0
800
Load gem from browser
ledsun
2
2k
パラメタライズドテスト
ledsun
0
700
Other Decks in Programming
See All in Programming
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
140
CSC305 Lecture 17
javiergs
PRO
0
300
ID管理機能開発の裏側 高速にSaaS連携を実現したチームのAI活用編
atzzcokek
0
200
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
710
Integrating WordPress and Symfony
alexandresalome
0
130
Microservices Platforms: When Team Topologies Meets Microservices Patterns
cer
PRO
1
960
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
10
11k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
satoaoaka
0
230
NUMA環境とコンテナランタイム ― youki における Linux Memory Policy 実装
n4mlz
1
200
30分でDoctrineの仕組みと使い方を完全にマスターする / phpconkagawa 2025 Doctrine
ttskch
3
780
AIコーディングエージェント(Gemini)
kondai24
0
180
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
ayumu_yamaguchi
1
110
Featured
See All Featured
Facilitating Awesome Meetings
lara
57
6.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
GitHub's CSS Performance
jonrohan
1032
470k
A designer walks into a library…
pauljervisheath
210
24k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Being A Developer After 40
akosma
91
590k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Why Our Code Smells
bkeepers
PRO
340
57k
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 終