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
34
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
44
Eye Tracking on the Browser
tkckaneko
0
99
IEEE754を完全に理解した
tkckaneko
1
85
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
100
多分これが一番早いと思います
tkckaneko
0
31
暗黒面の話
tkckaneko
0
31
CSR / SSR / SSG / JAMstack
tkckaneko
0
79
BOLT
tkckaneko
0
40
CSS Logical Properties and Values
tkckaneko
0
55
Other Decks in Technology
See All in Technology
[MIRU26] Open-Vocabulary Intention-Guided Object Detection in Diverse Scenes
keio_smilab
PRO
0
140
【Google Cloud Next Tokyo'26】Gemini Enterprise と Oracle AI Database で実現する、業務データ活用を実現する AI エージェント実装
shisyu_gaku
0
210
サイバー捜査員研修(前半)
nomizone
1
1.7k
AIエージェントの知識表現と推論に なぜグラフが使われるのか - 記号的AIの復権とニューラルAIとの統合
yohei1126
1
280
初めてのGitHub Actions / GitHub Actions at First
tooppoo
0
140
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
53k
toio・myCobotでフィジカルAIっぽいことを行うための検討(とりあえず調査) / フィジカルAI LT(IoTLTによる開催)
you
PRO
0
280
『三匹の子ぶた』から学ぶネットワークセキュリティの昔と今 / Network Security: Then and Now Through the Lens of The Three Little Pigs
nttcom
1
1.7k
ガバメントクラウドでのランサムウェア対策
techniczna
1
790
Webアクセシビリティ入門 2026
recruitengineers
PRO
1
300
Goでデータパイプラインを作ろう
sansantech
PRO
0
250
AIが自社のTableauを操作する世界へ:Tableau MCP超入門
tbtykk
0
110
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
We Are The Robots
honzajavorek
0
290
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
680
The Mindset for Success: Future Career Progression
greggifford
PRO
0
440
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
Marketing to machines
jonoalderson
1
5.6k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
450
Embracing the Ebb and Flow
colly
88
5.1k
AI: The stuff that nobody shows you
jnunemaker
PRO
9
870
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
230
エンジニアに許された特別な時間の終わり
watany
108
250k
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/