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
30
Rubyを語りたい
Kaneko Takeshi
March 01, 2019
Tweet
Share
More Decks by Kaneko Takeshi
See All by Kaneko Takeshi
オープンソースライセンスについて勉強する定期
tkckaneko
0
31
Eye Tracking on the Browser
tkckaneko
0
88
IEEE754を完全に理解した
tkckaneko
1
76
CSSのトレンドをみんなで見よう -2021年-
tkckaneko
0
93
多分これが一番早いと思います
tkckaneko
0
27
暗黒面の話
tkckaneko
0
24
CSR / SSR / SSG / JAMstack
tkckaneko
0
73
BOLT
tkckaneko
0
31
CSS Logical Properties and Values
tkckaneko
0
36
Other Decks in Technology
See All in Technology
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
330
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
130
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
410
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
bwkw
3
880
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
nihonbuson
PRO
2
210
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
レガシー共有バッチ基盤への挑戦 - SREドリブンなリアーキテクチャリングの取り組み
tatsukoni
0
210
20260204_Midosuji_Tech
takuyay0ne
1
130
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
800
Context Engineeringの取り組み
nutslove
0
290
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.2k
IaaS/SaaS管理における SREの実践 - SRE Kaigi 2026
bbqallstars
4
1.7k
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
The agentic SEO stack - context over prompts
schlessera
0
630
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
53
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
Thoughts on Productivity
jonyablonski
74
5k
Into the Great Unknown - MozCon
thekraken
40
2.2k
First, design no harm
axbom
PRO
2
1.1k
How to make the Groovebox
asonas
2
1.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
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/