annotate paper/slides/sample.html @ 35:dc7cd591b4bc

result3
author suruga
date Wed, 21 Feb 2018 13:13:58 +0900
parents
children 254dce6f6501
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
35
dc7cd591b4bc result3
suruga
parents:
diff changeset
1 <!DOCTYPE html>
dc7cd591b4bc result3
suruga
parents:
diff changeset
2 <html>
dc7cd591b4bc result3
suruga
parents:
diff changeset
3 <head>
dc7cd591b4bc result3
suruga
parents:
diff changeset
4 <meta http-equiv="content-type" content="text/html;charset=utf-8">
dc7cd591b4bc result3
suruga
parents:
diff changeset
5 <title>分散版 Jungle データベースの性能測定方法</title>
dc7cd591b4bc result3
suruga
parents:
diff changeset
6
dc7cd591b4bc result3
suruga
parents:
diff changeset
7 <meta name="generator" content="Slide Show (S9) v2.5.0 on Ruby 2.4.0 (2016-12-24) [x86_64-darwin14]">
dc7cd591b4bc result3
suruga
parents:
diff changeset
8 <meta name="author" content="仲松栞" >
dc7cd591b4bc result3
suruga
parents:
diff changeset
9
dc7cd591b4bc result3
suruga
parents:
diff changeset
10 <!-- style sheet links -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
11 <link rel="stylesheet" href="s6/themes/projection.css" media="screen,projection">
dc7cd591b4bc result3
suruga
parents:
diff changeset
12 <link rel="stylesheet" href="s6/themes/screen.css" media="screen">
dc7cd591b4bc result3
suruga
parents:
diff changeset
13 <link rel="stylesheet" href="s6/themes/print.css" media="print">
dc7cd591b4bc result3
suruga
parents:
diff changeset
14 <link rel="stylesheet" href="s6/themes/blank.css" media="screen,projection">
dc7cd591b4bc result3
suruga
parents:
diff changeset
15
dc7cd591b4bc result3
suruga
parents:
diff changeset
16 <!-- JS -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
17 <script src="s6/js/jquery-1.11.3.min.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
18 <script src="s6/js/jquery.slideshow.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
19 <script src="s6/js/jquery.slideshow.counter.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
20 <script src="s6/js/jquery.slideshow.controls.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
21 <script src="s6/js/jquery.slideshow.footer.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
22 <script src="s6/js/jquery.slideshow.autoplay.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
23
dc7cd591b4bc result3
suruga
parents:
diff changeset
24 <!-- prettify -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
25 <link rel="stylesheet" href="scripts/prettify.css">
dc7cd591b4bc result3
suruga
parents:
diff changeset
26 <script src="scripts/prettify.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
27
dc7cd591b4bc result3
suruga
parents:
diff changeset
28 <script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
29 $(document).ready( function() {
dc7cd591b4bc result3
suruga
parents:
diff changeset
30 Slideshow.init();
dc7cd591b4bc result3
suruga
parents:
diff changeset
31
dc7cd591b4bc result3
suruga
parents:
diff changeset
32 $('code').each(function(_, el) {
dc7cd591b4bc result3
suruga
parents:
diff changeset
33 if (!el.classList.contains('noprettyprint')) {
dc7cd591b4bc result3
suruga
parents:
diff changeset
34 el.classList.add('prettyprint');
dc7cd591b4bc result3
suruga
parents:
diff changeset
35 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
36 });
dc7cd591b4bc result3
suruga
parents:
diff changeset
37 prettyPrint();
dc7cd591b4bc result3
suruga
parents:
diff changeset
38 } );
dc7cd591b4bc result3
suruga
parents:
diff changeset
39
dc7cd591b4bc result3
suruga
parents:
diff changeset
40
dc7cd591b4bc result3
suruga
parents:
diff changeset
41 </script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
42
dc7cd591b4bc result3
suruga
parents:
diff changeset
43 <!-- Better Browser Banner for Microsoft Internet Explorer (IE) -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
44 <!--[if IE]>
dc7cd591b4bc result3
suruga
parents:
diff changeset
45 <script src="s6/js/jquery.microsoft.js"></script>
dc7cd591b4bc result3
suruga
parents:
diff changeset
46 <![endif]-->
dc7cd591b4bc result3
suruga
parents:
diff changeset
47
dc7cd591b4bc result3
suruga
parents:
diff changeset
48
dc7cd591b4bc result3
suruga
parents:
diff changeset
49
dc7cd591b4bc result3
suruga
parents:
diff changeset
50 </head>
dc7cd591b4bc result3
suruga
parents:
diff changeset
51 <body>
dc7cd591b4bc result3
suruga
parents:
diff changeset
52
dc7cd591b4bc result3
suruga
parents:
diff changeset
53 <div class="layout">
dc7cd591b4bc result3
suruga
parents:
diff changeset
54 <div id="header"></div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
55 <div id="footer">
dc7cd591b4bc result3
suruga
parents:
diff changeset
56 <div align="right">
dc7cd591b4bc result3
suruga
parents:
diff changeset
57 <img src="s6/images/logo.svg" width="200px">
dc7cd591b4bc result3
suruga
parents:
diff changeset
58 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
59 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
60 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
61
dc7cd591b4bc result3
suruga
parents:
diff changeset
62 <div class="presentation">
dc7cd591b4bc result3
suruga
parents:
diff changeset
63
dc7cd591b4bc result3
suruga
parents:
diff changeset
64 <div class='slide cover'>
dc7cd591b4bc result3
suruga
parents:
diff changeset
65 <table width="90%" height="90%" border="0" align="center">
dc7cd591b4bc result3
suruga
parents:
diff changeset
66 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
67 <td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
68 <div align="center">
dc7cd591b4bc result3
suruga
parents:
diff changeset
69 <h1><font color="#808db5">分散版 Jungle データベースの性能測定方法</font></h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
70 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
71 </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
72 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
73 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
74 <td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
75 <div align="left">
dc7cd591b4bc result3
suruga
parents:
diff changeset
76 仲松栞
dc7cd591b4bc result3
suruga
parents:
diff changeset
77 琉球大学 工学部 情報工学科 河野研
dc7cd591b4bc result3
suruga
parents:
diff changeset
78 <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:100%;height:0.2em;">
dc7cd591b4bc result3
suruga
parents:
diff changeset
79 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
80 </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
81 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
82 </table>
dc7cd591b4bc result3
suruga
parents:
diff changeset
83 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
84
dc7cd591b4bc result3
suruga
parents:
diff changeset
85 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
86 <!-- === begin markdown block ===
dc7cd591b4bc result3
suruga
parents:
diff changeset
87
dc7cd591b4bc result3
suruga
parents:
diff changeset
88 generated by markdown/1.2.0 on Ruby 2.4.0 (2016-12-24) [x86_64-darwin14]
dc7cd591b4bc result3
suruga
parents:
diff changeset
89 on 2018-02-21 03:09:56 +0900 with Markdown engine kramdown (1.13.2)
dc7cd591b4bc result3
suruga
parents:
diff changeset
90 using options {}
dc7cd591b4bc result3
suruga
parents:
diff changeset
91 -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
92
dc7cd591b4bc result3
suruga
parents:
diff changeset
93 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
94 <h1 id="section">研究背景(1/2)</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
95 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
96 <li>スマートフォン等の普及により、Webサービスの利用者が増え、Webサーバーにかかる負荷も増大している。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
97 <li>この問題を解決する為に当研究室では、スケーラビリティを持つ分散データベースとしてJungleを開発している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
98 <li>ここで言うスケーラビリティとは、複数のマシンに処理を分散させたりすることで、システムの処理能力を向上させる性能を指す</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
99 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
100
dc7cd591b4bc result3
suruga
parents:
diff changeset
101
dc7cd591b4bc result3
suruga
parents:
diff changeset
102 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
103 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
104 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
105 <h1 id="section-1">研究背景(2/2)</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
106 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
107 <li>Jungleは</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
108 <li>Jungleの分散機構には、当研究室で開発している分散フレームワークAliceのTopologyManagerという機能を使用している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
109 <li>Aliceでは、ComputationとMetaComputationに階層化し、コアな仕様と複雑な例外処理に分離す</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
110 <li>分散環境構築などの複雑な処理はAliceがMeta Computationとして提供する</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
111 <li>コードの変更を抑え、変更前の信頼性を保ったまま拡張可能にする</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
112 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
113
dc7cd591b4bc result3
suruga
parents:
diff changeset
114
dc7cd591b4bc result3
suruga
parents:
diff changeset
115 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
116 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
117 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
118 <h1 id="section-2">研究目的</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
119 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
120 <li>これまでJungleの分散性能を測定する方法が確立されていなかった</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
121 <li>Jungleの分散環境上での性能を測定する環境を構築する</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
122 <li>実際に分散環境上で Jungleに -write , -count オプションで負荷をかけ、処理にかかる時間を –showTime オプションで出力結果に表示した。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
123 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
124
dc7cd591b4bc result3
suruga
parents:
diff changeset
125
dc7cd591b4bc result3
suruga
parents:
diff changeset
126 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
127 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
128 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
129 <h1 id="jungle">JUngleデータベースの構造</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
130 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
131 <li>一般的なウェブサイトの構造は大体が木構造であるため、データ構造として木構造を採用している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
132 <li>NoSQLを元に開発されている為、RDBと異なり、木構造をそのまま読み込める</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
133 <li>Jungle はデータの変更を非破壊で行なっており、編集ごとのデータをバージョンとして TreeOperationLog に残している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
134 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
135
dc7cd591b4bc result3
suruga
parents:
diff changeset
136
dc7cd591b4bc result3
suruga
parents:
diff changeset
137 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
138 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
139 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
140 <h1 id="jungle12">Jungleの分散機構(1/2)</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
141 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
142 <li>JungleはGitやMercurialといった分散バージョン管理システムの機能を参考に作られている</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
143 <li>ノード間でデータの衝突が起きるのを避ける為、Mergeの機能が実装されている</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
144 <li>Jungleの分散機構には、当研究室で開発している分散フレームワークAliceのTopologyManagerという機能を使用している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
145 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
146
dc7cd591b4bc result3
suruga
parents:
diff changeset
147
dc7cd591b4bc result3
suruga
parents:
diff changeset
148 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
149 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
150 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
151 <h1 id="jungle22">Jungleの分散機構(2/2)</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
152 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
153 <li>Jungleの分散機構はツリートポロジーを想定している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
154 <li>ツリー型であれば、データの整合性をとる場合、一度トップまでデータを伝搬させることで行える</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
155 <li>ノード間でデータの衝突が生じても、Mergeして改めて送り直せばいいからである
dc7cd591b4bc result3
suruga
parents:
diff changeset
156 <img src="./images/tree.pdf" alt="opt" width="60%" /></li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
157 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
158
dc7cd591b4bc result3
suruga
parents:
diff changeset
159
dc7cd591b4bc result3
suruga
parents:
diff changeset
160 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
161 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
162 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
163 <h1 id="data-segment-manager">Data Segment Manager</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
164 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
165 <li>DS の集合体であるデータベースを <strong>DS Manager(DSM)</strong> と呼ぶ。
dc7cd591b4bc result3
suruga
parents:
diff changeset
166 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
167 <li>Local DSM … 各ノード固有のデータベース。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
168 <li>Remote DSM … 他のノードの Local DSM の proxy。接続しているノードの数だけ存在する。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
169 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
170 </li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
171 <li>DSM 内の DS には対になる String型のkey が存在し、 DSM 名と key を指定しすることで DS の保存、取得を行う。
dc7cd591b4bc result3
suruga
parents:
diff changeset
172 <img src="./images/remote_datasegment.svg" alt="opt" width="50%" /></li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
173 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
174
dc7cd591b4bc result3
suruga
parents:
diff changeset
175
dc7cd591b4bc result3
suruga
parents:
diff changeset
176 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
177 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
178 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
179 <h1 id="computation--meta-computation">Computation と Meta Computation</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
180 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
181 <li>Aliceでは、計算の本質的な処理をComputatin、Computationとは直接関係ないが別のレベルでそれを支える処理をMeta Computationとして分けて考える。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
182 <li>分散トポロジーの構成、通信の切断・再接続時の処理などはMeta ComputationとしてAliceが提供</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
183 <li>プログラマは目的の処理だけ記述し通信部分などはMeta Computationを指定することでシンプルな記述を実現</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
184 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
185
dc7cd591b4bc result3
suruga
parents:
diff changeset
186
dc7cd591b4bc result3
suruga
parents:
diff changeset
187 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
188 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
189 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
190 <h1 id="computation--meta-computation-1">Computation と Meta Computation</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
191 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
192 <li>DS/CSの接続の間にMeta Computationが実行されている</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
193 <li>AliceのMeta ComputationもCS/DSにより実現される</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
194 <li>Meta ComputationはCS の処理を支えるMeta CSとMeta CSに管理されるMeta DSに分けられる
dc7cd591b4bc result3
suruga
parents:
diff changeset
195 <img src="./pictures/MetaCSDS.svg" alt="opt" width="70%" /></li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
196 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
197
dc7cd591b4bc result3
suruga
parents:
diff changeset
198
dc7cd591b4bc result3
suruga
parents:
diff changeset
199 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
200 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
201 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
202 <h1 id="treevnc">TreeVNCへの応用</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
203 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
204 <li>AliceのMeta Computationの有効性を示すため実用的な例題であるTreeVNCを実装する</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
205 <li>TightVNCをもとにした木構造画面配信システム</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
206 <li>画面処理や分散処理が混在する複雑なTreeVNCも、Aliceを用いればTightVNCからの変更が少ない見通しの良い記述で構成可能</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
207 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
208
dc7cd591b4bc result3
suruga
parents:
diff changeset
209
dc7cd591b4bc result3
suruga
parents:
diff changeset
210 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
211 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
212 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
213 <h1 id="treevnc-1">TreeVNCで必要な機能</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
214 <p>TreeVNCのComputation(VNCサーバからデータを受け取り表示)を支える機能をMeta Computationとして実装する</p>
dc7cd591b4bc result3
suruga
parents:
diff changeset
215
dc7cd591b4bc result3
suruga
parents:
diff changeset
216 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
217 <li>TreeTopologyの構成・管理(Topology Manager)</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
218 <li>ノード間通信の切断時・再接続時の処理(ClosedEventManager)</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
219 <li>ノードの接続状態確認(KeepAlive)</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
220 <li>子ノードへのデータの転送(flip)</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
221 <li>データの圧縮</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
222 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
223
dc7cd591b4bc result3
suruga
parents:
diff changeset
224
dc7cd591b4bc result3
suruga
parents:
diff changeset
225 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
226 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
227 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
228 <h1 id="meta-computation">Meta Computationの追加</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
229 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
230 <li>TreeVNCの数MByteの画面差分データを配信し続けるためデータを圧縮している</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
231 <li>画面データを圧縮して送る → 解凍して画面表示 → 再圧縮して子ノードへ転送</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
232 <li>圧縮状態のまま子ノードに送信ができれば、解凍・再圧縮 するオーバーヘッドを無くすことができる</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
233 <li>圧縮のMeta Computationと転送のMeta Computationを追加した</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
234 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
235
dc7cd591b4bc result3
suruga
parents:
diff changeset
236
dc7cd591b4bc result3
suruga
parents:
diff changeset
237 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
238 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
239 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
240 <h1 id="meta-ds">圧縮表現(Meta DS)の追加</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
241 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
242 <li>DSを複数作るのではなく、1つのDSに対しMeta DSとして以下の表現を同時に持たせる</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
243 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
244
dc7cd591b4bc result3
suruga
parents:
diff changeset
245 <table style="border:none;">
dc7cd591b4bc result3
suruga
parents:
diff changeset
246 <tr><td width="550px">
dc7cd591b4bc result3
suruga
parents:
diff changeset
247 1. 一般的なJavaのオブジェクト<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
248  LocalDSMにputしたときの形式 <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
249 <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
250 2. シリアライズ化されたバイナリオブジェクト <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
251  RemoteDSMにputしたときの形式 <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
252 <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
253 3. 2を圧縮したバイナリオブジェクト <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
254  今回追加した形式 <br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
255 </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
256 <td width="500px">
dc7cd591b4bc result3
suruga
parents:
diff changeset
257 <img src="./pictures/compressDS.svg" width="100%" />
dc7cd591b4bc result3
suruga
parents:
diff changeset
258 </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
259 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
260 </table>
dc7cd591b4bc result3
suruga
parents:
diff changeset
261
dc7cd591b4bc result3
suruga
parents:
diff changeset
262
dc7cd591b4bc result3
suruga
parents:
diff changeset
263 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
264 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
265 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
266 <h1 id="dsmapi">圧縮表現を扱うDSMとAPIの追加</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
267 <ul lang="java">
dc7cd591b4bc result3
suruga
parents:
diff changeset
268 <li>Local と Remote それぞれに圧縮表現を扱う Compressed DSM を追加</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
269 <li>DSを圧縮したい場合は指定する DSM を Compressed DSM に変える</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
270 <li>圧縮するコードとしないコードで変更が少ない</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
271 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
272 <pre><code> put("Remote", "Key", val);
dc7cd591b4bc result3
suruga
parents:
diff changeset
273 put("compressedRemote", "Key", val);  
dc7cd591b4bc result3
suruga
parents:
diff changeset
274 </code></pre>
dc7cd591b4bc result3
suruga
parents:
diff changeset
275
dc7cd591b4bc result3
suruga
parents:
diff changeset
276
dc7cd591b4bc result3
suruga
parents:
diff changeset
277 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
278 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
279 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
280 <h1 id="section-3">圧縮表現がオンデマンドに作られる</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
281 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
282 <li>DS はオブジェクト表現と圧縮表現を同時にもつため、TreeVNCでは受け取った画面データを解凍した後、転送のためにコピーや再圧縮をすることはない。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
283 <li>複数表現は必要最低限にしか作られない。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
284 <li>一つのKeyに対し様々な表現のDSが対応するが、キャストメソッドであるasClass()によってユーザーは送られてくるDSの表現を気にせず任意の型で取り出せる。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
285 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
286
dc7cd591b4bc result3
suruga
parents:
diff changeset
287
dc7cd591b4bc result3
suruga
parents:
diff changeset
288 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
289 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
290 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
291 <h1 id="meta-computation-1">Meta Computationの評価</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
292 <p>TreeVNCとAliceVNCを比較した</p>
dc7cd591b4bc result3
suruga
parents:
diff changeset
293
dc7cd591b4bc result3
suruga
parents:
diff changeset
294 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
295 <li>性能比較<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
296 各ノードへのメッセージの伝達速度を比較<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
297 同等の性能が実現できたか</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
298 <li>コード比較<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
299 コード量・コード複雑度を比較<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
300 シンプルな記述で仕様の変更が抑えられているか</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
301 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
302
dc7cd591b4bc result3
suruga
parents:
diff changeset
303
dc7cd591b4bc result3
suruga
parents:
diff changeset
304 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
305 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
306 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
307 <h1 id="section-4">性能比較 - 実験結果</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
308 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
309 <li>3段目の計測結果</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
310 <li>同じ傾向から同等の処理性能があることがわかった</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
311 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
312
dc7cd591b4bc result3
suruga
parents:
diff changeset
313 <table style="border:none;">
dc7cd591b4bc result3
suruga
parents:
diff changeset
314 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
315 <td><img src="./pictures/TreeVNC_depth3.svg" width="80%" /></td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
316 <td><img src="./pictures/AliceVNC_compress_depth3.svg" width="80%" /></td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
317 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
318 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
319 <td align="center">TreeVNC</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
320 <td align="center">AliceVNC</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
321 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
322 </table>
dc7cd591b4bc result3
suruga
parents:
diff changeset
323
dc7cd591b4bc result3
suruga
parents:
diff changeset
324
dc7cd591b4bc result3
suruga
parents:
diff changeset
325 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
326 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
327 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
328 <h1 id="section-5">コード量比較</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
329 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
330 <li>TightVNCを含む全体の行数・単語数はAliceVNCのほうが少ない</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
331 <li>コードの増加量ではTreeVNCに比べ75%仕様の変更が抑えられている</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
332 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
333
dc7cd591b4bc result3
suruga
parents:
diff changeset
334 <table style="border-collapse: collapse;border:1px solid #000000;">
dc7cd591b4bc result3
suruga
parents:
diff changeset
335 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;"></th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
336 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;"> 行数 </th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
337 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;">単語数</th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
338 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;">TightVNCからの変更行数</th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
339 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
340 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> TreeVNC </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
341 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">19502</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
342 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">73646</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
343 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">7351</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
344 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
345 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
346 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> AliceVNC </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
347 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">14647</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
348 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">59217</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
349 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">1129</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
350 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
351 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
352 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> 減少率 (%)</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
353 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">25</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
354 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">20</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
355 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">75</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
356 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
357 </table>
dc7cd591b4bc result3
suruga
parents:
diff changeset
358
dc7cd591b4bc result3
suruga
parents:
diff changeset
359
dc7cd591b4bc result3
suruga
parents:
diff changeset
360 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
361 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
362 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
363 <h1 id="section-6">コード複雑度比較</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
364 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
365 <li>循環的複雑度を用いる<br />
dc7cd591b4bc result3
suruga
parents:
diff changeset
366 コード内の線形独立な経路の数。if や forが多いほど複雑度が高い。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
367 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
368
dc7cd591b4bc result3
suruga
parents:
diff changeset
369 <table style="border-collapse: collapse;border:1px solid #000000;">
dc7cd591b4bc result3
suruga
parents:
diff changeset
370 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;"></th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
371 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;"> 平均値 </th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
372 <th style="border:1px solid #000000;padding:5px 15px 5px 15px;">最高値</th>
dc7cd591b4bc result3
suruga
parents:
diff changeset
373 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
374 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> TightVNC </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
375 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">13.63</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
376 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">97</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
377 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
378 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
379 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> TreeVNC </td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
380 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">15.33</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
381 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">141</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
382 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
383 <tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
384 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;"> AliceVNC</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
385 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">10.95</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
386 <td style="border:1px solid #000000;padding:5px 15px 5px 15px;">99</td>
dc7cd591b4bc result3
suruga
parents:
diff changeset
387 </tr>
dc7cd591b4bc result3
suruga
parents:
diff changeset
388 </table>
dc7cd591b4bc result3
suruga
parents:
diff changeset
389
dc7cd591b4bc result3
suruga
parents:
diff changeset
390 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
391 <li>AliceVNCのほうがTreeVNCに比べ複雑度が低い</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
392 <li>TreeVNC で最も複雑度が高いTreeRFBProto.classはデータの待ち合わせ処理や通信処理が入り組んだ複雑なコード</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
393 <li>AliceVNCで最も複雑度が高いSwingViewerWindow.classは、TightVNCから変更がほとんどないため、AliceVNCの持っている複雑度はTightVNCが元来持っていた複雑度</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
394 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
395
dc7cd591b4bc result3
suruga
parents:
diff changeset
396
dc7cd591b4bc result3
suruga
parents:
diff changeset
397 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
398 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
399 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
400 <h1 id="section-7">まとめ</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
401 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
402 <li>JungleとAliceで生じていたJava等のバージョンのズレを修正した</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
403 <li>   </li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
404 <li>測定用に、任意のnodeと任意のトポロジーを形成するperlスクリプトを作成した</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
405 <li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
406 <p>mavenリポジトリのキャッシュをクリアすることアップデートできた。</p>
dc7cd591b4bc result3
suruga
parents:
diff changeset
407 </li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
408 <li>Alice が実用的なアプリケーションを記述するための Meta Computation として、Meta Data Segmentに複数の表現のデータを同時に持たせることで圧縮機能を実装した。同様の手法を用いれば暗号表現などへの対応もでき自由度の高い通信を行うことが可能になる。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
409 <li>TreeVNCをAlice上で実装し比較を行った結果、変更量の少ないシンプルな記述でTreeVNCの基本機能を実現でき、同等の性能を出すことに成功した。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
410 <li>AliceのMeta Computationが拡張性・信頼性の高い実用的な分散アプリケーションの構築に有用であることが確認された。</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
411 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
412
dc7cd591b4bc result3
suruga
parents:
diff changeset
413
dc7cd591b4bc result3
suruga
parents:
diff changeset
414 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
415 <div class='slide '>
dc7cd591b4bc result3
suruga
parents:
diff changeset
416 <!-- _S9SLIDE_ -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
417 <h1 id="section-8">今後の課題</h1>
dc7cd591b4bc result3
suruga
parents:
diff changeset
418 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
419 <li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
420 <p>新たに確立した測定環境で現在のJungleの分散性能を測定したい</p>
dc7cd591b4bc result3
suruga
parents:
diff changeset
421 </li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
422 <li>再接続時に、Jungleのノードのデータを再ロードできるプロトコルを定義したい
dc7cd591b4bc result3
suruga
parents:
diff changeset
423 <ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
424 <li>方法としては、他のノード、もしくはディスクからデータを読み込む</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
425 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
426 </li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
427 <li>ディスク上にしかないツリートポロジーを読み出すプロトコルを定義したい</li>
dc7cd591b4bc result3
suruga
parents:
diff changeset
428 </ul>
dc7cd591b4bc result3
suruga
parents:
diff changeset
429
dc7cd591b4bc result3
suruga
parents:
diff changeset
430 <style type="text/css">
dc7cd591b4bc result3
suruga
parents:
diff changeset
431 <!--
dc7cd591b4bc result3
suruga
parents:
diff changeset
432 *{
dc7cd591b4bc result3
suruga
parents:
diff changeset
433 font:nomal 100% 'PT Sans';
dc7cd591b4bc result3
suruga
parents:
diff changeset
434 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
435
dc7cd591b4bc result3
suruga
parents:
diff changeset
436 ul > li{
dc7cd591b4bc result3
suruga
parents:
diff changeset
437 list-style-type:disc;
dc7cd591b4bc result3
suruga
parents:
diff changeset
438 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
439
dc7cd591b4bc result3
suruga
parents:
diff changeset
440 .slide h1{
dc7cd591b4bc result3
suruga
parents:
diff changeset
441 text-align:left;
dc7cd591b4bc result3
suruga
parents:
diff changeset
442 color:#777777;
dc7cd591b4bc result3
suruga
parents:
diff changeset
443 font:bold 40px/1.13 'PT Sans', sans-serif;
dc7cd591b4bc result3
suruga
parents:
diff changeset
444 margin-bottom: 50px;
dc7cd591b4bc result3
suruga
parents:
diff changeset
445 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
446
dc7cd591b4bc result3
suruga
parents:
diff changeset
447 div#slide1 h1{
dc7cd591b4bc result3
suruga
parents:
diff changeset
448 text-align:left;
dc7cd591b4bc result3
suruga
parents:
diff changeset
449 color:#777777;
dc7cd591b4bc result3
suruga
parents:
diff changeset
450 font:bold 60px 'PT Sans', sans-serif;
dc7cd591b4bc result3
suruga
parents:
diff changeset
451 margin-bottom: 50px;
dc7cd591b4bc result3
suruga
parents:
diff changeset
452 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
453
dc7cd591b4bc result3
suruga
parents:
diff changeset
454 pre > code{
dc7cd591b4bc result3
suruga
parents:
diff changeset
455 font-family:'Droid Sans Mono', 'Courier New', monospace;
dc7cd591b4bc result3
suruga
parents:
diff changeset
456 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
457
dc7cd591b4bc result3
suruga
parents:
diff changeset
458 img[alt="opt"]{
dc7cd591b4bc result3
suruga
parents:
diff changeset
459 display: block;
dc7cd591b4bc result3
suruga
parents:
diff changeset
460 margin-left: auto;
dc7cd591b4bc result3
suruga
parents:
diff changeset
461 margin-right: auto;
dc7cd591b4bc result3
suruga
parents:
diff changeset
462 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
463
dc7cd591b4bc result3
suruga
parents:
diff changeset
464 img[alt="right"]{
dc7cd591b4bc result3
suruga
parents:
diff changeset
465 margin-right: 0;
dc7cd591b4bc result3
suruga
parents:
diff changeset
466 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
467
dc7cd591b4bc result3
suruga
parents:
diff changeset
468 table {
dc7cd591b4bc result3
suruga
parents:
diff changeset
469 margin-left: auto;
dc7cd591b4bc result3
suruga
parents:
diff changeset
470 margin-right: auto;
dc7cd591b4bc result3
suruga
parents:
diff changeset
471 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
472
dc7cd591b4bc result3
suruga
parents:
diff changeset
473 th {
dc7cd591b4bc result3
suruga
parents:
diff changeset
474 font-size: 120%;
dc7cd591b4bc result3
suruga
parents:
diff changeset
475 }
dc7cd591b4bc result3
suruga
parents:
diff changeset
476 -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
477 </style>
dc7cd591b4bc result3
suruga
parents:
diff changeset
478
dc7cd591b4bc result3
suruga
parents:
diff changeset
479 <!-- === end markdown block === -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
480 </div>
dc7cd591b4bc result3
suruga
parents:
diff changeset
481
dc7cd591b4bc result3
suruga
parents:
diff changeset
482
dc7cd591b4bc result3
suruga
parents:
diff changeset
483 </div><!-- presentation -->
dc7cd591b4bc result3
suruga
parents:
diff changeset
484 </body>
dc7cd591b4bc result3
suruga
parents:
diff changeset
485 </html>