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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Kaneko Takeshi
March 01, 2019
Technology
30
0
Share
Rubyを語りたい
Kaneko Takeshi
March 01, 2019
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
35
Eye Tracking on the Browser
tkckaneko
0
91
IEEE754を完全に理解した
tkckaneko
1
79
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
97
多分これが一番早いと思います
tkckaneko
0
28
暗黒面の話
tkckaneko
0
27
CSR / SSR / SSG / JAMstack
tkckaneko
0
74
BOLT
tkckaneko
0
33
CSS Logical Properties and Values
tkckaneko
0
39
Other Decks in Technology
See All in Technology
機能・非機能の学びを一つに!Agent Skillsで月間レポート作成始めてみた / Unifying Bug & Infra Insights — Building Monthly Quality Reports with Agent Skills
bun913
4
2.8k
Cursor Subagentsはいいぞ
yug1224
2
140
FlutterでPiP再生を実装した話
s9a17
0
250
制約を設計する - 非決定性との境界線 / Designing constraints
soudai
PRO
6
1.5k
OPENLOGI Company Profile for engineer
hr01
1
62k
Webアクセシビリティは“もしも”に備える設計
tomokusaba
0
160
互換性のある(らしい)DBへの移行など考えるにあたってたいへんざっくり
sejima
PRO
0
540
最大のアウトプット術は問題を作ること
ryoaccount
0
300
出版記念イベントin大阪「書籍紹介&私がよく使うMCPサーバー3選と社内で安全に活用する方法」
kintotechdev
0
150
2026-04-02 IBM Bobオンボーディング入門
yutanonaka
0
200
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
giginet
PRO
2
280
すごいぞManaged Kubernetes
harukasakihara
1
310
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
27
3.4k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
860
Between Models and Reality
mayunak
3
260
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
180
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
140
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
390
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
250
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/