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
Kaneko Takeshi
March 01, 2019
Technology
0
27
Rubyを語りたい
Kaneko Takeshi
March 01, 2019
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
26
Eye Tracking on the Browser
tkckaneko
0
83
IEEE754を完全に理解した
tkckaneko
1
74
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
91
多分これが一番早いと思います
tkckaneko
0
25
暗黒面の話
tkckaneko
0
22
CSR / SSR / SSG / JAMstack
tkckaneko
0
67
BOLT
tkckaneko
0
22
CSS Logical Properties and Values
tkckaneko
0
32
Other Decks in Technology
See All in Technology
Text-to-SQLの評価データセットを作って最新LLMモデルの性能評価をしてみた
gotalab555
3
770
Tenstorrent HW/SW 概要説明
tenstorrent_japan
0
370
Cloud Native Scalability for Internal Developer Platforms
hhiroshell
2
380
Roo CodeとClaude Code比較してみた
pharma_x_tech
1
280
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
280
Workflows から Agents へ ~ 生成 AI アプリの成長過程とアプローチ~
belongadmin
2
120
バクラクのモノレポにおける AI Coding のための環境整備と {Roo,Claude} Code活用事例 / AI Coding in Bakuraku's Monorepo: Environment Setup & Case Studies with {Roo, Claude} Code
upamune
9
5.7k
Vibe Codingの裏で、 考える力をどう取り戻すか
csekine
2
650
Whats_new_in_Podman_and_CRI-O_2025-06
orimanabu
3
170
“プロダクトを好きになれるか“も QAエンジニア転職の大事な判断基準だと思ったの
tomodakengo
0
110
Oracle Cloud Infrastructureデータベース・クラウド:各バージョンのサポート期間
oracle4engineer
PRO
49
33k
Securing your Lambda 101
chillzprezi
0
230
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Thoughts on Productivity
jonyablonski
69
4.7k
Visualization
eitanlees
146
16k
BBQ
matthewcrist
89
9.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Gamification - CAS2011
davidbonilla
81
5.3k
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/