Mercurial > hg > Papers > 2021 > mk-thesis

comparison slide/slide.html @ 59:c72f0d0eb28a

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 Mon, 15 Feb 2021 16:18:55 +0900
parents aaced29a65f3
children f0af437fca35
comparison
equal deleted inserted replaced
58:f6fd06b1c9ab 59:c72f0d0eb28a
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="26" style="--paginate:true;--class:title;--theme:default; 30 " class="title" data-marpit-pagination="1" data-marpit-pagination-total="25" 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="26" style="--paginate:true;--class:slide;--theme:default; 65 " class="slide" data-marpit-pagination="2" data-marpit-pagination-total="25" 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="26" style="--paginate:true;--class:slide;--theme:default; 103 " class="slide" data-marpit-pagination="3" data-marpit-pagination-total="25" 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="26" style="--paginate:true;--class:slide;--theme:default; 151 " class="slide" data-marpit-pagination="4" data-marpit-pagination-total="25" 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>
180 180
181 section.slide h1 { 181 section.slide h1 {
182 position: absolute; 182 position: absolute;
183 left: 50px; top: 35px; 183 left: 50px; top: 35px;
184 } 184 }
185 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default; 185 " class="title" data-marpit-pagination="5" data-marpit-pagination-total="25" style="--paginate:true;--class:title;--theme:default;
186 ;"> 186 ;">
187 <h1>教育情報システムの構築</h1> 187 <h1>教育情報システムの構築</h1>
188 </section> 188 </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 { 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 {
190 background-color: #FFFFFF; 190 background-color: #FFFFFF;
203 203
204 section.slide h1 { 204 section.slide h1 {
205 position: absolute; 205 position: absolute;
206 left: 50px; top: 35px; 206 left: 50px; top: 35px;
207 } 207 }
208 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 208 " class="slide" data-marpit-pagination="6" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
209 ;"> 209 ;">
210 <h1>VMベースからコンテナベースへ移行</h1> 210 <h1>VMベースからコンテナベースへ移行</h1>
211 <ul> 211 <ul>
212 <li>旧システムはVMベースでシステムが構築されていた</li> 212 <li>旧システムはVMベースでシステムが構築されていた</li>
213 <li>サービスごとにVMがあり、管理に手間が掛かる</li> 213 <li>サービスごとにVMがあり、管理に手間が掛かる</li>
241 241
242 section.slide h1 { 242 section.slide h1 {
243 position: absolute; 243 position: absolute;
244 left: 50px; top: 35px; 244 left: 50px; top: 35px;
245 } 245 }
246 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 246 " class="slide" data-marpit-pagination="7" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
247 ;"> 247 ;">
248 <h1>コンテナ環境の導入</h1> 248 <h1>コンテナ環境の導入</h1>
249 <ul> 249 <ul>
250 <li> 250 <li>
251 <p>マルチユーザで利用できるPodman、Singularityを導入する</p> 251 <p>マルチユーザで利用できるPodman、Singularityを導入する</p>
252 </li> 252 </li>
253 <li> 253 <li>
254 <p>Podman</p> 254 <p>Podman</p>
255 <ul> 255 <ul>
256 <li>rootlessで利用できる</li>
257 <li>Dockerと同じCLIを提供する (<code>alias docker=podman</code>)</li> 256 <li>Dockerと同じCLIを提供する (<code>alias docker=podman</code>)</li>
258 <li>nvidia-dockerの設定を行えばGPUを利用できる</li> 257 <li>nvidia-dockerの設定を行えばGPUを利用できる</li>
259 </ul> 258 </ul>
260 </li> 259 </li>
261 <li> 260 <li>
262 <p>Singularity</p> 261 <p>Singularity</p>
263 <ul> 262 <ul>
264 <li>ホームディレクトリ、/tmpなどがコンテナにマウントされる 263 <li>ホームディレクトリ、/tmpなどがコンテナにマウントされる</li>
265 <ul> 264 <li>コンテナにユーザ権限が引き継がれる</li>
266 <li>プログラムの実行に便利</li>
267 </ul>
268 </li>
269 <li>コンテナから容易にGPUを利用できる</li> 265 <li>コンテナから容易にGPUを利用できる</li>
270 </ul> 266 </ul>
271 </li> 267 </li>
272 <li> 268 <li>
273 <p>コンテナベースの学習環境を提供できるようになる</p> 269 <p>コンテナベースの学習環境を提供できるようになる</p>
291 287
292 section.slide h1 { 288 section.slide h1 {
293 position: absolute; 289 position: absolute;
294 left: 50px; top: 35px; 290 left: 50px; top: 35px;
295 } 291 }
296 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 292 " class="slide" data-marpit-pagination="8" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
297 ;"> 293 ;">
298 <h1>コンテナエンジンの補い</h1> 294 <h1>コンテナエンジンの補い</h1>
299 <ul> 295 <ul>
300 <li> 296 <li>
301 <p>Podman</p> 297 <p>Podman</p>
340 336
341 section.slide h1 { 337 section.slide h1 {
342 position: absolute; 338 position: absolute;
343 left: 50px; top: 35px; 339 left: 50px; top: 35px;
344 } 340 }
345 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 341 " class="slide" data-marpit-pagination="9" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
346 ;"> 342 ;">
347 <h1>ie-podmanの作成</h1> 343 <h1>ie-podmanの作成</h1>
348 <ul> 344 <ul>
349 <li>rootfullのPodman wrapperである</li> 345 <li>rootfullのPodman wrapperである</li>
350 <li>ユーザのUID、GIDを取得し管理を行う 346 <li>ユーザのUID、GIDを取得し管理を行う
373 369
374 section.slide h1 { 370 section.slide h1 {
375 position: absolute; 371 position: absolute;
376 left: 50px; top: 35px; 372 left: 50px; top: 35px;
377 } 373 }
378 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 374 " class="slide" data-marpit-pagination="10" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
379 ;"> 375 ;">
380 <h1>ie-podmanの機能 1/2</h1> 376 <h1>ie-podmanの機能 1/2</h1>
381 <ul> 377 <ul>
382 <li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li> 378 <li>Podmanのすべての機能をwrappするのではなく、一部機能のみを提供する</li>
383 </ul> 379 </ul>
437 433
438 section.slide h1 { 434 section.slide h1 {
439 position: absolute; 435 position: absolute;
440 left: 50px; top: 35px; 436 left: 50px; top: 35px;
441 } 437 }
442 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 438 " class="slide" data-marpit-pagination="11" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
443 ;"> 439 ;">
444 <h1>ie-podmanの機能 2/2</h1> 440 <h1>ie-podmanの機能 2/2</h1>
445 <ul> 441 <ul>
446 <li>registryやsifなど独自機能を提供する</li> 442 <li>registryやsifなど独自機能を提供する</li>
447 </ul> 443 </ul>
497 493
498 section.slide h1 { 494 section.slide h1 {
499 position: absolute; 495 position: absolute;
500 left: 50px; top: 35px; 496 left: 50px; top: 35px;
501 } 497 }
502 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 498 " class="slide" data-marpit-pagination="12" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
503 ;"> 499 ;">
504 <h1>ジョブスケジューラとファイルシステムの導入</h1> 500 <h1>ジョブスケジューラとファイルシステムの導入</h1>
505 <ul> 501 <ul>
506 <li>Slurmを採用 502 <li>Slurmを採用
507 <ul> 503 <ul>
514 </ul> 510 </ul>
515 </li> 511 </li>
516 <li>Cephを採用 512 <li>Cephを採用
517 <ul> 513 <ul>
518 <li>自己修復、自己管理機能を搭載するため信頼性が高い</li> 514 <li>自己修復、自己管理機能を搭載するため信頼性が高い</li>
519 <li>柔軟なアクセス方法の提供 515 <li>Monitorを3台のサーバで構成することで、最大1台の停止は許容される</li>
516 <li>柔軟なアクセス方法を提供する
520 <ul> 517 <ul>
521 <li>Object Gateway</li> 518 <li>Object Gateway</li>
522 <li>ブロックデバイス</li> 519 <li>ブロックデバイス</li>
523 <li>POSIX互換のファイルシステム</li> 520 <li>POSIX互換のファイルシステム</li>
524 </ul> 521 </ul>
544 541
545 section.slide h1 { 542 section.slide h1 {
546 position: absolute; 543 position: absolute;
547 left: 50px; top: 35px; 544 left: 50px; top: 35px;
548 } 545 }
549 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 546 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
550 ;" 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 ;" 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 {
551 background-color: #FFFFFF; 548 background-color: #FFFFFF;
552 font-size: 28px; 549 font-size: 28px;
553 color: #4b4b4b; 550 color: #4b4b4b;
554 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 551 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
564 561
565 section.slide h1 { 562 section.slide h1 {
566 position: absolute; 563 position: absolute;
567 left: 50px; top: 35px; 564 left: 50px; top: 35px;
568 } 565 }
569 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 566 " class="slide" data-marpit-pagination="13" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
570 ;" data-marpit-advanced-background="content"></section> 567 ;" data-marpit-advanced-background="content"></section>
571 </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 </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="25"></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 {
572 background-color: #FFFFFF; 569 background-color: #FFFFFF;
573 font-size: 28px; 570 font-size: 28px;
574 color: #4b4b4b; 571 color: #4b4b4b;
575 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 572 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
576 } 573 }
577 574
578 section.title { 575 section.title {
579 font-size: 40px; 576 font-size: 40px;
580 padding: 40px; 577 padding: 40px;
581 } 578 }
582 section.title h1 { 579 section.title h1 {
583 text-align: center; 580 text-align: center;
584 } 581 }
585 582
586 section.slide h1 { 583 section.slide h1 {
587 position: absolute; 584 position: absolute;
588 left: 50px; top: 35px; 585 left: 50px; top: 35px;
589 } 586 }
590 " class="title" data-marpit-pagination="14" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default; 587 " class="title" data-marpit-pagination="14" data-marpit-pagination-total="25" style="--paginate:true;--class:title;--theme:default;
591 ;"> 588 ;">
592 <h1>教育情報システムの利用</h1> 589 <h1>教育情報システムの利用</h1>
593 </section> 590 </section>
594 </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 { 591 </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 {
595 background-color: #FFFFFF; 592 background-color: #FFFFFF;
608 605
609 section.slide h1 { 606 section.slide h1 {
610 position: absolute; 607 position: absolute;
611 left: 50px; top: 35px; 608 left: 50px; top: 35px;
612 } 609 }
613 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 610 " class="slide" data-marpit-pagination="15" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
614 ;"> 611 ;">
615 <h1>ie-podmanの使用方法 1/2</h1> 612 <h1>ie-podmanの使用方法 1/2</h1>
616 <ul> 613 <ul>
617 <li>IPアドレス、GPUをコンテナへ割り当てられる 614 <li>IPアドレス、GPUをコンテナへ割り当てられる
618 <ul> 615 <ul>
647 644
648 section.slide h1 { 645 section.slide h1 {
649 position: absolute; 646 position: absolute;
650 left: 50px; top: 35px; 647 left: 50px; top: 35px;
651 } 648 }
652 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 649 " class="slide" data-marpit-pagination="16" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
653 ;"> 650 ;">
654 <h1>ie-podmanの使用方法 2/2</h1> 651 <h1>ie-podmanの使用方法 2/2</h1>
655 <ul> 652 <ul>
656 <li>作成したイメージをsifファイルへの変換に対応 653 <li>作成したイメージをsifファイルへの変換に対応
657 <ul> 654 <ul>
693 690
694 section.slide h1 { 691 section.slide h1 {
695 position: absolute; 692 position: absolute;
696 left: 50px; top: 35px; 693 left: 50px; top: 35px;
697 } 694 }
698 " class="slide" data-marpit-pagination="17" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 695 " class="slide" data-marpit-pagination="17" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
699 ;"> 696 ;">
700 <h1>GPUの利用方法</h1> 697 <h1>GPUの利用方法</h1>
701 <ul> 698 <ul>
702 <li>Singularityでは容易にGPUを利用できる 699 <li>GPUを使用するプログラムはSingularityから実行する
703 <ul> 700 <ul>
704 <li><code>singularity run --nv [SIF_NAME]</code></li> 701 <li><code>singularity run --nv [SIF_NAME]</code></li>
705 </ul> 702 </ul>
706 </li> 703 </li>
707 <li>Jobの処理手順をまとめたBatchファイルの作成する 704 <li>Jobの処理手順をまとめたBatchファイルの作成する
740 737
741 section.slide h1 { 738 section.slide h1 {
742 position: absolute; 739 position: absolute;
743 left: 50px; top: 35px; 740 left: 50px; top: 35px;
744 } 741 }
745 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 742 " class="slide" data-marpit-pagination="18" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
746 ;"> 743 ;">
747 <h1>Batchファイルの例</h1> 744 <h1>Batchファイルの例</h1>
748 <ul> 745 <ul>
749 <li>Jobに必要とするリソース 746 <li>Jobに必要とするリソース
750 <ul> 747 <ul>
786 783
787 section.slide h1 { 784 section.slide h1 {
788 position: absolute; 785 position: absolute;
789 left: 50px; top: 35px; 786 left: 50px; top: 35px;
790 } 787 }
791 " class="title" data-marpit-pagination="19" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default; 788 " class="title" data-marpit-pagination="19" data-marpit-pagination-total="25" style="--paginate:true;--class:title;--theme:default;
792 ;"> 789 ;">
793 <h1>教育情報システムの評価</h1> 790 <h1>教育情報システムの評価</h1>
794 </section> 791 </section>
795 </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 { 792 </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 {
796 background-color: #FFFFFF; 793 background-color: #FFFFFF;
809 806
810 section.slide h1 { 807 section.slide h1 {
811 position: absolute; 808 position: absolute;
812 left: 50px; top: 35px; 809 left: 50px; top: 35px;
813 } 810 }
814 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 811 " class="slide" data-marpit-pagination="20" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
815 ;"> 812 ;">
816 <h1>ie-podmanの評価 1/3</h1> 813 <h1>ie-podmanの評価 1/2</h1>
817 <ul> 814 <ul>
818 <li> 815 <li>
819 <p>実験環境</p> 816 <p>実験環境</p>
820 <ul> 817 <ul>
821 <li>新システムの汎用サーバで実施</li> 818 <li>新システムの汎用サーバで実施</li>
831 <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 <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>
832 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \ 829 <span class="hljs-keyword">RUN</span><span class="bash"> apt-get update &amp;&amp; \
833 apt-get upgrade -y</span> 830 apt-get upgrade -y</span>
834 </span></span></foreignObject></svg></code></pre> 831 </span></span></foreignObject></svg></code></pre>
835 <ul> 832 <ul>
836 <li>Build速度の比較 833 <li>比較するコンテナエンジン
837 <ul> 834 <ul>
838 <li>Docker</li> 835 <li>Docker</li>
839 <li>ie-podman (Podman rootfull wrapper)</li> 836 <li>ie-podman (Podman rootfull wrapper)</li>
840 <li>Podman (rootless)</li> 837 <li>Podman (rootless)</li>
841 </ul> 838 </ul>
859 856
860 section.slide h1 { 857 section.slide h1 {
861 position: absolute; 858 position: absolute;
862 left: 50px; top: 35px; 859 left: 50px; top: 35px;
863 } 860 }
864 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 861 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
865 ;" 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 ;" 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 {
866 background-color: #FFFFFF; 863 background-color: #FFFFFF;
867 font-size: 28px; 864 font-size: 28px;
868 color: #4b4b4b; 865 color: #4b4b4b;
869 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 866 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
879 876
880 section.slide h1 { 877 section.slide h1 {
881 position: absolute; 878 position: absolute;
882 left: 50px; top: 35px; 879 left: 50px; top: 35px;
883 } 880 }
884 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 881 " class="slide" data-marpit-pagination="21" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
885 ;" data-marpit-advanced-background="content"> 882 ;" data-marpit-advanced-background="content">
886 <h1>ie-podmanの評価 2/3</h1> 883 <h1>ie-podmanの評価 2/2</h1>
887 </section> 884 </section>
888 </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 </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="25"></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 {
889 background-color: #FFFFFF; 886 background-color: #FFFFFF;
890 font-size: 28px; 887 font-size: 28px;
891 color: #4b4b4b; 888 color: #4b4b4b;
892 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 889 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
893 } 890 }
894 891
895 section.title { 892 section.title {
896 font-size: 40px; 893 font-size: 40px;
897 padding: 40px; 894 padding: 40px;
898 } 895 }
899 section.title h1 { 896 section.title h1 {
900 text-align: center; 897 text-align: center;
901 } 898 }
902 899
903 section.slide h1 { 900 section.slide h1 {
904 position: absolute; 901 position: absolute;
905 left: 50px; top: 35px; 902 left: 50px; top: 35px;
906 } 903 }
907 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 904 " class="slide" data-marpit-pagination="22" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
908 ;">
909 <h1>ie-podmanの評価 3/3</h1>
910 <ul>
911 <li>Rootlessは<code>syscall</code>が複数呼ばれている
912 <ul>
913 <li>そのため、イメージの作成が遅いのではないか</li>
914 </ul>
915 </li>
916 <li>左がrootless、右がrootfull</li>
917 </ul>
918 <p><img src="images/syscall.png" alt="height:325" style="height:325px;" /></p>
919 </section>
920 </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 {
921 background-color: #FFFFFF;
922 font-size: 28px;
923 color: #4b4b4b;
924 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
925 }
926
927 section.title {
928 font-size: 40px;
929 padding: 40px;
930 }
931 section.title h1 {
932 text-align: center;
933 }
934
935 section.slide h1 {
936 position: absolute;
937 left: 50px; top: 35px;
938 }
939 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default;
940 ;"> 905 ;">
941 <h1>ファイルシステムの評価 1/2</h1> 906 <h1>ファイルシステムの評価 1/2</h1>
942 <ul> 907 <ul>
943 <li> 908 <li>
944 <p>実験概要</p> 909 <p>実験概要</p>
945 <ul> 910 <ul>
946 <li><code>dd</code>コマンドを使用し書き込み速度を比較する</li> 911 <li><code>dd</code>コマンドを使用し書き込み速度を比較する</li>
947 </ul> 912 </ul>
948 </li> 913 </li>
949 <li> 914 <li>
950 <p>書き込み速度の比較</p> 915 <p>比較するファイルシステム</p>
951 <ul> 916 <ul>
952 <li>GFS2</li> 917 <li>GFS2
953 <li>NFS</li> 918 <ul>
954 <li>CephFS</li> 919 <li>旧システムのVMイメージの保存場所として利用された</li>
955 <li>CephRBD</li> 920 </ul>
921 </li>
922 <li>NFS
923 <ul>
924 <li>旧システムのホームディレクトリとして利用された</li>
925 </ul>
926 </li>
927 <li>CephFS
928 <ul>
929 <li>新システムのホームディレクトリとして利用する</li>
930 </ul>
931 </li>
932 <li>CephRBD
933 <ul>
934 <li>新システムのVMイメージの保存場所の1つとして利用する</li>
935 </ul>
936 </li>
956 </ul> 937 </ul>
957 </li> 938 </li>
958 </ul> 939 </ul>
959 </section> 940 </section>
960 </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 { 941 </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 {
974 955
975 section.slide h1 { 956 section.slide h1 {
976 position: absolute; 957 position: absolute;
977 left: 50px; top: 35px; 958 left: 50px; top: 35px;
978 } 959 }
979 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 960 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
980 ;" 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 { 961 ;" 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 {
981 background-color: #FFFFFF; 962 background-color: #FFFFFF;
982 font-size: 28px; 963 font-size: 28px;
983 color: #4b4b4b; 964 color: #4b4b4b;
984 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 965 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
985 } 966 }
986 967
987 section.title { 968 section.title {
988 font-size: 40px; 969 font-size: 40px;
989 padding: 40px; 970 padding: 40px;
990 } 971 }
991 section.title h1 { 972 section.title h1 {
992 text-align: center; 973 text-align: center;
993 } 974 }
994 975
995 section.slide h1 { 976 section.slide h1 {
996 position: absolute; 977 position: absolute;
997 left: 50px; top: 35px; 978 left: 50px; top: 35px;
998 } 979 }
999 " class="slide" data-marpit-pagination="24" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 980 " class="slide" data-marpit-pagination="23" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
1000 ;" data-marpit-advanced-background="content"> 981 ;" data-marpit-advanced-background="content">
1001 <h1>ファイルシステムの評価 2/2</h1> 982 <h1>ファイルシステムの評価 2/2</h1>
1002 </section> 983 </section>
1003 </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 { 984 </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="25"></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="title" data-theme="default" data-style="section {
1004 background-color: #FFFFFF; 985 background-color: #FFFFFF;
1005 font-size: 28px; 986 font-size: 28px;
1006 color: #4b4b4b; 987 color: #4b4b4b;
1007 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 988 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
1008 } 989 }
1009 990
1010 section.title { 991 section.title {
1011 font-size: 40px; 992 font-size: 40px;
1012 padding: 40px; 993 padding: 40px;
1013 } 994 }
1014 section.title h1 { 995 section.title h1 {
1015 text-align: center; 996 text-align: center;
1016 } 997 }
1017 998
1018 section.slide h1 { 999 section.slide h1 {
1019 position: absolute; 1000 position: absolute;
1020 left: 50px; top: 35px; 1001 left: 50px; top: 35px;
1021 } 1002 }
1022 " class="title" data-marpit-pagination="25" data-marpit-pagination-total="26" style="--paginate:true;--class:title;--theme:default; 1003 " class="title" data-marpit-pagination="24" data-marpit-pagination-total="25" style="--paginate:true;--class:title;--theme:default;
1023 ;"> 1004 ;">
1024 <h1>まとめ</h1> 1005 <h1>まとめ</h1>
1025 <ul> 1006 <ul>
1026 <li>今年度のシステム更新で教育情報システムの構築を行った 1007 <li>今年度のシステム更新で教育情報システムの構築を行った
1027 <ul> 1008 <ul>
1031 </li> 1012 </li>
1032 <li>Cephと、これまでのGFS2との書き込み速度の比較を行った</li> 1013 <li>Cephと、これまでのGFS2との書き込み速度の比較を行った</li>
1033 <li>不便な点を補うために作成したie-podmanの評価を行った</li> 1014 <li>不便な点を補うために作成したie-podmanの評価を行った</li>
1034 </ul> 1015 </ul>
1035 </section> 1016 </section>
1036 </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 { 1017 </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 {
1037 background-color: #FFFFFF; 1018 background-color: #FFFFFF;
1038 font-size: 28px; 1019 font-size: 28px;
1039 color: #4b4b4b; 1020 color: #4b4b4b;
1040 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;; 1021 font-family: &quot;Arial&quot;, &quot;Hiragino Maru Gothic ProN&quot;;
1041 } 1022 }
1042 1023
1043 section.title { 1024 section.title {
1044 font-size: 40px; 1025 font-size: 40px;
1045 padding: 40px; 1026 padding: 40px;
1046 } 1027 }
1047 section.title h1 { 1028 section.title h1 {
1048 text-align: center; 1029 text-align: center;
1049 } 1030 }
1050 1031
1051 section.slide h1 { 1032 section.slide h1 {
1052 position: absolute; 1033 position: absolute;
1053 left: 50px; top: 35px; 1034 left: 50px; top: 35px;
1054 } 1035 }
1055 " class="slide" data-marpit-pagination="26" data-marpit-pagination-total="26" style="--paginate:true;--class:slide;--theme:default; 1036 " class="slide" data-marpit-pagination="25" data-marpit-pagination-total="25" style="--paginate:true;--class:slide;--theme:default;
1056 ;"> 1037 ;">
1057 <h1>今後の課題</h1> 1038 <h1>今後の課題</h1>
1058 <ul> 1039 <ul>
1059 <li>教育情報システムの周知 1040 <li>教育情報システムの周知
1060 <ul> 1041 <ul>
1079 </ul> 1060 </ul>
1080 </li> 1061 </li>
1081 </ul> 1062 </ul>
1082 </section> 1063 </section>
1083 <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)}(); 1064 <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)}();
1084 </script></foreignObject></svg></div><script>!function(){"use strict";var e=function(e,t){var n,r=1===(e.parent||e).nodeType?e.parent||e:document.querySelector(e.parent||e),s=[].filter.call("string"==typeof e.slides?r.querySelectorAll(e.slides):e.slides||r.children,(function(e){return"SCRIPT"!==e.nodeName})),a={},i=function(e,t){return(t=t||{}).index=s.indexOf(e),t.slide=e,t},o=function(e,t){a[e]=(a[e]||[]).filter((function(e){return e!==t}))},l=function(e,t){return(a[e]||[]).reduce((function(e,n){return e&&!1!==n(t)}),!0)},c=function(e,t){s[e]&&(n&&l("deactivate",i(n,t)),n=s[e],l("activate",i(n,t)))},d=function(e,t){var r=s.indexOf(n)+e;l(e>0?"next":"prev",i(n,t))&&c(r,t)},u={off:o,on:function(e,t){return(a[e]||(a[e]=[])).push(t),o.bind(null,e,t)},fire:l,slide:function(e,t){if(!arguments.length)return s.indexOf(n);l("slide",i(s[e],t))&&c(e,t)},next:d.bind(null,1),prev:d.bind(null,-1),parent:r,slides:s,destroy:function(e){l("destroy",i(n,e)),a={}}};return(t||[]).forEach((function(e){e(u)})),n||c(0),u};function t(e){e.parent.classList.add("bespoke-marp-parent"),e.slides.forEach((e=>e.classList.add("bespoke-marp-slide"))),e.on("activate",(t=>{const n=t.slide,r=!n.classList.contains("bespoke-marp-active");e.slides.forEach((e=>{e.classList.remove("bespoke-marp-active"),e.setAttribute("aria-hidden","true")})),n.classList.add("bespoke-marp-active"),n.removeAttribute("aria-hidden"),r&&(n.classList.add("bespoke-marp-active-ready"),document.body.clientHeight,n.classList.remove("bespoke-marp-active-ready"))}))}function n(e){let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],s=(r,s)=>{t=r,n=s,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const a=t<r||t===r&&n<=s;e.setAttribute("data-bespoke-marp-fragment",a?"active":"inactive"),t===r&&n===s?e.setAttribute("data-bespoke-marp-current-fragment","current"):e.removeAttribute("data-bespoke-marp-current-fragment")}))})),e.fragmentIndex=s;const a={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:s};e.fire("fragment",a)};e.on("next",(({fragment:a=!0})=>{if(a){if(r(1))return s(t,n+1),!1;const a=t+1;e.fragments[a]&&s(a,0)}else{const r=e.fragments[t].length;if(n+1<r)return s(t,r-1),!1;const a=e.fragments[t+1];a&&s(t+1,a.length-1)}})),e.on("prev",(({fragment:a=!0})=>{if(r(-1)&&a)return s(t,n-1),!1;const i=t-1;e.fragments[i]&&s(i,e.fragments[i].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const s=e.fragments[t];if(s){const{length:e}=s;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}s(t,r)})),s(0,0)} 1065 </script></foreignObject></svg></div><div class="bespoke-marp-note" data-index="20" tabindex="0"><p>---
1066 # ie-podmanの評価 3/3
1067
1068 - Rootlessは`syscall`が複数呼ばれている
1069 - そのため、イメージの作成が遅いのではないか
1070 - 左がrootless、右がrootfull
1071
1072 ![height:325](images/syscall.png)</p></div><script>!function(){"use strict";var e=function(e,t){var n,r=1===(e.parent||e).nodeType?e.parent||e:document.querySelector(e.parent||e),s=[].filter.call("string"==typeof e.slides?r.querySelectorAll(e.slides):e.slides||r.children,(function(e){return"SCRIPT"!==e.nodeName})),a={},i=function(e,t){return(t=t||{}).index=s.indexOf(e),t.slide=e,t},o=function(e,t){a[e]=(a[e]||[]).filter((function(e){return e!==t}))},l=function(e,t){return(a[e]||[]).reduce((function(e,n){return e&&!1!==n(t)}),!0)},c=function(e,t){s[e]&&(n&&l("deactivate",i(n,t)),n=s[e],l("activate",i(n,t)))},d=function(e,t){var r=s.indexOf(n)+e;l(e>0?"next":"prev",i(n,t))&&c(r,t)},u={off:o,on:function(e,t){return(a[e]||(a[e]=[])).push(t),o.bind(null,e,t)},fire:l,slide:function(e,t){if(!arguments.length)return s.indexOf(n);l("slide",i(s[e],t))&&c(e,t)},next:d.bind(null,1),prev:d.bind(null,-1),parent:r,slides:s,destroy:function(e){l("destroy",i(n,e)),a={}}};return(t||[]).forEach((function(e){e(u)})),n||c(0),u};function t(e){e.parent.classList.add("bespoke-marp-parent"),e.slides.forEach((e=>e.classList.add("bespoke-marp-slide"))),e.on("activate",(t=>{const n=t.slide,r=!n.classList.contains("bespoke-marp-active");e.slides.forEach((e=>{e.classList.remove("bespoke-marp-active"),e.setAttribute("aria-hidden","true")})),n.classList.add("bespoke-marp-active"),n.removeAttribute("aria-hidden"),r&&(n.classList.add("bespoke-marp-active-ready"),document.body.clientHeight,n.classList.remove("bespoke-marp-active-ready"))}))}function n(e){let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],s=(r,s)=>{t=r,n=s,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const a=t<r||t===r&&n<=s;e.setAttribute("data-bespoke-marp-fragment",a?"active":"inactive"),t===r&&n===s?e.setAttribute("data-bespoke-marp-current-fragment","current"):e.removeAttribute("data-bespoke-marp-current-fragment")}))})),e.fragmentIndex=s;const a={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:s};e.fire("fragment",a)};e.on("next",(({fragment:a=!0})=>{if(a){if(r(1))return s(t,n+1),!1;const a=t+1;e.fragments[a]&&s(a,0)}else{const r=e.fragments[t].length;if(n+1<r)return s(t,r-1),!1;const a=e.fragments[t+1];a&&s(t+1,a.length-1)}})),e.on("prev",(({fragment:a=!0})=>{if(r(-1)&&a)return s(t,n-1),!1;const i=t-1;e.fragments[i]&&s(i,e.fragments[i].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const s=e.fragments[t];if(s){const{length:e}=s;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}s(t,r)})),s(0,0)}
1085 /*! 1073 /*!
1086 * screenfull 1074 * screenfull
1087 * v5.0.2 - 2020-02-13 1075 * v5.0.2 - 2020-02-13
1088 * (c) Sindre Sorhus; MIT License 1076 * (c) Sindre Sorhus; MIT License
1089 */ 1077 */