-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
122 lines (113 loc) · 5 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>サッカードと読みの効率テスト</title>
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./dist/style.css" />
</head>
<body>
<section class="p-strip">
<div class="row">
<h1 class="p-heading--three">サッカードと読みの効率テスト</h1>
<div class="col-12">
<form class="p-form">
<div class="p-form__group">
<label for="frText">文章を入力してください</label>
<textarea rows="5" id="frText"></textarea>
</div>
</form>
<form class="p-form p-form--inline">
<div class="p-form__group">
<label for="fontsizeSelect" class="p-form__label">フォントサイズ</label>
<div class="p-form__control u-clearfix">
<select name="fontsizeSelect" id="fontsizeSelect">
<option value="12">12px</option>
<option value="14">14px</option>
<option value="16" selected="selected">16px</option>
<option value="18">18px</option>
<option value="20">20px</option>
</select>
</div>
</div>
<div class="p-form__group">
<label for="wordsByLineSelect" class="p-form__label">一行の文字数</label>
<div class="p-form__control u-clearfix">
<select name="wordsByLineSelect" id="wordsByLineSelect">
<option value="26">26文字</option>
<option value="30">30文字</option>
<option value="34" selected="selected">34文字</option>
<option value="38">38文字</option>
<option value="42">42文字</option>
<option value="46">46文字</option>
<option value="50">50文字</option>
<option value="full">幅100%</option>
</select>
</div>
</div>
<div class="p-form__group">
<label for="baseLineSelect" class="p-form__label">ずらし幅</label>
<div class="p-form__control u-clearfix">
<select name="baseLineSelect" id="baseLineSelect">
<option value="0">なし</option>
<option value="5">5%</option>
<option value="7.5" selected="selected">7.5%</option>
<option value="10">10%</option>
<option value="12">12%</option>
<option value="15">15%</option>
<option value="20">20%</option>
</select>
</div>
</div>
<div class="p-form__group">
<input type="checkbox" id="checkVibration">
<label for="checkVibration" class="p-form__label">微振動
</label>
</div>
<div class="p-form__group">
<button class="p-button--positive" id="btnShow" type="button">表示</button>
</div>
</form>
</div>
</div>
<div class="row" id="stage">
<article class="body">
<div class="col-12 hide" id="result">
</div>
</article>
</div>
</section>
<section class="p-strip--light">
<div class="row">
<h2 class="p-heading--four">参考文献・資料</h2>
<div class="col-6">
<p>当プログラムは「読み効率を高める日本語電子リーダー」実験を元ネタに実装を試みたテストページです。<br />
元論文著者とは無関係であり、稼働および表示の不具合は製作者の責によります。</p>
</div>
<div class="col-6">
<ul class="p-list--divided">
<li class="p-list__item">(PDF) <a href="https://www.jstage.jst.go.jp/article/jkg/66/10/66_525/_pdf"
class="p-link--external" target="_blank">読み効率を高める日本語電子リーダー設計の試み</a> … 元ネタ</li>
<li class="p-list__item"><a href="https://github.com/rakuten-nlp/rakutenma">Rakuten MA (morphological
analyzer)</a> … 形態素解析</li>
<li class="p-list__item"><a href="http://www.nltk.org/book-jp/ch12.html#id56">Python による日本語自然言語処理</a> …
文節チャンキング</li>
</ul>
</div>
</div>
<div class="row">
<footer>
Copyright <a href="https://twitter.com/shunito">Shunsuke Ito.</a> The <a href="https://github.com/shunito/fastread">source code</a> is licensed MIT.
</footer>
</div>
</section>
<script type="text/javascript" src="./dist/rakutenma.js" charset="UTF-8"></script>
<script type="text/javascript" src="./dist/model_ja.js" charset="UTF-8"></script>
<script type="text/javascript" src="./dist/hanzenkaku.js" charset="UTF-8"></script>
<script src="./dist/bundle.js"></script>
<script>
window.addEventListener('load', App);
</script>
</body>
</html>