Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Rubyを語りたい
Search
Kaneko Takeshi
March 01, 2019
Technology
37
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Rubyを語りたい
Kaneko Takeshi
March 01, 2019
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
49
Eye Tracking on the Browser
tkckaneko
0
100
IEEE754を完全に理解した
tkckaneko
1
89
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
100
多分これが一番早いと思います
tkckaneko
0
31
暗黒面の話
tkckaneko
0
31
CSR / SSR / SSG / JAMstack
tkckaneko
0
79
BOLT
tkckaneko
0
43
CSS Logical Properties and Values
tkckaneko
0
65
Other Decks in Technology
See All in Technology
WasmをRustにする
sansantech
PRO
0
200
freeeらしさをAIとともに作る / Creating the freee Experience with AI
ymrl
0
230
今こそ知りたいAmplifyGen2
mkdev10
2
160
Cognition AI Japan - ウェビナー2_テストQA_運用監視
cogakira
0
140
FactoryBotアンチパターン / factory_bot anti-patterns
toshimaru
0
150
全人類(ほぼ)AWS Organizations の上でAWSを利用している、その世界を知る話
htan
1
140
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か?
ishikawa_satoru
1
1.5k
自主式軟體工廠
philipz
0
260
AIに攻撃される前に、AIに攻撃させる
tsuchikazu
0
170
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.7k
AI駆動開発の時代になったのでトヨタ生産方式から見直す
terurou
7
5.8k
M5Stackで作る BLEマウス GPSログの世界
tomokusaba
0
160
Featured
See All Featured
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
5
800
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
From π to Pie charts
rasagy
1
400
Become a Pro
speakerdeck
PRO
31
6.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
620
Google's AI Overviews - The New Search
badams
0
1.6k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
310
The Pragmatic Product Professional
lauravandoore
37
7.5k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
340
The Language of Interfaces
destraynor
162
27k
The agentic SEO stack - context over prompts
schlessera
0
970
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
400
Transcript
Rubyを語りたい
Rubyのことをあまり詳しくないので勉強しました
もし間違ってたら指摘をお願いします
まず、Rubyの歴史について
Wikipediaによると明治時代のころに遡ります
「ルビ活字」を使用した振り仮名などを 表示したものをルビと言います
「ルビ活字」とは
Wikipediaによると明治時代のころに遡ります
明治時代、新聞記事に使用されていた活字の サイズは5号(15級、10.5ポイント)。 その振り仮名には、7号活字(8級、5.25ポイント)が 使われていました。
この7号活字に、もっとも近いサイズ(5.5ポイント)の 活字をイギリスではルビーと呼んでいたことから、 日本でも7号活字が「ルビ活字」と 呼ばれるようになります。
参考) http://www.sezax.co.jp/monthly_up/pdf/vol_88.pdf
「ルビ活字」とは
今ではHTMLでもルビを振れます
IEが独自実装し XHTML1.1で共通化し HTML5で標準化しました
None
参考) https://caniuse.com/#search=ruby
ルビの振り方
Mono-ruby
漢字1文字ごとに対応したルビを振ること
例) <ruby>日<rt>に</rt></ruby><ruby>本<rt>ほん </rt></ruby><ruby>語<rt>ご</rt></ruby>で<ruby>書<rt> か</rt></ruby>いた<ruby>作<rt>さく</rt></ruby><ruby> 文<rt>ぶん</rt></ruby>です。
対応ブラウザで表示
Group ruby
熟語を1まとめにして熟語の表示幅内でルビを振ること
例) とある魔術の<ruby>禁書目録<rt>インデックス</ruby>
対応ブラウザで表示
Jukugo ruby
ひとつ以上の漢字文字から作られる単語にルビを振ること
例) <ruby><rb>幻想<rt>イマジン<rb>殺し<rt>ブレイカー</ruby>
対応ブラウザで表示
Inline ruby
ルビ注記をインラインで表示したもの
例) とある科学の<ruby>超電磁砲<rp><<rt>レールガン <rp>></ruby>
対応ブラウザで表示
Inline ruby
ルビ注記をインラインで表示したもの
例) とある科学の<ruby>超電磁砲<rp><<rt>レールガン <rp>></ruby>
対応ブラウザで表示
double-sided ruby
1つのベースに対して2度の注記を行うために使われる
例) <ruby><rb>とある魔術の禁書目録<rt>インデックス<rtc>A Certain Magical Index</ruby>
対応ブラウザで表示
ル ビ か た Rubyを語りたい
参考) https://www.w3.org/TR/html-ruby-extensions/