-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
executable file
·37 lines (29 loc) · 4.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>text-align: justify 検証</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="page justify">
<div class="button on">ON</div>
<h1>text-align: justify 検証</h1>
<h2>全角・半角</h2>
<cite><a href="http://akabeko.me/blog/2015/02/watchify/" target="_blank">アカベコマイリ「watchify を試す」</a>から抜粋</cite>
<p>
React v0.13.0 から ECMAScript 6 ( 以下、ES6 ) の class によるコンポーネント定義がサポートされた。また、Node v0.12 でも一部の機能が有効となっている。このように ES6 もだいぶ身近になってき。先行学習もかねて、趣味の開発では積極採用してゆきたい。<br><br>
とはいえ、ある程度は広範な環境で動いてほしい。よって実装は ES6 でおこない、実行用スクリプトは ES5 に変換したものを使用する。これを実現するため Browserify transform の babel/babelify を試す。
</p>
<h2>全角のみ</h2>
<cite><a href="http://www.aozora.gr.jp/cards/000879/files/60_15129.html" target="_blank">青空文庫 No.60 「芥川龍之介 - 地獄変」</a>から抜粋</cite>
<p>
堀川の<ruby><rb>大殿様</rb><rp>(</rp><rt>おほとのさま</rt><rp>)</rp></ruby>のやうな方は、これまでは<ruby><rb>固</rb><rp>(</rp><rt>もと</rt><rp>)</rp></ruby>より、後の世には恐らく二人とはいらつしやいますまい。噂に聞きますと、あの方の御誕生になる前には、<ruby><rb>大威徳明王</rb><rp>(</rp><rt>だいゐとくみやうおう</rt><rp>)</rp></ruby>の御姿が<ruby><rb>御母君</rb><rp>(</rp><rt>おんはゝぎみ</rt><rp>)</rp></ruby>の夢枕にお立ちになつたとか申す事でございますが、<ruby><rb>兎</rb><rp>(</rp><rt>と</rt><rp>)</rp></ruby>に<ruby><rb>角</rb><rp>(</rp><rt>かく</rt><rp>)</rp></ruby>御生れつきから、並々の人間とは御違ひになつてゐたやうでございます。でございますから、あの方の<ruby><rb>為</rb><rp>(</rp><rt>な</rt><rp>)</rp></ruby>さいました事には、一つとして私どもの意表に出てゐないものはございません。早い話が堀川のお邸の御規模を拝見致しましても、壮大と申しませうか、豪放と申しませうか、<ruby><rb>到底</rb><rp>(</rp><rt>たうてい</rt><rp>)</rp></ruby>私どもの凡慮には及ばない、思ひ切つた所があるやうでございます。中にはまた、そこを色々とあげつらつて大殿様の御性行を<ruby><rb>始皇帝</rb><rp>(</rp><rt>しくわうてい</rt><rp>)</rp></ruby>や<ruby><rb>煬帝</rb><rp>(</rp><rt>やうだい</rt><rp>)</rp></ruby>に比べるものもございますが、それは<ruby><rb>諺</rb><rp>(</rp><rt>ことわざ</rt><rp>)</rp></ruby>に云ふ<ruby><rb>群盲</rb><rp>(</rp><rt>ぐんもう</rt><rp>)</rp></ruby>の象を<ruby><rb>撫</rb><rp>(</rp><rt>な</rt><rp>)</rp></ruby>でるやうなものでもございませうか。あの方の<ruby><rb>御思召</rb><rp>(</rp><rt>おおぼしめし</rt><rp>)</rp></ruby>は、決してそのやうに御自分ばかり、栄耀栄華をなさらうと申すのではございません。それよりはもつと下々の事まで御考へになる、云はば天下と共に楽しむとでも申しさうな、<ruby><rb>大腹中</rb><rp>(</rp><rt>だいふくちう</rt><rp>)</rp></ruby>の御器量がございました。
</p>
<h2>半角のみ</h2>
<cite><a href="http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%B3%E3%82%B0%E3%83%A9%E3%83%A0" target="_blank">パングラム - Wikipedia</a> から抜粋</cite>
<p>The quick brown fox jumps over the lazy dog. Oh, wet Alex, a jar, a fag! Up, disk, curve by! Man Oz, Iraq, Arizona, my Bev? Ruck's id-pug, a far Ajax, elate? Who? How razorback-jumping frogs can level six piqued gymnasts! Cozy lummox gives smart squid who asks for job pen. Adjusting quiver and bow, Zompyc killed the fox. </p>
</div><!-- /page -->
<script src="app.js"></script>
</body>
</html>