Mercurial > hg > Papers > 2021 > mk-thesis

comparison slide/slide.html @ 53:b6e530c55007

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
update slide
author Ken Miyahira <e175733@ie.u-ryukyu.ac.jp>
date Sat, 13 Feb 2021 22:17:13 +0900
parents d0b469710cb2
children aaced29a65f3
comparison
equal deleted inserted replaced
52:d0b469710cb2 53:b6e530c55007
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="28" style="--paginate:true;--class:title;--theme:default; 30 " class="title" data-marpit-pagination="1" data-marpit-pagination-total="26" 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="28" style="--paginate:true;--class:slide;--theme:default; 65 " class="slide" data-marpit-pagination="2" data-marpit-pagination-total="26" 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がある
98 98
99 section.slide h1 { 99 section.slide h1 {
100 position: absolute; 100 position: absolute;
101 left: 50px; top: 35px; 101 left: 50px; top: 35px;
102 } 102 }
103 " class="slide" data-marpit-pagination="3" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 103 " class="slide" data-marpit-pagination="3" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
104 ;"> 104 ;">
105 <h1>これまでの学生向け学習環境</h1> 105 <h1>これまでの学生向け学習環境</h1>
106 <ul> 106 <ul>
107 <li> 107 <li>
108 <p>VM貸出サービス</p> 108 <p>VM貸出サービス</p>
146 146
147 section.slide h1 { 147 section.slide h1 {
148 position: absolute; 148 position: absolute;
149 left: 50px; top: 35px; 149 left: 50px; top: 35px;
150 } 150 }
151 " class="slide" data-marpit-pagination="4" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 151 " class="slide" data-marpit-pagination="4" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
152 ;"> 152 ;">
153 <h1>これまでの学習環境の問題点</h1> 153 <h1>これまでの学習環境の問題点</h1>
154 <ul> 154 <ul>
155 <li>VM貸出サービスの一部学生は申請の方法が分からなかったり、貸出サービスがあることが周知されていなかったため、旧システムのリソースが余っていた</li> 155 <li>VM貸出サービスの一部学生は申請の方法が分からなかったり、貸出サービスがあることが周知されていなかったため、旧システムのリソースが余っていた</li>
156 </ul> 156 </ul>
157 <br /> 157 <br />
158 <ul> 158 <ul>
159 <li>VMのスペックの変更にはシステム管理チームへの申請が必要であり、利用者と管理者とのやり取りなどの手間があった</li> 159 <li>旧システムにはGPUが搭載されていないため、貸出サービスではなく研究室ごとの機器、クラウドサービスが多く利用された</li>
160 </ul> 160 </ul>
161 <br /> 161 <br />
162 <ul> 162 <ul>
163 <li>旧システムにはGPUが搭載されていないため、貸出サービスではなく研究室ごとの機器、クラウドサービスが多く利用された</li>
164 </ul>
165 <br />
166 <ul>
167 <li>ファイルシステムに使用していたGFS2はロックマネージャの影響が大きく、サーバ1台がクラスタに参加できないとGFS2上にアクセスできなくなった</li> 163 <li>ファイルシステムに使用していたGFS2はロックマネージャの影響が大きく、サーバ1台がクラスタに参加できないとGFS2上にアクセスできなくなった</li>
168 </ul> 164 </ul>
169 </section> 165 </section>
170 </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 { 166 </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 {
171 background-color: #FFFFFF; 167 background-color: #FFFFFF;
184 180
185 section.slide h1 { 181 section.slide h1 {
186 position: absolute; 182 position: absolute;
187 left: 50px; top: 35px; 183 left: 50px; top: 35px;
188 } 184 }
189 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="28" style="--paginate:true;--class:title;--theme:default; 185 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default;
190 ;"> 186 ;">
191 <h1>教育情報システムの構築</h1> 187 <h1>教育情報システムの構築</h1>
192 </section> 188 </section>
193 </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 { 189 </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 {
194 background-color: #FFFFFF; 190 background-color: #FFFFFF;
207 203
208 section.slide h1 { 204 section.slide h1 {
209 position: absolute; 205 position: absolute;
210 left: 50px; top: 35px; 206 left: 50px; top: 35px;
211 } 207 }
212 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 208 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
213 ;"> 209 ;">
214 <h1>VMベースからコンテナベースへ移行</h1> 210 <h1>VMベースからコンテナベースへ移行</h1>
215 <ul> 211 <ul>
216 <li>旧システムはVMベースでシステムが構築されていた</li> 212 <li>旧システムはVMベースでシステムが構築されていた</li>
217 <li>サービスごとにVMがあり、管理に手間が掛かる</li> 213 <li>サービスごとにVMがあり、管理に手間が掛かる</li>
218 <li>VMベースでは搭載されるGPUを有効活用できない 214 <li>VMベースでは搭載されるGPUを有効活用できない
219 <ul> 215 <ul>
220 <li>1つのVMに1台のGPUが必要</li> 216 <li>1つのVMに1台のGPUが必要になる</li>
221 </ul> 217 </ul>
222 </li> 218 </li>
219 <li>サーバのリソースを効率よく利用できるコンテナへ移行する</li>
223 <li>VM貸出サービスをやめるわけではない</li> 220 <li>VM貸出サービスをやめるわけではない</li>
224 </ul> 221 </ul>
225 </section> 222 </section>
226 </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 { 223 </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 {
227 background-color: #FFFFFF; 224 background-color: #FFFFFF;
240 237
241 section.slide h1 { 238 section.slide h1 {
242 position: absolute; 239 position: absolute;
243 left: 50px; top: 35px; 240 left: 50px; top: 35px;
244 } 241 }
245 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 242 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
246 ;"> 243 ;">
247 <h1>コンテナ環境の導入</h1> 244 <h1>コンテナ環境の導入</h1>
248 <ul> 245 <ul>
249 <li>マルチユーザで利用できるPodman、Singularityを導入する</li> 246 <li>
250 <li>Podman 247 <p>マルチユーザで利用できるPodman、Singularityを導入する</p>
248 </li>
249 <li>
250 <p>Podman</p>
251 <ul> 251 <ul>
252 <li>rootlessで利用できる</li> 252 <li>rootlessで利用できる</li>
253 <li>Dockerと同じCLIを提供する</li>
253 <li>nvidia-dockerの設定を行えばGPUを利用できる</li> 254 <li>nvidia-dockerの設定を行えばGPUを利用できる</li>
254 </ul> 255 </ul>
255 </li> 256 </li>
256 <li>Singularity 257 <li>
257 <ul> 258 <p>Singularity</p>
258 <li>rootlessで利用できる</li> 259 <ul>
259 <li>GPUの利用が容易 260 <li>ホームディレクトリ、/tmpなどがコンテナにマウントされる
260 <ul> 261 <ul>
261 <li>GPUドライバーのインストールのみ</li> 262 <li>プログラムの実行に便利</li>
262 </ul> 263 </ul>
263 </li> 264 </li>
264 </ul> 265 <li>GPUドライバーをインストールするだけでGPUが利用できる</li>
266 </ul>
267 </li>
268 <li>
269 <p>コンテナベースの学習環境を提供できるようになる</p>
265 </li> 270 </li>
266 </ul> 271 </ul>
267 </section> 272 </section>
268 </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 { 273 </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 {
269 background-color: #FFFFFF; 274 background-color: #FFFFFF;
282 287
283 section.slide h1 { 288 section.slide h1 {
284 position: absolute; 289 position: absolute;
285 left: 50px; top: 35px; 290 left: 50px; top: 35px;
286 } 291 }
287 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 292 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
288 ;"> 293 ;">
289 <h1>コンテナエンジンの補い</h1> 294 <h1>コンテナエンジンの補い</h1>
290 <ul> 295 <ul>
291 <li> 296 <li>
292 <p>Podman</p> 297 <p>Podman</p>
293 <ul> 298 <ul>
294 <li>イメージの作成やコンテナの作成が遅い</li> 299 <li>rootlessではイメージの作成やコンテナの作成が遅い</li>
295 <li>rootlessでは実行できない機能がある 300 <li>rootlessでは実行できない機能がある
296 <ul> 301 <ul>
297 <li>IPアドレスの割り当て</li> 302 <li>IPアドレスの割り当て</li>
298 </ul> 303 </ul>
299 </li> 304 </li>
308 </ul> 313 </ul>
309 </li> 314 </li>
310 </ul> 315 </ul>
311 </li> 316 </li>
312 <li> 317 <li>
313 <p>そこでPodmanのwrapperであるie-podmanを作成した</p> 318 <p>そこでPodmanをwrappしたie-podmanを作成した</p>
314 </li> 319 </li>
315 </ul> 320 </ul>
316 </section> 321 </section>
317 </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 { 322 </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 {
318 background-color: #FFFFFF; 323 background-color: #FFFFFF;
331 336
332 section.slide h1 { 337 section.slide h1 {
333 position: absolute; 338 position: absolute;
334 left: 50px; top: 35px; 339 left: 50px; top: 35px;
335 } 340 }
336 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 341 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
337 ;"> 342 ;">
338 <h1>ie-podmanの作成</h1> 343 <h1>ie-podmanの作成</h1>
339 <ul> 344 <ul>
345 <li>rootfullのPodman wrapperである</li>
340 <li>ユーザのUID、GIDを取得し管理を行う 346 <li>ユーザのUID、GIDを取得し管理を行う
341 <ul> 347 <ul>
342 <li>他のユーザのリソースを操作できない</li> 348 <li>他のユーザのリソースを操作できない</li>
343 </ul> 349 <li>コンテナ名、イメージ名をユーザ名で補完する</li>
344 </li> 350 </ul>
345 <li>SSD上にイメージ等を保存し、高速を図る</li> 351 </li>
352 <li>SSD上にイメージ等を保存し、高速化を図る</li>
346 </ul> 353 </ul>
347 </section> 354 </section>
348 </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 { 355 </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 {
349 background-color: #FFFFFF; 356 background-color: #FFFFFF;
350 font-size: 28px; 357 font-size: 28px;
362 369
363 section.slide h1 { 370 section.slide h1 {
364 position: absolute; 371 position: absolute;
365 left: 50px; top: 35px; 372 left: 50px; top: 35px;
366 } 373 }
367 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 374 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
368 ;"> 375 ;">
369 <h1>ie-podmanの機能 1/2</h1> 376 <h1>ie-podmanの機能 1/2</h1>
370 <ul> 377 <ul>
371 <li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li> 378 <li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li>
372 </ul> 379 </ul>
426 433
427 section.slide h1 { 434 section.slide h1 {
428 position: absolute; 435 position: absolute;
429 left: 50px; top: 35px; 436 left: 50px; top: 35px;
430 } 437 }
431 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 438 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
432 ;"> 439 ;">
433 <h1>ie-podmanの機能 2/2</h1> 440 <h1>ie-podmanの機能 2/2</h1>
434 <ul> 441 <ul>
435 <li>registryやsifなど独自機能を提供する</li> 442 <li>registryやsifなど独自のサブコマンドを提供する</li>
436 </ul> 443 </ul>
437 <table> 444 <table>
438 <thead> 445 <thead>
439 <tr> 446 <tr>
440 <th>コマンド</th> 447 <th>コマンド</th>
486 493
487 section.slide h1 { 494 section.slide h1 {
488 position: absolute; 495 position: absolute;
489 left: 50px; top: 35px; 496 left: 50px; top: 35px;
490 } 497 }
491 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 498 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
492 ;"> 499 ;">
493 <h1>ジョブスケジューラの導入</h1> 500 <h1>ジョブスケジューラとファイルシステムの導入</h1>
494 <ul> 501 <ul>
495 <li>多くのリソースを必要とするプログラムは管理が必要である</li> 502 <li>Slurmを採用
496 <li>4台のサーバのリソースを利用できるようにする必要がある</li> 503 <ul>
497 <li>そこで、ジョブスケジューラのSlurmを採用する 504 <li>プログラム実行のリソースの管理を行う</li>
498 <ul> 505 <li>利用方針
499 <li>フォールトトレラントで拡張性が高い</li> 506 <ul>
500 </ul> 507 <li>計算リソースの利用効率を上げる</li>
501 </li> 508 </ul>
502 </ul> 509 </li>
503 </section> 510 </ul>
504 </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 { 511 </li>
505 background-color: #FFFFFF;
506 font-size: 28px;
507 color: #4b4b4b;
508 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
509 }
510
511 section.title {
512 font-size: 40px;
513 padding: 40px;
514 }
515 section.title h1 {
516 text-align: center;
517 }
518
519 section.slide h1 {
520 position: absolute;
521 left: 50px; top: 35px;
522 }
523 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
524 ;">
525 <h1>ジョブスケジューラの構築</h1>
526 <p>利用方針 <strong>「計算リソースの利用効率を上げる」</strong></p>
527 <ul>
528 <li>Jobの優先順位
529 <ul>
530 <li>要求するリソースの少ないJobの優先度を高くする</li>
531 <li>実行時間が短いJobの優先度を高くする</li>
532 <li>これまでのJobの実行履歴で優先度は変化しない</li>
533 </ul>
534 </li>
535 </ul>
536 <p>これでは多くのリソースを要求するJobが実行されない可能性がある。</p>
537 <ul>
538 <li>Jobの実行時間
539 <ul>
540 <li>Jobの実行時間の記載がない場合は<strong>1日で強制終了</strong>させる</li>
541 <li>管理者からJobの優先度を上げる</li>
542 </ul>
543 </li>
544 </ul>
545 <p>また、Jobのスケジュールにはバックフィルを採用する。</p>
546 </section>
547 </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 {
548 background-color: #FFFFFF;
549 font-size: 28px;
550 color: #4b4b4b;
551 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
552 }
553
554 section.title {
555 font-size: 40px;
556 padding: 40px;
557 }
558 section.title h1 {
559 text-align: center;
560 }
561
562 section.slide h1 {
563 position: absolute;
564 left: 50px; top: 35px;
565 }
566 " class="slide" data-marpit-pagination="14" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
567 ;">
568 <h1>ファイルシステムの導入</h1>
569 <ul>
570 <li>Cephを採用 512 <li>Cephを採用
571 <ul> 513 <ul>
572 <li>自己修復、自己管理機能を搭載するため信頼性が高い</li> 514 <li>自己修復、自己管理機能を搭載するため信頼性が高い</li>
573 <li>柔軟なアクセス方法の提供 515 <li>柔軟なアクセス方法の提供
574 <ul> 516 <ul>
579 </li> 521 </li>
580 </ul> 522 </ul>
581 </li> 523 </li>
582 </ul> 524 </ul>
583 </section> 525 </section>
526 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-class="slide" data-theme="default" data-style="section {
527 background-color: #FFFFFF;
528 font-size: 28px;
529 color: #4b4b4b;
530 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
531 }
532
533 section.title {
534 font-size: 40px;
535 padding: 40px;
536 }
537 section.title h1 {
538 text-align: center;
539 }
540
541 section.slide h1 {
542 position: absolute;
543 left: 50px; top: 35px;
544 }
545 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
546 ;" 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="13" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
547 background-color: #FFFFFF;
548 font-size: 28px;
549 color: #4b4b4b;
550 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
551 }
552
553 section.title {
554 font-size: 40px;
555 padding: 40px;
556 }
557 section.title h1 {
558 text-align: center;
559 }
560
561 section.slide h1 {
562 position: absolute;
563 left: 50px; top: 35px;
564 }
565 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
566 ;" data-marpit-advanced-background="content"></section>
567 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="13" data-marpit-pagination-total="26"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-class="title" data-theme="default" data-style="section {
568 background-color: #FFFFFF;
569 font-size: 28px;
570 color: #4b4b4b;
571 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
572 }
573
574 section.title {
575 font-size: 40px;
576 padding: 40px;
577 }
578 section.title h1 {
579 text-align: center;
580 }
581
582 section.slide h1 {
583 position: absolute;
584 left: 50px; top: 35px;
585 }
586 " class="title" data-marpit-pagination="14" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default;
587 ;">
588 <h1>教育情報システムの利用</h1>
589 </section>
584 </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 { 590 </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 {
585 background-color: #FFFFFF; 591 background-color: #FFFFFF;
586 font-size: 28px; 592 font-size: 28px;
587 color: #4b4b4b; 593 color: #4b4b4b;
588 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 594 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
598 604
599 section.slide h1 { 605 section.slide h1 {
600 position: absolute; 606 position: absolute;
601 left: 50px; top: 35px; 607 left: 50px; top: 35px;
602 } 608 }
603 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 609 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
604 ;"> 610 ;">
605 <h1>教育情報システムの構成</h1> 611 <h1>ie-podmanの使用方法 1/2</h1>
606 <ul> 612 <ul>
607 <li>汎用サーバ全てにKVM、Podman、Singularityをインストール</li> 613 <li>IPアドレス、GPUをコンテナへ割り当てられる
608 <li>Slurm 614 <ul>
609 <ul> 615 <li><code>ie-podman run --ip --gpu [IMAGE_NAME]</code></li>
610 <li>汎用サーバ1台をコントローラ/計算ノード</li> 616 </ul>
611 <li>残りを計算ノード</li> 617 </li>
612 </ul> 618 </ul>
613 </li> 619 <pre><code class="language-shell"><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-meta">$</span><span class="bash"> ie-podman run --rm --ip --name <span class="hljs-built_in">test</span> -dit ubuntu:20.04</span>
614 <li>Ceph 620 Assign an IP address: 10.100.20.1
615 <ul> 621 6842a8a572a73f7a21542dbb9fec5b5b4ca668aa9c2f7d7fe2522e3be316836d
616 <li>ディスクサーバをOSD</li> 622 <span class="hljs-meta">
617 <li>汎用サーバ3台をMON, MDS, MGR</li> 623 $</span><span class="bash"> ping 10.100.20.1</span>
618 </ul> 624 PING 10.100.20.1 (10.100.20.1) 56(84) bytes of data.
619 </li> 625 64 bytes from 10.100.20.1: icmp_seq=2 ttl=63 time=0.215 ms
620 </ul> 626 64 bytes from 10.100.20.1: icmp_seq=3 ttl=63 time=0.201 ms
621 </section> 627 </span></span></foreignObject></svg></code></pre>
622 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-class="slide" data-theme="default" data-style="section { 628 </section>
623 background-color: #FFFFFF; 629 </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 {
624 font-size: 28px; 630 background-color: #FFFFFF;
625 color: #4b4b4b; 631 font-size: 28px;
626 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 632 color: #4b4b4b;
627 } 633 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
628 634 }
629 section.title { 635
630 font-size: 40px; 636 section.title {
631 padding: 40px; 637 font-size: 40px;
632 } 638 padding: 40px;
633 section.title h1 { 639 }
634 text-align: center; 640 section.title h1 {
635 } 641 text-align: center;
636 642 }
637 section.slide h1 { 643
638 position: absolute; 644 section.slide h1 {
639 left: 50px; top: 35px; 645 position: absolute;
640 } 646 left: 50px; top: 35px;
641 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 647 }
642 ;" 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 { 648 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
643 background-color: #FFFFFF; 649 ;">
644 font-size: 28px; 650 <h1>ie-podmanの使用方法 2/2</h1>
645 color: #4b4b4b; 651 <ul>
646 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 652 <li>作成したイメージをsifファイルへの変換に対応
647 } 653 <ul>
648 654 <li><code>ie-podman sif [IMAGE_NAME]</code></li>
649 section.title { 655 </ul>
650 font-size: 40px; 656 </li>
651 padding: 40px; 657 </ul>
652 } 658 <pre><code class="language-shell"><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-meta">$</span><span class="bash"> ie-podman images</span>
653 section.title h1 { 659 REPOSITORY TAG IMAGE ID CREATED SIZE
654 text-align: center; 660 localhost/e175733_test latest cb42448d39ca 21 seconds ago 138 MB
655 } 661 <span class="hljs-meta">
656 662 $</span><span class="bash"> ie-podman sif e175733_test</span>
657 section.slide h1 { 663 INFO: Starting build...
658 position: absolute; 664 Getting image source signatures
659 left: 50px; top: 35px; 665
660 } 666 (省略)
661 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 667
662 ;" data-marpit-advanced-background="content"></section> 668 INFO: Creating SIF file...
663 </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="28"></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 { 669 INFO: Build complete: e175733_test_latest.sif
664 background-color: #FFFFFF; 670 <span class="hljs-meta">
665 font-size: 28px; 671 $</span><span class="bash"> ls</span>
666 color: #4b4b4b; 672 e175733_test_latest.sif
667 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 673 </span></span></foreignObject></svg></code></pre>
668 } 674 </section>
669 675 </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 {
670 section.title { 676 background-color: #FFFFFF;
671 font-size: 40px; 677 font-size: 28px;
672 padding: 40px; 678 color: #4b4b4b;
673 } 679 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
674 section.title h1 { 680 }
675 text-align: center; 681
676 } 682 section.title {
677 683 font-size: 40px;
678 section.slide h1 { 684 padding: 40px;
679 position: absolute; 685 }
680 left: 50px; top: 35px; 686 section.title h1 {
681 } 687 text-align: center;
682 " class="title" data-marpit-pagination="17" data-marpit-pagination-total="28" style="--paginate:true;--class:title;--theme:default; 688 }
683 ;"> 689
684 <h1>教育情報システムの利用と管理</h1> 690 section.slide h1 {
691 position: absolute;
692 left: 50px; top: 35px;
693 }
694 " class="slide" data-marpit-pagination="17" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
695 ;">
696 <h1>GPUの利用方法</h1>
697 <ul>
698 <li>Singularityでは容易にGPUを利用できる
699 <ul>
700 <li><code>singularity run --nv [SIF_NAME]</code></li>
701 </ul>
702 </li>
703 <li>Jobの処理手順をまとめたBatchファイルの作成する
704 <ul>
705 <li>Jobに必要なリソース、実行したい処理を記述する</li>
706 </ul>
707 </li>
708 <li>SlurmによるJobの投下する
709 <ul>
710 <li><code>sbatch [BATCH_FILE]</code></li>
711 </ul>
712 </li>
713 </ul>
714 <pre><code class="language-shell"><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-meta">$</span><span class="bash"> sbatch test.sbatch</span>
715 Submitted batch job 1318
716 <span class="hljs-meta">
717 $</span><span class="bash"> squeue</span>
718 JOBID PARTITION NAME USER ST TIME NODES NODELIST(REASON)
719 1318 steins test e175733 R 0:01 1 amane
720 </span></span></foreignObject></svg></code></pre>
685 </section> 721 </section>
686 </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 { 722 </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 {
687 background-color: #FFFFFF; 723 background-color: #FFFFFF;
688 font-size: 28px; 724 font-size: 28px;
689 color: #4b4b4b; 725 color: #4b4b4b;
700 736
701 section.slide h1 { 737 section.slide h1 {
702 position: absolute; 738 position: absolute;
703 left: 50px; top: 35px; 739 left: 50px; top: 35px;
704 } 740 }
705 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 741 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
706 ;"> 742 ;">
707 <h1>ie-podmanの使用方法</h1> 743 <h1>Batchファイルの例</h1>
708 <ul>
709 <li>PodmanはDockerと同じCLIを提供している</li>
710 <li>IPアドレス、GPUをコンテナへ割り当てられる
711 <ul>
712 <li><code>ie-podman run --ip --gpu [IMAGE_NAME]</code></li>
713 </ul>
714 </li>
715 <li>作成したイメージをsifファイルへの変換に対応
716 <ul>
717 <li><code>ie-podman sif [IMAGE_NAME]</code></li>
718 </ul>
719 </li>
720 </ul>
721 </section>
722 </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 {
723 background-color: #FFFFFF;
724 font-size: 28px;
725 color: #4b4b4b;
726 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
727 }
728
729 section.title {
730 font-size: 40px;
731 padding: 40px;
732 }
733 section.title h1 {
734 text-align: center;
735 }
736
737 section.slide h1 {
738 position: absolute;
739 left: 50px; top: 35px;
740 }
741 " class="slide" data-marpit-pagination="19" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
742 ;">
743 <h1>GPUの利用方法</h1>
744 <ul>
745 <li>Singularityでは容易にGPUを利用できる
746 <ul>
747 <li><code>singularity run --nv [SIF_NAME]</code></li>
748 </ul>
749 </li>
750 <li>ホームディレクトリ、/tmpなどがコンテナにマウントされる
751 <ul>
752 <li>プログラムの実行に便利</li>
753 </ul>
754 </li>
755 <li>SlurmによるJob管理
756 <ul>
757 <li>必要なリソースを記述し投下する</li>
758 <li>CPU数、GPU数</li>
759 </ul>
760 </li>
761 </ul>
762 </section>
763 </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 {
764 background-color: #FFFFFF;
765 font-size: 28px;
766 color: #4b4b4b;
767 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
768 }
769
770 section.title {
771 font-size: 40px;
772 padding: 40px;
773 }
774 section.title h1 {
775 text-align: center;
776 }
777
778 section.slide h1 {
779 position: absolute;
780 left: 50px; top: 35px;
781 }
782 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
783 ;">
784 <h1>batchファイルの例</h1>
785 <ul> 744 <ul>
786 <li>Jobに必要とするリソース 745 <li>Jobに必要とするリソース
787 <ul> 746 <ul>
788 <li>CPU 8コア、GPU 1つ</li> 747 <li>CPU 8コア、GPU 1つ</li>
789 </ul> 748 </ul>
804 <span class="hljs-comment">#SBATCH --time 01:00</span> 763 <span class="hljs-comment">#SBATCH --time 01:00</span>
805 764
806 singularity <span class="hljs-built_in">exec</span> --nv [SIF_NAME] [COMMANDS] 765 singularity <span class="hljs-built_in">exec</span> --nv [SIF_NAME] [COMMANDS]
807 </span></span></foreignObject></svg></code></pre> 766 </span></span></foreignObject></svg></code></pre>
808 </section> 767 </section>
809 </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 { 768 </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 {
810 background-color: #FFFFFF; 769 background-color: #FFFFFF;
811 font-size: 28px; 770 font-size: 28px;
812 color: #4b4b4b; 771 color: #4b4b4b;
813 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 772 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
814 } 773 }
815 774
816 section.title { 775 section.title {
817 font-size: 40px; 776 font-size: 40px;
818 padding: 40px; 777 padding: 40px;
819 } 778 }
820 section.title h1 { 779 section.title h1 {
821 text-align: center; 780 text-align: center;
822 } 781 }
823 782
824 section.slide h1 { 783 section.slide h1 {
825 position: absolute; 784 position: absolute;
826 left: 50px; top: 35px; 785 left: 50px; top: 35px;
827 } 786 }
828 " class="title" data-marpit-pagination="21" data-marpit-pagination-total="28" style="--paginate:true;--class:title;--theme:default; 787 " class="title" data-marpit-pagination="19" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default;
829 ;"> 788 ;">
830 <h1>教育情報システムの評価</h1> 789 <h1>教育情報システムの評価</h1>
831 </section> 790 </section>
832 </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 { 791 </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 {
833 background-color: #FFFFFF; 792 background-color: #FFFFFF;
834 font-size: 28px; 793 font-size: 28px;
835 color: #4b4b4b; 794 color: #4b4b4b;
836 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 795 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
837 } 796 }
838 797
839 section.title { 798 section.title {
840 font-size: 40px; 799 font-size: 40px;
841 padding: 40px; 800 padding: 40px;
842 } 801 }
843 section.title h1 { 802 section.title h1 {
844 text-align: center; 803 text-align: center;
845 } 804 }
846 805
847 section.slide h1 { 806 section.slide h1 {
848 position: absolute; 807 position: absolute;
849 left: 50px; top: 35px; 808 left: 50px; top: 35px;
850 } 809 }
851 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 810 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
811 ;">
812 <h1>ie-podmanの評価 1/3</h1>
813 <ul>
814 <li>
815 <p>実験環境</p>
816 <ul>
817 <li>新システムの汎用サーバで実施</li>
818 </ul>
819 </li>
820 <li>
821 <p>実験概要</p>
822 <ul>
823 <li>イメージのBuild速度を比較する</li>
824 </ul>
825 </li>
826 </ul>
827 <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">20.04</span>
828 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \
829 apt-get upgrade -y</span>
830 </span></span></foreignObject></svg></code></pre>
831 <ul>
832 <li>Build速度の比較
833 <ul>
834 <li>Docker</li>
835 <li>Podman (rootless)</li>
836 <li>ie-podman (Podman rootfull wrapper)</li>
837 </ul>
838 </li>
839 </ul>
840 </section>
841 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-class="slide" data-theme="default" data-style="section {
842 background-color: #FFFFFF;
843 font-size: 28px;
844 color: #4b4b4b;
845 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
846 }
847
848 section.title {
849 font-size: 40px;
850 padding: 40px;
851 }
852 section.title h1 {
853 text-align: center;
854 }
855
856 section.slide h1 {
857 position: absolute;
858 left: 50px; top: 35px;
859 }
860 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
861 ;" 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/container2.png&quot;);background-size:70%;"></figure></div></section></foreignObject><foreignObject width="1280" height="720"><section id="21" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
862 background-color: #FFFFFF;
863 font-size: 28px;
864 color: #4b4b4b;
865 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
866 }
867
868 section.title {
869 font-size: 40px;
870 padding: 40px;
871 }
872 section.title h1 {
873 text-align: center;
874 }
875
876 section.slide h1 {
877 position: absolute;
878 left: 50px; top: 35px;
879 }
880 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
881 ;" data-marpit-advanced-background="content">
882 <h1>ie-podmanの評価 2/3</h1>
883 </section>
884 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="21" data-marpit-pagination-total="26"></section></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 {
885 background-color: #FFFFFF;
886 font-size: 28px;
887 color: #4b4b4b;
888 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
889 }
890
891 section.title {
892 font-size: 40px;
893 padding: 40px;
894 }
895 section.title h1 {
896 text-align: center;
897 }
898
899 section.slide h1 {
900 position: absolute;
901 left: 50px; top: 35px;
902 }
903 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
904 ;">
905 <h1>ie-podmanの評価 3/3</h1>
906 <ul>
907 <li>Rootlessは<code>syscall</code>が複数呼ばれている
908 <ul>
909 <li>そのため、イメージの作成が遅いのではないか</li>
910 </ul>
911 </li>
912 <li>左がrootless、右がrootfull</li>
913 </ul>
914 <p><img src="images/syscall.png" alt="height:325" style="height:325px;" /></p>
915 </section>
916 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="23" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
917 background-color: #FFFFFF;
918 font-size: 28px;
919 color: #4b4b4b;
920 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
921 }
922
923 section.title {
924 font-size: 40px;
925 padding: 40px;
926 }
927 section.title h1 {
928 text-align: center;
929 }
930
931 section.slide h1 {
932 position: absolute;
933 left: 50px; top: 35px;
934 }
935 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
852 ;"> 936 ;">
853 <h1>ファイルシステムの評価 1/2</h1> 937 <h1>ファイルシステムの評価 1/2</h1>
854 <ul> 938 <ul>
855 <li> 939 <li>
856 <p>実験概要</p> 940 <p>実験概要</p>
886 970
887 section.slide h1 { 971 section.slide h1 {
888 position: absolute; 972 position: absolute;
889 left: 50px; top: 35px; 973 left: 50px; top: 35px;
890 } 974 }
891 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 975 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
892 ;" 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 { 976 ;" 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="24" data-paginate="true" data-class="slide" data-theme="default" data-style="section {
893 background-color: #FFFFFF; 977 background-color: #FFFFFF;
894 font-size: 28px; 978 font-size: 28px;
895 color: #4b4b4b; 979 color: #4b4b4b;
896 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 980 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
897 } 981 }
898 982
899 section.title { 983 section.title {
900 font-size: 40px; 984 font-size: 40px;
901 padding: 40px; 985 padding: 40px;
902 } 986 }
903 section.title h1 { 987 section.title h1 {
904 text-align: center; 988 text-align: center;
905 } 989 }
906 990
907 section.slide h1 { 991 section.slide h1 {
908 position: absolute; 992 position: absolute;
909 left: 50px; top: 35px; 993 left: 50px; top: 35px;
910 } 994 }
911 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 995 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
912 ;" data-marpit-advanced-background="content"> 996 ;" data-marpit-advanced-background="content">
913 <h1>ファイルシステムの評価 2/2</h1> 997 <h1>ファイルシステムの評価 2/2</h1>
914 </section> 998 </section>
915 </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="28"></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 { 999 </foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section class="slide" style="" data-marpit-advanced-background="pseudo" data-marpit-pagination="24" data-marpit-pagination-total="26"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="25" data-paginate="true" data-class="title" data-theme="default" data-style="section {
916 background-color: #FFFFFF; 1000 background-color: #FFFFFF;
917 font-size: 28px; 1001 font-size: 28px;
918 color: #4b4b4b; 1002 color: #4b4b4b;
919 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1003 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
920 } 1004 }
921 1005
922 section.title { 1006 section.title {
923 font-size: 40px; 1007 font-size: 40px;
924 padding: 40px; 1008 padding: 40px;
925 } 1009 }
926 section.title h1 { 1010 section.title h1 {
927 text-align: center; 1011 text-align: center;
928 } 1012 }
929 1013
930 section.slide h1 { 1014 section.slide h1 {
931 position: absolute; 1015 position: absolute;
932 left: 50px; top: 35px; 1016 left: 50px; top: 35px;
933 } 1017 }
934 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 1018 " class="title" data-marpit-pagination="25" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default;
935 ;">
936 <h1>ie-podmanの評価 1/3</h1>
937 <ul>
938 <li>
939 <p>実験環境</p>
940 <ul>
941 <li>新システムの汎用サーバで実施</li>
942 </ul>
943 </li>
944 <li>
945 <p>実験概要</p>
946 <ul>
947 <li>イメージのBuild速度を比較する</li>
948 </ul>
949 </li>
950 </ul>
951 <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">20.04</span>
952 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \
953 apt-get upgrade -y</span>
954 </span></span></foreignObject></svg></code></pre>
955 <ul>
956 <li>Build速度の比較
957 <ul>
958 <li>Docker</li>
959 <li>Podman (rootless)</li>
960 <li>ie-podman (Podman rootfull wrapper)</li>
961 </ul>
962 </li>
963 </ul>
964 </section>
965 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-class="slide" data-theme="default" data-style="section {
966 background-color: #FFFFFF;
967 font-size: 28px;
968 color: #4b4b4b;
969 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
970 }
971
972 section.title {
973 font-size: 40px;
974 padding: 40px;
975 }
976 section.title h1 {
977 text-align: center;
978 }
979
980 section.slide h1 {
981 position: absolute;
982 left: 50px; top: 35px;
983 }
984 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
985 ;" 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/container2.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 {
986 background-color: #FFFFFF;
987 font-size: 28px;
988 color: #4b4b4b;
989 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
990 }
991
992 section.title {
993 font-size: 40px;
994 padding: 40px;
995 }
996 section.title h1 {
997 text-align: center;
998 }
999
1000 section.slide h1 {
1001 position: absolute;
1002 left: 50px; top: 35px;
1003 }
1004 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
1005 ;" data-marpit-advanced-background="content">
1006 <h1>ie-podmanの評価 2/3</h1>
1007 </section>
1008 </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="28"></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 {
1009 background-color: #FFFFFF;
1010 font-size: 28px;
1011 color: #4b4b4b;
1012 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
1013 }
1014
1015 section.title {
1016 font-size: 40px;
1017 padding: 40px;
1018 }
1019 section.title h1 {
1020 text-align: center;
1021 }
1022
1023 section.slide h1 {
1024 position: absolute;
1025 left: 50px; top: 35px;
1026 }
1027 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default;
1028 ;">
1029 <h1>ie-podmanの評価 3/3</h1>
1030 <ul>
1031 <li>Rootlessは<code>syscall</code>が複数呼ばれている
1032 <ul>
1033 <li>そのため、イメージの作成が遅いのではないか</li>
1034 </ul>
1035 </li>
1036 <li>左がrootless、右がrootfull</li>
1037 </ul>
1038 <p><img src="images/syscall.png" alt="height:325" style="height:325px;" /></p>
1039 </section>
1040 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="27" data-paginate="true" data-class="title" data-theme="default" data-style="section {
1041 background-color: #FFFFFF;
1042 font-size: 28px;
1043 color: #4b4b4b;
1044 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
1045 }
1046
1047 section.title {
1048 font-size: 40px;
1049 padding: 40px;
1050 }
1051 section.title h1 {
1052 text-align: center;
1053 }
1054
1055 section.slide h1 {
1056 position: absolute;
1057 left: 50px; top: 35px;
1058 }
1059 " class="title" data-marpit-pagination="27" data-marpit-pagination-total="28" style="--paginate:true;--class:title;--theme:default;
1060 ;"> 1019 ;">
1061 <h1>まとめ</h1> 1020 <h1>まとめ</h1>
1062 </section> 1021 <ul>
1063 </foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="28" data-paginate="true" data-class="slide" data-theme="default" data-style="section { 1022 <li>今年度のシステム更新で教育情報システムの構築を行った
1064 background-color: #FFFFFF; 1023 <ul>
1065 font-size: 28px; 1024 <li>VMベースからコンテナベースへの移行ができた</li>
1066 color: #4b4b4b; 1025 <li>学生が自由にサーバのリソースを利用できるようになった</li>
1067 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1026 </ul>
1068 } 1027 </li>
1069 1028 <li>Cephと、これまでのGFS2との書き込み速度の比較を行った</li>
1070 section.title { 1029 <li>不便な点を補うために作成したie-podmanの評価を行った</li>
1071 font-size: 40px; 1030 </ul>
1072 padding: 40px; 1031 </section>
1073 } 1032 </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 {
1074 section.title h1 { 1033 background-color: #FFFFFF;
1075 text-align: center; 1034 font-size: 28px;
1076 } 1035 color: #4b4b4b;
1077 1036 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
1078 section.slide h1 { 1037 }
1079 position: absolute; 1038
1080 left: 50px; top: 35px; 1039 section.title {
1081 } 1040 font-size: 40px;
1082 " class="slide" data-marpit-pagination="28" data-marpit-pagination-total="28" style="--paginate:true;--class:slide;--theme:default; 1041 padding: 40px;
1042 }
1043 section.title h1 {
1044 text-align: center;
1045 }
1046
1047 section.slide h1 {
1048 position: absolute;
1049 left: 50px; top: 35px;
1050 }
1051 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
1083 ;"> 1052 ;">
1084 <h1>今後の課題</h1> 1053 <h1>今後の課題</h1>
1085 <ul> 1054 <ul>
1086 <li>教育情報システムの周知 1055 <li>教育情報システムの周知
1087 <ul> 1056 <ul>
1088 <li>Jobの投下やリソースの要求方法</li> 1057 <li>Jobの投下やリソースの要求方法</li>
1089 <li>ie-virsh、ie-podmanの使用方法</li> 1058 <li>ie-virsh、ie-podmanの使用方法</li>
1090 <li>定期的な周知が必要</li>
1091 </ul> 1059 </ul>
1092 </li> 1060 </li>
1093 <li>ie-podmanのネットワーク構成の見直し 1061 <li>ie-podmanのネットワーク構成の見直し
1094 <ul> 1062 <ul>
1095 <li>プレフィックス長が24のため、最大254個のIPアドレス</li> 1063 <li>プレフィックス長が24のため、最大254個のIPアドレス</li>
1098 </li> 1066 </li>
1099 <li>基幹サービスすべてのコンテナ移行 1067 <li>基幹サービスすべてのコンテナ移行
1100 <ul> 1068 <ul>
1101 <li>まだVMで動いている基幹サービスがある</li> 1069 <li>まだVMで動いている基幹サービスがある</li>
1102 <li>コンテナ運用の経験を積んでいきたい</li> 1070 <li>コンテナ運用の経験を積んでいきたい</li>
1071 </ul>
1072 </li>
1073 <li>監視システムの導入
1074 <ul>
1075 <li>Prometheusによるコンテナの監視</li>
1103 </ul> 1076 </ul>
1104 </li> 1077 </li>
1105 </ul> 1078 </ul>
1106 </section> 1079 </section>
1107 <script>!function(){"use strict";const t="marpitSVGPolyfill:setZoomFactor,",e=Symbol();let r,o;function n(n){const i="object"==typeof n&&n.target||document,a="object"==typeof n?n.zoom:n;window[e]||(Object.defineProperty(window,e,{configurable:!0,value:!0}),window.addEventListener("message",(({data:e,origin:r})=>{if(r===window.origin)try{if(e&&"string"==typeof e&&e.startsWith(t)){const[,t]=e.split(","),r=Number.parseFloat(t);Number.isNaN(r)||(o=r)}}catch(t){console.error(t)}})));let l=!1;Array.from(i.querySelectorAll("svg[data-marpit-svg]"),(t=>{var e,n,i,s;t.style.transform||(t.style.transform="translateZ(0)");const c=a||o||t.currentScale||1;r!==c&&(r=c,l=c);const d=t.getBoundingClientRect(),{length:u}=t.children;for(let r=0;r<u;r+=1){const o=t.children[r],a=o.getScreenCTM();if(a){const t=null!==(n=null===(e=o.x)||void 0===e?void 0:e.baseVal.value)&&void 0!==n?n:0,r=null!==(s=null===(i=o.y)||void 0===i?void 0:i.baseVal.value)&&void 0!==s?s:0,l=o.firstChild,{style:u}=l;u.transformOrigin||(u.transformOrigin=`${-t}px ${-r}px`),u.transform=`scale(${c}) matrix(${a.a}, ${a.b}, ${a.c}, ${a.d}, ${a.e-d.left}, ${a.f-d.top}) translateZ(0.0001px)`}}})),!1!==l&&Array.from(i.querySelectorAll("iframe"),(({contentWindow:e})=>{null==e||e.postMessage(`${t}${l}`,"null"===window.origin?"*":window.origin)}))}r=1,o=void 0;const i=(t,e,r)=>{if(t.getAttribute(e)!==r)return t.setAttribute(e,r),!0};function a({once:t=!1,target:e=document}={}){const r="Apple Computer, Inc."===navigator.vendor?[n]:[];let o=!t;const a=()=>{for(const t of r)t({target:e});!function(t=document){Array.from(t.querySelectorAll('svg[data-marp-fitting="svg"]'),(t=>{var e;const r=t.firstChild,o=r.firstChild,{scrollWidth:n,scrollHeight:a}=o;let l,s=1;if(t.hasAttribute("data-marp-fitting-code")&&(l=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement),t.hasAttribute("data-marp-fitting-math")&&(l=t.parentElement),l){const t=getComputedStyle(l),e=Math.ceil(l.clientWidth-parseFloat(t.paddingLeft||"0")-parseFloat(t.paddingRight||"0"));e&&(s=e)}const c=Math.max(n,s),d=Math.max(a,1),u=`0 0 ${c} ${d}`;i(r,"width",`${c}`),i(r,"height",`${d}`),i(t,"preserveAspectRatio",getComputedStyle(t).getPropertyValue("--preserve-aspect-ratio")||"xMinYMin meet"),i(t,"viewBox",u)&&t.classList.toggle("__reflow__")}))}(e),o&&window.requestAnimationFrame(a)};return a(),()=>{o=!1}}const l=Symbol(),s=document.currentScript;((t=document)=>{if("undefined"==typeof window)throw new Error("Marp Core's browser script is valid only in browser context.");if(t[l])return t[l];const e=a({target:t}),r=()=>{e(),delete t[l]};Object.defineProperty(t,l,{configurable:!0,value:r})})(s?s.getRootNode():document)}(); 1080 <script>!function(){"use strict";const t="marpitSVGPolyfill:setZoomFactor,",e=Symbol();let r,o;function n(n){const i="object"==typeof n&&n.target||document,a="object"==typeof n?n.zoom:n;window[e]||(Object.defineProperty(window,e,{configurable:!0,value:!0}),window.addEventListener("message",(({data:e,origin:r})=>{if(r===window.origin)try{if(e&&"string"==typeof e&&e.startsWith(t)){const[,t]=e.split(","),r=Number.parseFloat(t);Number.isNaN(r)||(o=r)}}catch(t){console.error(t)}})));let l=!1;Array.from(i.querySelectorAll("svg[data-marpit-svg]"),(t=>{var e,n,i,s;t.style.transform||(t.style.transform="translateZ(0)");const c=a||o||t.currentScale||1;r!==c&&(r=c,l=c);const d=t.getBoundingClientRect(),{length:u}=t.children;for(let r=0;r<u;r+=1){const o=t.children[r],a=o.getScreenCTM();if(a){const t=null!==(n=null===(e=o.x)||void 0===e?void 0:e.baseVal.value)&&void 0!==n?n:0,r=null!==(s=null===(i=o.y)||void 0===i?void 0:i.baseVal.value)&&void 0!==s?s:0,l=o.firstChild,{style:u}=l;u.transformOrigin||(u.transformOrigin=`${-t}px ${-r}px`),u.transform=`scale(${c}) matrix(${a.a}, ${a.b}, ${a.c}, ${a.d}, ${a.e-d.left}, ${a.f-d.top}) translateZ(0.0001px)`}}})),!1!==l&&Array.from(i.querySelectorAll("iframe"),(({contentWindow:e})=>{null==e||e.postMessage(`${t}${l}`,"null"===window.origin?"*":window.origin)}))}r=1,o=void 0;const i=(t,e,r)=>{if(t.getAttribute(e)!==r)return t.setAttribute(e,r),!0};function a({once:t=!1,target:e=document}={}){const r="Apple Computer, Inc."===navigator.vendor?[n]:[];let o=!t;const a=()=>{for(const t of r)t({target:e});!function(t=document){Array.from(t.querySelectorAll('svg[data-marp-fitting="svg"]'),(t=>{var e;const r=t.firstChild,o=r.firstChild,{scrollWidth:n,scrollHeight:a}=o;let l,s=1;if(t.hasAttribute("data-marp-fitting-code")&&(l=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement),t.hasAttribute("data-marp-fitting-math")&&(l=t.parentElement),l){const t=getComputedStyle(l),e=Math.ceil(l.clientWidth-parseFloat(t.paddingLeft||"0")-parseFloat(t.paddingRight||"0"));e&&(s=e)}const c=Math.max(n,s),d=Math.max(a,1),u=`0 0 ${c} ${d}`;i(r,"width",`${c}`),i(r,"height",`${d}`),i(t,"preserveAspectRatio",getComputedStyle(t).getPropertyValue("--preserve-aspect-ratio")||"xMinYMin meet"),i(t,"viewBox",u)&&t.classList.toggle("__reflow__")}))}(e),o&&window.requestAnimationFrame(a)};return a(),()=>{o=!1}}const l=Symbol(),s=document.currentScript;((t=document)=>{if("undefined"==typeof window)throw new Error("Marp Core's browser script is valid only in browser context.");if(t[l])return t[l];const e=a({target:t}),r=()=>{e(),delete t[l]};Object.defineProperty(t,l,{configurable:!0,value:r})})(s?s.getRootNode():document)}();