comparison slide/slide.html @ 47:25d968349699

update slide
author Ken Miyahira <e175733@ie.u-ryukyu.ac.jp>
date Thu, 11 Feb 2021 23:48:04 +0900
parents ae1309162772
children 47a9b8bf069b
comparison
equal deleted inserted replaced
46:ae1309162772 47:25d968349699
25 25
26 section.slide h1 { 26 section.slide h1 {
27 position: absolute; 27 position: absolute;
28 left: 50px; top: 35px; 28 left: 50px; top: 35px;
29 } 29 }
30 " class="title" data-marpit-pagination="1" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 30 " class="title" data-marpit-pagination="1" data-marpit-pagination-total="31" style="--paginate:true;--class:title;--theme:default;
31 ;"> 31 ;">
32 <h1><svg data-marp-fitting="svg"><foreignObject><span data-marp-fitting-svg-content> コンテナ技術を用いた教育情報システムの構築</span></foreignObject></svg></h1> 32 <h1><svg data-marp-fitting="svg"><foreignObject><span data-marp-fitting-svg-content> コンテナ技術を用いた教育情報システムの構築</span></foreignObject></svg></h1>
33 <ul> 33 <ul>
34 <li>宮平 賢 34 <li>宮平 賢
35 <ul> 35 <ul>
60 60
61 section.slide h1 { 61 section.slide h1 {
62 position: absolute; 62 position: absolute;
63 left: 50px; top: 35px; 63 left: 50px; top: 35px;
64 } 64 }
65 " class="slide" data-marpit-pagination="2" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 65 " class="slide" data-marpit-pagination="2" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
66 ;"> 66 ;">
67 <h1>研究目的</h1> 67 <h1>研究目的</h1>
68 <ul> 68 <ul>
69 <li>情報通信技術の普及に伴い学ぶことが増えている</li> 69 <li>情報通信技術の普及に伴い学ぶことが増えている</li>
70 <li>その学習環境として、Virtual MachineやContainerがある 70 <li>その学習環境として、Virtual MachineやContainerがある
77 </li> 77 </li>
78 </ul> 78 </ul>
79 </li> 79 </li>
80 </ul> 80 </ul>
81 </section> 81 </section>
82 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="3" data-paginate="true" data-class="title" data-theme="default" data-style="section { 82 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="3" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
83 background-color: #FFFFFF; 83 background-color: #FFFFFF;
84 font-size: 28px; 84 font-size: 28px;
85 color: #4b4b4b; 85 color: #4b4b4b;
86 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 86 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
87 } 87 }
88 88
89 section.title { 89 section.title {
90 font-size: 40px; 90 font-size: 40px;
91 padding: 40px; 91 padding: 40px;
92 } 92 }
93 section.title h1 { 93 section.title h1 {
94 text-align: center; 94 text-align: center;
95 } 95 }
96 96
97 section.slide h1 { 97 section.slide h1 {
98 position: absolute; 98 position: absolute;
99 left: 50px; top: 35px; 99 left: 50px; top: 35px;
100 } 100 }
101 " class="title" data-marpit-pagination="3" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 101 " class="slide" data-marpit-pagination="3" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
102 ;"> 102 ;">
103 <h1>旧システム</h1> 103 <h1>これまでの学生向け学習環境</h1>
104 <ul>
105 <li>
106 <p>VM貸出サービス</p>
107 <ul>
108 <li>Akatsuki
109 <ul>
110 <li>申請を行い、Webコントロールパネルから作成</li>
111 </ul>
112 </li>
113 <li>ie-virsh
114 <ul>
115 <li>手元のPCで作成したVMイメージのデプロイ</li>
116 </ul>
117 </li>
118 </ul>
119 </li>
120 <li>
121 <p>VM貸出サービスのデフォルトスペック</p>
122 <ul>
123 <li>CPU 1コア</li>
124 <li>メモリ 1GB</li>
125 <li>ディスク容量 10GB</li>
126 </ul>
127 </li>
128 </ul>
104 </section> 129 </section>
105 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 130 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
106 background-color: #FFFFFF; 131 background-color: #FFFFFF;
107 font-size: 28px; 132 font-size: 28px;
108 color: #4b4b4b; 133 color: #4b4b4b;
119 144
120 section.slide h1 { 145 section.slide h1 {
121 position: absolute; 146 position: absolute;
122 left: 50px; top: 35px; 147 left: 50px; top: 35px;
123 } 148 }
124 " class="slide" data-marpit-pagination="4" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 149 " class="slide" data-marpit-pagination="4" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
125 ;"> 150 ;">
126 <h1>旧システムでの問題点</h1> 151 <h1>これまでの学習環境の問題点</h1>
127 <ul> 152 <ul>
128 <li>仮想環境の貸出サービスにおいて,新しく仮想環境を作成するにはシステム管理チームへ申請が必要であった.そのため,一部学生は申請の方法が分からなかったり,貸出サービスがあることが周知されていなかったため,旧システムのリソースが余っていた</li> 153 <li>VM貸出サービスの一部学生は申請の方法が分からなかったり、貸出サービスがあることが周知されていなかったため、旧システムのリソースが余っていた</li>
129 <li>機械学習の演習ではGPUが求められる.だが,旧システムにはGPUが搭載されていないため,要求されるリソースを提供できない.そのため,貸出サービスではなく研究室ごとの機器が多く利用された.</li> 154 </ul>
155 <br />
156 <ul>
157 <li>VMのスペックの変更にはシステム管理チームへの申請が必要であり、利用者と管理者とのやり取りなどの手間があった</li>
158 </ul>
159 <br />
160 <ul>
161 <li>旧システムにはGPUが搭載されていないため、貸出サービスではなく研究室ごとの機器、クラウドサービスが多く利用された</li>
130 </ul> 162 </ul>
131 </section> 163 </section>
132 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-paginate="true" data-class="title" data-theme="default" data-style="section { 164 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-paginate="true" data-class="title" data-theme="default" data-style="section {
133 background-color: #FFFFFF; 165 background-color: #FFFFFF;
134 font-size: 28px; 166 font-size: 28px;
146 178
147 section.slide h1 { 179 section.slide h1 {
148 position: absolute; 180 position: absolute;
149 left: 50px; top: 35px; 181 left: 50px; top: 35px;
150 } 182 }
151 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 183 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="31" style="--paginate:true;--class:title;--theme:default;
152 ;"> 184 ;">
153 <h1>教育情報システムの構築</h1> 185 <h1>教育情報システムの構築</h1>
154 </section> 186 </section>
155 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="6" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 187 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="6" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
156 background-color: #FFFFFF; 188 background-color: #FFFFFF;
169 201
170 section.slide h1 { 202 section.slide h1 {
171 position: absolute; 203 position: absolute;
172 left: 50px; top: 35px; 204 left: 50px; top: 35px;
173 } 205 }
174 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 206 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
175 ;"> 207 ;">
176 <h1>仮想環境の構築</h1> 208 <h1>オンプレミス環境</h1>
177 <ul> 209 <ul>
178 <li>KVMを利用する 210 <li>汎用サーバ x 4</li>
179 <ul> 211 <li>ディスクサーバ x 2</li>
180 <li>GPUを利用できない</li> 212 </ul>
181 </ul>
182 </li>
183 <li>そうだ、コンテナ環境を導入しよう!!</li>
184 </ul>
185 </section>
186 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
187 background-color: #FFFFFF;
188 font-size: 28px;
189 color: #4b4b4b;
190 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
191 }
192
193 section.title {
194 font-size: 40px;
195 padding: 40px;
196 }
197 section.title h1 {
198 text-align: center;
199 }
200
201 section.slide h1 {
202 position: absolute;
203 left: 50px; top: 35px;
204 }
205 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default;
206 ;">
207 <h1>コンテナ環境の導入</h1>
208 <ul>
209 <li>Podman</li>
210 <li>Singularity</li>
211 <li>GPUは4台あるぞ??
212 <ul>
213 <li>ジョブスケジューラを構築しよう!</li>
214 </ul>
215 </li>
216 </ul>
217 </section>
218 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
219 background-color: #FFFFFF;
220 font-size: 28px;
221 color: #4b4b4b;
222 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
223 }
224
225 section.title {
226 font-size: 40px;
227 padding: 40px;
228 }
229 section.title h1 {
230 text-align: center;
231 }
232
233 section.slide h1 {
234 position: absolute;
235 left: 50px; top: 35px;
236 }
237 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default;
238 ;">
239 <h1>Podman</h1>
240 <ul>
241 <li>Podmanはイメージの作成やコンテナの作成が遅い
242 <ul>
243 <li>Podmanがまだ開発段階</li>
244 <li>Cephとの相性が悪い</li>
245 </ul>
246 </li>
247 <li>Rootlessでは実行できない機能がある
248 <ul>
249 <li>IPアドレスの割り当て</li>
250 </ul>
251 </li>
252 <li>そこでPodmanのwrapperであるie-podmanを作成した</li>
253 </ul>
254 </section>
255 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
256 background-color: #FFFFFF;
257 font-size: 28px;
258 color: #4b4b4b;
259 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
260 }
261
262 section.title {
263 font-size: 40px;
264 padding: 40px;
265 }
266 section.title h1 {
267 text-align: center;
268 }
269
270 section.slide h1 {
271 position: absolute;
272 left: 50px; top: 35px;
273 }
274 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default;
275 ;">
276 <h1>ie-podmanの機能 1/2</h1>
277 <table> 213 <table>
278 <thead> 214 <thead>
279 <tr> 215 <tr>
216 <th style="text-align:center"></th>
217 <th style="text-align:center"></th>
218 </tr>
219 </thead>
220 <tbody>
221 <tr>
222 <td style="text-align:center">CPU</td>
223 <td style="text-align:center">Intel Xeon Gold 6238 (2.10GHz/22Core)</td>
224 </tr>
225 <tr>
226 <td style="text-align:center">GPU</td>
227 <td style="text-align:center">Nvidia Tesla V100S</td>
228 </tr>
229 <tr>
230 <td style="text-align:center">メモリ</td>
231 <td style="text-align:center">512GB</td>
232 </tr>
233 <tr>
234 <td style="text-align:center">SAS SSD</td>
235 <td style="text-align:center">5TB</td>
236 </tr>
237 <tr>
238 <td style="text-align:center">NVMe SSD</td>
239 <td style="text-align:center">1.5TB</td>
240 </tr>
241 </tbody>
242 </table>
243 </section>
244 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
245 background-color: #FFFFFF;
246 font-size: 28px;
247 color: #4b4b4b;
248 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
249 }
250
251 section.title {
252 font-size: 40px;
253 padding: 40px;
254 }
255 section.title h1 {
256 text-align: center;
257 }
258
259 section.slide h1 {
260 position: absolute;
261 left: 50px; top: 35px;
262 }
263 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
264 ;">
265 <h1>VM貸出サービスの移行</h1>
266 <ul>
267 <li>VM貸出サービスを継続するため、KVMを導入する</li>
268 <li>VMからGPUの利用にはPCIパススルーの設定が必要となる</li>
269 <li>しかし、VM1つに対し、1つのGPUが必要になる
270 <ul>
271 <li>希望する学生全員に割り当てができない</li>
272 </ul>
273 </li>
274 </ul>
275 <br />
276 <ul>
277 <li>そこで、コンテナ環境を導入する
278 <ul>
279 <li>1つのGPUを複数のコンテナから利用できる</li>
280 </ul>
281 </li>
282 </ul>
283 </section>
284 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
285 background-color: #FFFFFF;
286 font-size: 28px;
287 color: #4b4b4b;
288 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
289 }
290
291 section.title {
292 font-size: 40px;
293 padding: 40px;
294 }
295 section.title h1 {
296 text-align: center;
297 }
298
299 section.slide h1 {
300 position: absolute;
301 left: 50px; top: 35px;
302 }
303 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
304 ;">
305 <h1>コンテナ環境の導入</h1>
306 <ul>
307 <li>要件としてマルチユーザであり、GPUが利用できるなどがある</li>
308 <li>そこで、Podman、Singularityを導入する</li>
309 <li>Podman
310 <ul>
311 <li>rootlessで利用できる</li>
312 <li>nvidia-dockerの設定を行えばGPUを利用できる</li>
313 </ul>
314 </li>
315 <li>Singularity
316 <ul>
317 <li>rootlessで利用できる</li>
318 <li>GPUの利用が容易
319 <ul>
320 <li>GPUドライバーのインストールのみ</li>
321 </ul>
322 </li>
323 </ul>
324 </li>
325 </ul>
326 </section>
327 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
328 background-color: #FFFFFF;
329 font-size: 28px;
330 color: #4b4b4b;
331 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
332 }
333
334 section.title {
335 font-size: 40px;
336 padding: 40px;
337 }
338 section.title h1 {
339 text-align: center;
340 }
341
342 section.slide h1 {
343 position: absolute;
344 left: 50px; top: 35px;
345 }
346 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
347 ;">
348 <h1>コンテナエンジンの補い</h1>
349 <ul>
350 <li>
351 <p>Podman</p>
352 <ul>
353 <li>イメージの作成やコンテナの作成が遅い
354 <ul>
355 <li>Podmanがまだ開発段階</li>
356 </ul>
357 </li>
358 <li>rootlessでは実行できない機能がある
359 <ul>
360 <li>IPアドレスの割り当て</li>
361 </ul>
362 </li>
363 </ul>
364 </li>
365 <li>
366 <p>Singularity</p>
367 <ul>
368 <li>イメージの作成に時間がかかる
369 <ul>
370 <li>ビルド中にエラーが発生すると、一から再開する必要がある</li>
371 </ul>
372 </li>
373 </ul>
374 </li>
375 <li>
376 <p>そこでPodmanのwrapperであるie-podmanを作成した</p>
377 </li>
378 </ul>
379 </section>
380 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="10" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
381 background-color: #FFFFFF;
382 font-size: 28px;
383 color: #4b4b4b;
384 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
385 }
386
387 section.title {
388 font-size: 40px;
389 padding: 40px;
390 }
391 section.title h1 {
392 text-align: center;
393 }
394
395 section.slide h1 {
396 position: absolute;
397 left: 50px; top: 35px;
398 }
399 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
400 ;">
401 <h1>ie-podmanの作成</h1>
402 <ul>
403 <li>ユーザのUID、GIDを取得し管理を行う
404 <ul>
405 <li>他のユーザのリソースを操作できない</li>
406 </ul>
407 </li>
408 <li>SSD上にイメージ等を保存し、高速を図る</li>
409 </ul>
410 </section>
411 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
412 background-color: #FFFFFF;
413 font-size: 28px;
414 color: #4b4b4b;
415 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
416 }
417
418 section.title {
419 font-size: 40px;
420 padding: 40px;
421 }
422 section.title h1 {
423 text-align: center;
424 }
425
426 section.slide h1 {
427 position: absolute;
428 left: 50px; top: 35px;
429 }
430 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
431 ;">
432 <h1>ie-podmanの機能 1/2</h1>
433 <ul>
434 <li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li>
435 </ul>
436 <table>
437 <thead>
438 <tr>
280 <th>コマンド</th> 439 <th>コマンド</th>
281 <th>機能</th> 440 <th>機能</th>
282 </tr> 441 </tr>
283 </thead> 442 </thead>
284 <tbody> 443 <tbody>
311 <td>起動中のコンテナの一覧を表示する</td> 470 <td>起動中のコンテナの一覧を表示する</td>
312 </tr> 471 </tr>
313 </tbody> 472 </tbody>
314 </table> 473 </table>
315 </section> 474 </section>
316 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="10" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 475 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="12" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
317 background-color: #FFFFFF; 476 background-color: #FFFFFF;
318 font-size: 28px; 477 font-size: 28px;
319 color: #4b4b4b; 478 color: #4b4b4b;
320 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 479 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
321 } 480 }
322 481
323 section.title { 482 section.title {
324 font-size: 40px; 483 font-size: 40px;
325 padding: 40px; 484 padding: 40px;
326 } 485 }
327 section.title h1 { 486 section.title h1 {
328 text-align: center; 487 text-align: center;
329 } 488 }
330 489
331 section.slide h1 { 490 section.slide h1 {
332 position: absolute; 491 position: absolute;
333 left: 50px; top: 35px; 492 left: 50px; top: 35px;
334 } 493 }
335 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 494 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
336 ;"> 495 ;">
337 <h1>ie-podmanの機能 2/2</h1> 496 <h1>ie-podmanの機能 2/2</h1>
497 <ul>
498 <li>registryやsifなど独自機能を提供する</li>
499 </ul>
338 <table> 500 <table>
339 <thead> 501 <thead>
340 <tr> 502 <tr>
341 <th>コマンド</th> 503 <th>コマンド</th>
342 <th>機能</th> 504 <th>機能</th>
368 <td>コンテナを停止する</td> 530 <td>コンテナを停止する</td>
369 </tr> 531 </tr>
370 </tbody> 532 </tbody>
371 </table> 533 </table>
372 </section> 534 </section>
373 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 535 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="13" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
374 background-color: #FFFFFF; 536 background-color: #FFFFFF;
375 font-size: 28px; 537 font-size: 28px;
376 color: #4b4b4b; 538 color: #4b4b4b;
377 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 539 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
378 } 540 }
379 541
380 section.title { 542 section.title {
381 font-size: 40px; 543 font-size: 40px;
382 padding: 40px; 544 padding: 40px;
383 } 545 }
384 section.title h1 { 546 section.title h1 {
385 text-align: center; 547 text-align: center;
386 } 548 }
387 549
388 section.slide h1 { 550 section.slide h1 {
389 position: absolute; 551 position: absolute;
390 left: 50px; top: 35px; 552 left: 50px; top: 35px;
391 } 553 }
392 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 554 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
393 ;"> 555 ;">
394 <h1>Singularity</h1> 556 <h1>ジョブスケジューラの導入</h1>
395 <ul> 557 <ul>
396 <li>Slurm経由で実行しよう!</li> 558 <li>多くのリソースを必要とするプログラムは管理が必要である</li>
397 </ul> 559 <li>4台のサーバのリソースを利用できるようにする必要がある</li>
398 </section> 560 <li>そこで、ジョブスケジューラのSlurmを採用する
399 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="12" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 561 <ul>
400 background-color: #FFFFFF; 562 <li>フォールトトレラントで拡張性が高い</li>
401 font-size: 28px; 563 </ul>
402 color: #4b4b4b; 564 </li>
403 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 565 </ul>
404 } 566 </section>
405 567 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
406 section.title { 568 background-color: #FFFFFF;
407 font-size: 40px; 569 font-size: 28px;
408 padding: 40px; 570 color: #4b4b4b;
409 } 571 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
410 section.title h1 { 572 }
411 text-align: center; 573
412 } 574 section.title {
413 575 font-size: 40px;
414 section.slide h1 { 576 padding: 40px;
415 position: absolute; 577 }
416 left: 50px; top: 35px; 578 section.title h1 {
417 } 579 text-align: center;
418 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 580 }
581
582 section.slide h1 {
583 position: absolute;
584 left: 50px; top: 35px;
585 }
586 " class="slide" data-marpit-pagination="14" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
419 ;"> 587 ;">
420 <h1>ジョブスケジューラの構築</h1> 588 <h1>ジョブスケジューラの構築</h1>
421 <p>利用方針 <strong>「最悪待ち時間を減らす」</strong></p> 589 <p>利用方針 <strong>「計算リソースの利用効率を上げる」</strong></p>
422 <ul> 590 <ul>
423 <li>Jobの優先順位 591 <li>Jobの優先順位
424 <ul> 592 <ul>
425 <li>要求するリソースの少ないJobの優先度を高くする</li> 593 <li>要求するリソースの少ないJobの優先度を高くする</li>
426 <li>実行時間が短いJobの優先度を高くする</li> 594 <li>実行時間が短いJobの優先度を高くする</li>
437 </ul> 605 </ul>
438 </li> 606 </li>
439 </ul> 607 </ul>
440 <p>また、Jobのスケジュールにはバックフィルを採用する。</p> 608 <p>また、Jobのスケジュールにはバックフィルを採用する。</p>
441 </section> 609 </section>
442 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="13" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 610 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
443 background-color: #FFFFFF; 611 background-color: #FFFFFF;
444 font-size: 28px; 612 font-size: 28px;
445 color: #4b4b4b; 613 color: #4b4b4b;
446 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 614 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
447 } 615 }
448 616
449 section.title { 617 section.title {
450 font-size: 40px; 618 font-size: 40px;
451 padding: 40px; 619 padding: 40px;
452 } 620 }
453 section.title h1 { 621 section.title h1 {
454 text-align: center; 622 text-align: center;
455 } 623 }
456 624
457 section.slide h1 { 625 section.slide h1 {
458 position: absolute; 626 position: absolute;
459 left: 50px; top: 35px; 627 left: 50px; top: 35px;
460 } 628 }
461 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 629 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
462 ;"> 630 ;">
463 <p><img src="images/backfill.png" alt="" /></p> 631 <p><img src="images/backfill.png" alt="" /></p>
464 </section> 632 </section>
465 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 633 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="16" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
466 background-color: #FFFFFF; 634 background-color: #FFFFFF;
467 font-size: 28px; 635 font-size: 28px;
468 color: #4b4b4b; 636 color: #4b4b4b;
469 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 637 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
470 } 638 }
471 639
472 section.title { 640 section.title {
473 font-size: 40px; 641 font-size: 40px;
474 padding: 40px; 642 padding: 40px;
475 } 643 }
476 section.title h1 { 644 section.title h1 {
477 text-align: center; 645 text-align: center;
478 } 646 }
479 647
480 section.slide h1 { 648 section.slide h1 {
481 position: absolute; 649 position: absolute;
482 left: 50px; top: 35px; 650 left: 50px; top: 35px;
483 } 651 }
484 " class="slide" data-marpit-pagination="14" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 652 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
485 ;"> 653 ;">
486 <h1>ファイルシステムの構成</h1> 654 <h1>ファイルシステムの導入</h1>
487 <ul> 655 <ul>
488 <li>Cephを採用 656 <li>Cephを採用
489 <ul> 657 <ul>
490 <li>自己修復、自己管理機能を搭載</li> 658 <li>自己修復、自己管理機能を搭載するため信頼性が高い</li>
491 <li>信頼性が高い</li>
492 <li>柔軟なアクセス方法の提供 659 <li>柔軟なアクセス方法の提供
493 <ul> 660 <ul>
494 <li>Object Gateway</li> 661 <li>Object Gateway</li>
495 <li>ブロックデバイス</li> 662 <li>ブロックデバイス</li>
496 <li>POSIX互換のファイルシステム</li> 663 <li>POSIX互換のファイルシステム</li>
498 </li> 665 </li>
499 </ul> 666 </ul>
500 </li> 667 </li>
501 </ul> 668 </ul>
502 </section> 669 </section>
503 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 670 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
504 background-color: #FFFFFF; 671 background-color: #FFFFFF;
505 font-size: 28px; 672 font-size: 28px;
506 color: #4b4b4b; 673 color: #4b4b4b;
507 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 674 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
508 } 675 }
509 676
510 section.title { 677 section.title {
511 font-size: 40px; 678 font-size: 40px;
512 padding: 40px; 679 padding: 40px;
513 } 680 }
514 section.title h1 { 681 section.title h1 {
515 text-align: center; 682 text-align: center;
516 } 683 }
517 684
518 section.slide h1 { 685 section.slide h1 {
519 position: absolute; 686 position: absolute;
520 left: 50px; top: 35px; 687 left: 50px; top: 35px;
521 } 688 }
522 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 689 " class="slide" data-marpit-pagination="17" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
523 ;"> 690 ;">
524 <h1>教育情報システムの構成</h1> 691 <h1>教育情報システムの構成</h1>
525 <ul> 692 <ul>
526 <li>サーバ全てにPodman、Singularityをインストール</li> 693 <li>汎用サーバ全てにKVM、Podman、Singularityをインストール</li>
527 <li>Slurm 694 <li>Slurm
528 <ul> 695 <ul>
529 <li>汎用サーバ1台をコントローラ/計算ノード</li> 696 <li>汎用サーバ1台をコントローラ/計算ノード</li>
530 <li>残りを計算ノード</li> 697 <li>残りを計算ノード</li>
531 </ul> 698 </ul>
555 722
556 section.slide h1 { 723 section.slide h1 {
557 position: absolute; 724 position: absolute;
558 left: 50px; top: 35px; 725 left: 50px; top: 35px;
559 } 726 }
560 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 727 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
561 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/system.png&quot;);background-size:80%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="16" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 728 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/system.png&quot;);background-size:80%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="18" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
562 background-color: #FFFFFF; 729 background-color: #FFFFFF;
563 font-size: 28px; 730 font-size: 28px;
564 color: #4b4b4b; 731 color: #4b4b4b;
565 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 732 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
566 } 733 }
567 734
568 section.title { 735 section.title {
569 font-size: 40px; 736 font-size: 40px;
570 padding: 40px; 737 padding: 40px;
571 } 738 }
572 section.title h1 { 739 section.title h1 {
573 text-align: center; 740 text-align: center;
574 } 741 }
575 742
576 section.slide h1 { 743 section.slide h1 {
577 position: absolute; 744 position: absolute;
578 left: 50px; top: 35px; 745 left: 50px; top: 35px;
579 } 746 }
580 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 747 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
581 ;" data-marpit-advanced-background="content"></section> 748 ;" data-marpit-advanced-background="content"></section>
582 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="16" data-marpit-pagination-total="29"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-paginate="true" data-class="title" data-theme="default" data-style="section { 749 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="18" data-marpit-pagination-total="31"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="19" data-paginate="true" data-class="title" data-theme="default" data-style="section {
583 background-color: #FFFFFF; 750 background-color: #FFFFFF;
584 font-size: 28px; 751 font-size: 28px;
585 color: #4b4b4b; 752 color: #4b4b4b;
586 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 753 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
587 } 754 }
588 755
589 section.title { 756 section.title {
590 font-size: 40px; 757 font-size: 40px;
591 padding: 40px; 758 padding: 40px;
592 } 759 }
593 section.title h1 { 760 section.title h1 {
594 text-align: center; 761 text-align: center;
595 } 762 }
596 763
597 section.slide h1 { 764 section.slide h1 {
598 position: absolute; 765 position: absolute;
599 left: 50px; top: 35px; 766 left: 50px; top: 35px;
600 } 767 }
601 " class="title" data-marpit-pagination="17" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 768 " class="title" data-marpit-pagination="19" data-marpit-pagination-total="31" style="--paginate:true;--class:title;--theme:default;
602 ;"> 769 ;">
603 <h1>教育情報システムの利用と管理</h1> 770 <h1>教育情報システムの利用と管理</h1>
604 </section> 771 </section>
605 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="18" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 772 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="20" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
606 background-color: #FFFFFF; 773 background-color: #FFFFFF;
607 font-size: 28px; 774 font-size: 28px;
608 color: #4b4b4b; 775 color: #4b4b4b;
609 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 776 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
610 } 777 }
611 778
612 section.title { 779 section.title {
613 font-size: 40px; 780 font-size: 40px;
614 padding: 40px; 781 padding: 40px;
615 } 782 }
616 section.title h1 { 783 section.title h1 {
617 text-align: center; 784 text-align: center;
618 } 785 }
619 786
620 section.slide h1 { 787 section.slide h1 {
621 position: absolute; 788 position: absolute;
622 left: 50px; top: 35px; 789 left: 50px; top: 35px;
623 } 790 }
624 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 791 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
625 ;"> 792 ;">
626 <h1>LDAPによる管理</h1> 793 <h1>VM貸出サービスの利用</h1>
627 </section> 794 </section>
628 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="19" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 795 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="21" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
629 background-color: #FFFFFF; 796 background-color: #FFFFFF;
630 font-size: 28px; 797 font-size: 28px;
631 color: #4b4b4b; 798 color: #4b4b4b;
632 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 799 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
633 } 800 }
634 801
635 section.title { 802 section.title {
636 font-size: 40px; 803 font-size: 40px;
637 padding: 40px; 804 padding: 40px;
638 } 805 }
639 section.title h1 { 806 section.title h1 {
640 text-align: center; 807 text-align: center;
641 } 808 }
642 809
643 section.slide h1 { 810 section.slide h1 {
644 position: absolute; 811 position: absolute;
645 left: 50px; top: 35px; 812 left: 50px; top: 35px;
646 } 813 }
647 " class="slide" data-marpit-pagination="19" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 814 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
648 ;"> 815 ;">
649 <h1>ie-podmanの利用</h1> 816 <h1>ie-podmanの利用</h1>
650 </section> 817 </section>
651 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="20" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 818 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="22" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
652 background-color: #FFFFFF; 819 background-color: #FFFFFF;
653 font-size: 28px; 820 font-size: 28px;
654 color: #4b4b4b; 821 color: #4b4b4b;
655 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 822 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
656 } 823 }
657 824
658 section.title { 825 section.title {
659 font-size: 40px; 826 font-size: 40px;
660 padding: 40px; 827 padding: 40px;
661 } 828 }
662 section.title h1 { 829 section.title h1 {
663 text-align: center; 830 text-align: center;
664 } 831 }
665 832
666 section.slide h1 { 833 section.slide h1 {
667 position: absolute; 834 position: absolute;
668 left: 50px; top: 35px; 835 left: 50px; top: 35px;
669 } 836 }
670 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 837 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
671 ;"> 838 ;">
672 <h1>GPUの利用方法</h1> 839 <h1>GPUの利用方法</h1>
673 </section> 840 </section>
674 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="21" data-paginate="true" data-class="title" data-theme="default" data-style="section { 841 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="23" data-paginate="true" data-class="title" data-theme="default" data-style="section {
675 background-color: #FFFFFF; 842 background-color: #FFFFFF;
676 font-size: 28px; 843 font-size: 28px;
677 color: #4b4b4b; 844 color: #4b4b4b;
678 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 845 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
679 } 846 }
680 847
681 section.title { 848 section.title {
682 font-size: 40px; 849 font-size: 40px;
683 padding: 40px; 850 padding: 40px;
684 } 851 }
685 section.title h1 { 852 section.title h1 {
686 text-align: center; 853 text-align: center;
687 } 854 }
688 855
689 section.slide h1 { 856 section.slide h1 {
690 position: absolute; 857 position: absolute;
691 left: 50px; top: 35px; 858 left: 50px; top: 35px;
692 } 859 }
693 " class="title" data-marpit-pagination="21" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 860 " class="title" data-marpit-pagination="23" data-marpit-pagination-total="31" style="--paginate:true;--class:title;--theme:default;
694 ;"> 861 ;">
695 <h1>教育情報システムの評価</h1> 862 <h1>教育情報システムの評価</h1>
696 </section> 863 </section>
697 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="22" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 864 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="24" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
698 background-color: #FFFFFF; 865 background-color: #FFFFFF;
699 font-size: 28px; 866 font-size: 28px;
700 color: #4b4b4b; 867 color: #4b4b4b;
701 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 868 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
702 } 869 }
703 870
704 section.title { 871 section.title {
705 font-size: 40px; 872 font-size: 40px;
706 padding: 40px; 873 padding: 40px;
707 } 874 }
708 section.title h1 { 875 section.title h1 {
709 text-align: center; 876 text-align: center;
710 } 877 }
711 878
712 section.slide h1 { 879 section.slide h1 {
713 position: absolute; 880 position: absolute;
714 left: 50px; top: 35px; 881 left: 50px; top: 35px;
715 } 882 }
716 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 883 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
717 ;"> 884 ;">
718 <h1>ファイルシステムの評価 1/2</h1> 885 <h1>ファイルシステムの評価 1/2</h1>
719 <ul> 886 <ul>
720 <li>GFS2 887 <li>GFS2
721 <ul> 888 <ul>
756 923
757 section.slide h1 { 924 section.slide h1 {
758 position: absolute; 925 position: absolute;
759 left: 50px; top: 35px; 926 left: 50px; top: 35px;
760 } 927 }
761 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 928 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
762 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/fswrite.png&quot;);background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="23" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 929 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/fswrite.png&quot;);background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="25" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
763 background-color: #FFFFFF; 930 background-color: #FFFFFF;
764 font-size: 28px; 931 font-size: 28px;
765 color: #4b4b4b; 932 color: #4b4b4b;
766 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 933 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
767 } 934 }
768 935
769 section.title { 936 section.title {
770 font-size: 40px; 937 font-size: 40px;
771 padding: 40px; 938 padding: 40px;
772 } 939 }
773 section.title h1 { 940 section.title h1 {
774 text-align: center; 941 text-align: center;
775 } 942 }
776 943
777 section.slide h1 { 944 section.slide h1 {
778 position: absolute; 945 position: absolute;
779 left: 50px; top: 35px; 946 left: 50px; top: 35px;
780 } 947 }
781 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 948 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
782 ;" data-marpit-advanced-background="content"> 949 ;" data-marpit-advanced-background="content">
783 <h1>ファイルシステムの評価 2/2</h1> 950 <h1>ファイルシステムの評価 2/2</h1>
784 </section> 951 </section>
785 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="23" data-marpit-pagination-total="29"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="24" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 952 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="25" data-marpit-pagination-total="31"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="26" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
786 background-color: #FFFFFF; 953 background-color: #FFFFFF;
787 font-size: 28px; 954 font-size: 28px;
788 color: #4b4b4b; 955 color: #4b4b4b;
789 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 956 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
790 } 957 }
791 958
792 section.title { 959 section.title {
793 font-size: 40px; 960 font-size: 40px;
794 padding: 40px; 961 padding: 40px;
795 } 962 }
796 section.title h1 { 963 section.title h1 {
797 text-align: center; 964 text-align: center;
798 } 965 }
799 966
800 section.slide h1 { 967 section.slide h1 {
801 position: absolute; 968 position: absolute;
802 left: 50px; top: 35px; 969 left: 50px; top: 35px;
803 } 970 }
804 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 971 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
805 ;"> 972 ;">
806 <h1>ie-podmanの評価 1/3</h1> 973 <h1>ie-podmanの評価 1/3</h1>
807 <ul> 974 <ul>
808 <li>イメージ作成速度の比較 975 <li>イメージ作成速度の比較
809 <ul> 976 <ul>
812 <li>ie-podman</li> 979 <li>ie-podman</li>
813 </ul> 980 </ul>
814 </li> 981 </li>
815 </ul> 982 </ul>
816 </section> 983 </section>
817 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="25" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 984 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="27" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
818 background-color: #FFFFFF; 985 background-color: #FFFFFF;
819 font-size: 28px; 986 font-size: 28px;
820 color: #4b4b4b; 987 color: #4b4b4b;
821 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 988 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
822 } 989 }
823 990
824 section.title { 991 section.title {
825 font-size: 40px; 992 font-size: 40px;
826 padding: 40px; 993 padding: 40px;
827 } 994 }
828 section.title h1 { 995 section.title h1 {
829 text-align: center; 996 text-align: center;
830 } 997 }
831 998
832 section.slide h1 { 999 section.slide h1 {
833 position: absolute; 1000 position: absolute;
834 left: 50px; top: 35px; 1001 left: 50px; top: 35px;
835 } 1002 }
836 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 1003 " class="slide" data-marpit-pagination="27" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
837 ;"> 1004 ;">
838 <h1>ie-podmanの評価 2/3</h1> 1005 <h1>ie-podmanの評価 2/3</h1>
839 <pre><code class="language-Dockerfile"><svg data-marp-fitting="svg" data-marp-fitting-code><foreignObject><span data-marp-fitting-svg-content><span data-marp-fitting-svg-content-wrap><span class="hljs-keyword">FROM</span> ubuntu:<span class="hljs-number">18.04</span> 1006 <pre><code class="language-Dockerfile"><svg data-marp-fitting="svg" data-marp-fitting-code><foreignObject><span data-marp-fitting-svg-content><span data-marp-fitting-svg-content-wrap><span class="hljs-keyword">FROM</span> ubuntu:<span class="hljs-number">18.04</span>
840 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \ 1007 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \
841 apt-get upgrade -y &amp;&amp; \ 1008 apt-get upgrade -y &amp;&amp; \
872 1039
873 section.slide h1 { 1040 section.slide h1 {
874 position: absolute; 1041 position: absolute;
875 left: 50px; top: 35px; 1042 left: 50px; top: 35px;
876 } 1043 }
877 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 1044 " class="slide" data-marpit-pagination="28" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
878 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/container.png&quot;);background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="26" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 1045 ;" data-marpit-advanced-background="background"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url(&quot;images/container.png&quot;);background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="28" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
879 background-color: #FFFFFF; 1046 background-color: #FFFFFF;
880 font-size: 28px; 1047 font-size: 28px;
881 color: #4b4b4b; 1048 color: #4b4b4b;
882 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1049 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
883 } 1050 }
884 1051
885 section.title { 1052 section.title {
886 font-size: 40px; 1053 font-size: 40px;
887 padding: 40px; 1054 padding: 40px;
888 } 1055 }
889 section.title h1 { 1056 section.title h1 {
890 text-align: center; 1057 text-align: center;
891 } 1058 }
892 1059
893 section.slide h1 { 1060 section.slide h1 {
894 position: absolute; 1061 position: absolute;
895 left: 50px; top: 35px; 1062 left: 50px; top: 35px;
896 } 1063 }
897 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 1064 " class="slide" data-marpit-pagination="28" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
898 ;" data-marpit-advanced-background="content"> 1065 ;" data-marpit-advanced-background="content">
899 <h1>ie-podmanの評価 3/3</h1> 1066 <h1>ie-podmanの評価 3/3</h1>
900 </section> 1067 </section>
901 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="26" data-marpit-pagination-total="29"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="27" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 1068 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="28" data-marpit-pagination-total="31"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="29" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
902 background-color: #FFFFFF; 1069 background-color: #FFFFFF;
903 font-size: 28px; 1070 font-size: 28px;
904 color: #4b4b4b; 1071 color: #4b4b4b;
905 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1072 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
906 } 1073 }
907 1074
908 section.title { 1075 section.title {
909 font-size: 40px; 1076 font-size: 40px;
910 padding: 40px; 1077 padding: 40px;
911 } 1078 }
912 section.title h1 { 1079 section.title h1 {
913 text-align: center; 1080 text-align: center;
914 } 1081 }
915 1082
916 section.slide h1 { 1083 section.slide h1 {
917 position: absolute; 1084 position: absolute;
918 left: 50px; top: 35px; 1085 left: 50px; top: 35px;
919 } 1086 }
920 " class="slide" data-marpit-pagination="27" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 1087 " class="slide" data-marpit-pagination="29" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
921 ;"> 1088 ;">
922 <h1>学習環境の評価</h1> 1089 <h1>学習環境の評価</h1>
923 <ul> 1090 <ul>
924 <li>VM 1091 <li>VM
925 <ul> 1092 <ul>
933 <li>高性能な実況環境を利用できる</li> 1100 <li>高性能な実況環境を利用できる</li>
934 </ul> 1101 </ul>
935 </li> 1102 </li>
936 </ul> 1103 </ul>
937 </section> 1104 </section>
938 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="28" data-paginate="true" data-class="title" data-theme="default" data-style="section { 1105 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="30" data-paginate="true" data-class="title" data-theme="default" data-style="section {
939 background-color: #FFFFFF; 1106 background-color: #FFFFFF;
940 font-size: 28px; 1107 font-size: 28px;
941 color: #4b4b4b; 1108 color: #4b4b4b;
942 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1109 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
943 } 1110 }
944 1111
945 section.title { 1112 section.title {
946 font-size: 40px; 1113 font-size: 40px;
947 padding: 40px; 1114 padding: 40px;
948 } 1115 }
949 section.title h1 { 1116 section.title h1 {
950 text-align: center; 1117 text-align: center;
951 } 1118 }
952 1119
953 section.slide h1 { 1120 section.slide h1 {
954 position: absolute; 1121 position: absolute;
955 left: 50px; top: 35px; 1122 left: 50px; top: 35px;
956 } 1123 }
957 " class="title" data-marpit-pagination="28" data-marpit-pagination-total="29" style="--paginate:true;--class:title;--theme:default; 1124 " class="title" data-marpit-pagination="30" data-marpit-pagination-total="31" style="--paginate:true;--class:title;--theme:default;
958 ;"> 1125 ;">
959 <h1>まとめ</h1> 1126 <h1>まとめ</h1>
960 </section> 1127 </section>
961 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="29" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 1128 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="31" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
962 background-color: #FFFFFF; 1129 background-color: #FFFFFF;
963 font-size: 28px; 1130 font-size: 28px;
964 color: #4b4b4b; 1131 color: #4b4b4b;
965 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1132 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
966 } 1133 }
967 1134
968 section.title { 1135 section.title {
969 font-size: 40px; 1136 font-size: 40px;
970 padding: 40px; 1137 padding: 40px;
971 } 1138 }
972 section.title h1 { 1139 section.title h1 {
973 text-align: center; 1140 text-align: center;
974 } 1141 }
975 1142
976 section.slide h1 { 1143 section.slide h1 {
977 position: absolute; 1144 position: absolute;
978 left: 50px; top: 35px; 1145 left: 50px; top: 35px;
979 } 1146 }
980 " class="slide" data-marpit-pagination="29" data-marpit-pagination-total="29" style="--paginate:true;--class:slide;--theme:default; 1147 " class="slide" data-marpit-pagination="31" data-marpit-pagination-total="31" style="--paginate:true;--class:slide;--theme:default;
981 ;"> 1148 ;">
982 <h1>今後の課題</h1> 1149 <h1>今後の課題</h1>
983 <ul> 1150 <ul>
984 <li>教育情報システムの周知</li> 1151 <li>教育情報システムの周知</li>
985 <li>ie-podmanのネットワーク構成の見直し</li> 1152 <li>ie-podmanのネットワーク構成の見直し</li>