page/customize.html

   1 <!DOCTYPE html>
   2 <html lang="ja">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>
   6       【2019年版】Ubuntu系のLinuxディストリビューションを自作しよう　カスタマイズ編
   7     </title>
   8     <meta name="description" content="
   9       Ubuntu派生のLinux系OSの自作方法を解説したサイトです。
  10       SereneLinuxの開発者が初心者でもできるUbuntu派生OSの作成方法を画像つきで解説します。
  11       BodhiBuilderにあるバグの修正方法を解説しているのはここだけ！
  12     ">
  13     <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 799px)">
  14     <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 800px)">
  15     <link rel="stylesheet" href="../code/vs2015.css">
  16     <script src="../code/highlight.pack.js"></script>
  17     <link rel="shortcut icon" href="../favicon.ico">
  18     <link rel="stylesheet" type="text/css" media="print" href="../style/main.css">
  19     <!-- class="prettyprint linenums" でコードに色付け -->
  20     <!-- <pre><code class="prettyprint linenums"></code></pre> -->
  21   </head>
  22   <body>
  23     <header>
  24       <h1>
  25         【2019年版】Ubuntu系のOSを自作しよう　カスタマイズ編
  26       </h1>
  27         <p>
  28           BodhiBuilderを用いてオリジナルのOSを作成します。
  29         </p>
  30         <p>
  31           自分の好きなデスクトップ環境やソフトウェアを入れてオリジナルのOSを作成しましょう。
  32         </p>
  33         <p>
  34           実際に製作中のOS『SereneLinux』の実例を挙げながらわかりやすく解説していきます。
  35
  36         </p>
  37         <nav>
  38           <ul class="topnav">
  39             <li><a href="../index.html">トップページ</a></li>
  40             <li><a href="preparation.html">準備編</a></li>
  41             <li><a class="active" href="customize.html">カスタマイズ編</a></li>
  42             <li><a href="makeiso.html">ISO作成編</a></li>
  43             <li><a href="distribution.html">配布編</a></li>
  44             <li class="right"><a href="about.html">About</a></li>
  45           </ul>
  46         </nav>
  47     </header>
  48
  49     <main>
  50       <h2>
  51         カスタマイズしよう
  52       </h2>
  53       <p>
  54         実際にBasixをカスタマイズしていきましょう。
  55       </p>
  56       <p>
  57         基本的なカスタマイズは以下のとおりです
  58       </p>
  59       <p>
  60         <ol>
  61           <li>
  62             デスクトップ環境の選択
  63           </li>
  64           <li>
  65             ディスプレイマネージャの選択
  66           </li>
  67           <li>
  68             テーマのインストール、設定
  69           </li>
  70           <li>
  71             アイコンのインストール、設定
  72           </li>
  73           <li>
  74             マウスカーソルのインストール、設定
  75           </li>
  76           <li>
  77             パッケージの削除
  78           </li>
  79           <li>
  80             パッケージのインストール
  81           </li>
  82           <li>
  83             デスクトップのカスタマイズ
  84           </li>
  85           <li>
  86             設定ファイルの保存
  87           </li>
  88           <li>
  89             インストールスライドの変更
  90           </li>
  91           <li>
  92             OS名の変更
  93           </li>
  94         </ol>
  95       </p>
  96       <p>
  97         非常に長くなるので頑張って読んでください...
  98       </p>
  99       <p>
 100         カスタマイズくらいできるわ！って人は8から読んでください
 101       </p>
 102       <p>
 103         8以降はOS作成だけのカスタマイズなので知らない人もいるかもしれません
 104       </p>
 105
 106
 107       <h2>
 108         1.デスクトップ環境の選択
 109       </h2>
 110       <p>
 111         まずはデスクトップ環境を決めます
 112       </p>
 113       <p>
 114         デスクトップ環境を決める上で重要になるのが「ターゲットにするユーザー」です
 115       </p>
 116       <p>
 117         準備編で決めたことがここで重要になってきます
 118       </p>
 119       <p>
 120         以下にそれぞれのデスクトップ環境の特徴を書いていくので好きなものを選んでください
 121       </p>
 122       <p>
 123         重くはなりますが、複数のデスクトップ環境を搭載することもできます
 124       </p>
 125       <table>
 126         <thead>
 127           <tr>
 128             <th>デスクトップ環境</th>
 129             <th>標準ディストリビューション</th>
 130             <th>特徴</th>
 131             <th>重さ</th>
 132           </tr>
 133         </thead>
 134         <tbody>
 135
 136
 137           <tr>
 138             <th>
 139               Gnome3
 140             </th>
 141             <td label="標準ディストリビューション">
 142                 Ubuntu
 143             </td>
 144             <td label="特徴">
 145               <p>
 146                 操作が独特
 147                 <br>
 148                 洗練されている
 149               </p>
 150             </td>
 151             <td label="重さ">
 152                 やや重い
 153             </td>
 154           </tr>
 155
 156
 157           <tr>
 158             <th>
 159               Xfce4
 160             </th>
 161             <td label="標準ディストリビューション">
 162                 Xubuntu
 163             </td>
 164             <td label="特徴">
 165               <p>
 166                 標準のパネル設定はMac風になっている
 167                 <br>
 168                 細かいカスタマイズが可能
 169                 <br>
 170                 標準のテーマ、アイコンがダサい
 171               </p>
 172             </td>
 173             <td label="重さ">
 174                 軽い
 175             </td>
 176           </tr>
 177
 178
 179           <tr>
 180             <th>
 181               KDE
 182             </th>
 183             <td label="標準ディストリビューション">
 184               Kubuntu
 185             </td>
 186             <td label="特徴">
 187               <p>
 188                 非常に高機能で、美しいUI
 189                 <br>
 190                 比較的カスタマイズしにくい
 191               </p>
 192             </td>
 193             <td label="重さ">
 194               最も重い
 195             </td>
 196           </tr>
 197
 198
 199           <tr>
 200             <th>
 201               Lxde
 202             </th>
 203             <td label="標準ディストリビューション">
 204               Lubuntu
 205               <br>
 206               Basix
 207             </td>
 208             <td label="特徴">
 209               <p>
 210                  Windows風のUI
 211                 <br>
 212                 ものすごく軽量
 213                 <br>
 214                 標準のテーマ、アイコンが汚い
 215               </p>
 216             </td>
 217             <td label="重さ">
 218               最も軽い
 219             </td>
 220           </tr>
 221
 222
 223           <tr>
 224             <th>
 225               Lxqt
 226             </th>
 227             <td label="標準ディストリビューション">
 228               ---
 229             </td>
 230             <td label="特徴">
 231               <p>
 232                 Lxdeと非常に似ている
 233                 <br>
 234                 細かいカスタマイズが可能
 235                 <br>
 236                 標準のテーマ、アイコンがダサい
 237               </p>
 238             </td>
 239             <td label="重さ">
 240               最も軽い
 241             </td>
 242           </tr>
 243
 244
 245           <tr>
 246             <th>
 247                Unity
 248             </th>
 249             <td label="標準ディストリビューション">
 250                 Ubuntu（17.10まで）
 251             </td>
 252             <td label="特徴">
 253               <p>
 254                 Ubuntu版のGnomeと似たUI
 255                 <br>
 256                 殆どカスタマイズできない
 257                 <br>
 258                 今後サポートされるか不明
 259               </p>
 260             </td>
 261             <td label="重さ">
 262               最も重い
 263             </td>
 264           </tr>
 265
 266
 267           <tr>
 268             <th>
 269               Cinnamon
 270             </th>
 271             <td label="標準ディストリビューション">
 272               ---
 273             </td>
 274             <td label="特徴">
 275               <p>
 276                 Windows風のUI
 277                 <br>
 278                 あまりカスタマイズできない
 279                 <br>
 280                 高機能で美しい
 281               </p>
 282             </td>
 283             <td label="重さ">
 284               やや重い
 285             </td>
 286           </tr>
 287
 288           <tr>
 289             <th>
 290               Mate
 291             </th>
 292             <td label="標準ディストリビューション">
 293               Ubuntu Mate
 294             </td>
 295             <td label="特徴">
 296               <p>
 297                 Windows風のUI
 298                 <br>
 299                 Gnome2（Ubuntu 10.10までのUI）からフォーク
 300                 <br>
 301                 シンプル
 302               </p>
 303             </td>
 304             <td label="重さ">
 305               やや軽い
 306             </td>
 307           </tr>
 308
 309
 310         </tbody>
 311       </table>
 312
 313       <p>
 314         おすすめはXfce4です
 315       </p>
 316       <p>
 317         軽量でカスタマイズ性が高いので自由に改造することができます
 318       </p>
 319       <p>
 320         SereneLinuxもXfce4をベースにしています
 321       </p>
 322       <p>
 323         今回はXfce4を選んだとして関節を勧めていこうと思います
 324       </p>
 325
 326
 327
 328       <h2>
 329         2.ディスプレイマネージャの選択
 330       </h2>
 331       <p>
 332         ディスプレイマネージャとは、いわゆるログイン画面です
 333       </p>
 334       <p>
 335         以下の様なものがあります
 336       </p>
 337       <table>
 338         <thead>
 339           <tr>
 340             <th>ディスプレイマネージャ</th>
 341             <th>標準ディストリビューション</th>
 342             <th>特徴</th>
 343             <th>重さ</th>
 344           </tr>
 345         </thead>
 346         <tbody>
 347
 348
 349           <tr>
 350             <th>
 351               GDM3
 352             </th>
 353             <td label="標準ディストリビューション">
 354                 Ubuntu
 355             </td>
 356             <td label="特徴">
 357               <p>
 358                 Gnomeのディスプレイマネージャ
 359                 <br>
 360                 洗練されており、美しいUI
 361                 <br>
 362                 カスタマイズしにくい
 363               </p>
 364             </td>
 365             <td label="重さ">
 366               やや重い
 367             </td>
 368           </tr>
 369
 370
 371           <tr>
 372             <th>
 373               LightDM
 374             </th>
 375             <td label="標準ディストリビューション">
 376                 Xubuntu、Lubuntu、Ubuntu（17.10まで）
 377             </td>
 378             <td label="特徴">
 379               <p>
 380                 非常に軽い
 381                 <br>
 382                 カスタマイズが可能
 383                 <br>
 384                 標準のテーマ、アイコンがダサい
 385               </p>
 386             </td>
 387             <td label="重さ">
 388               軽い
 389             </td>
 390           </tr>
 391
 392           <tr>
 393             <th>
 394               KDM
 395             </th>
 396             <td label="標準ディストリビューション">
 397                 Kubuntu
 398             </td>
 399             <td label="特徴">
 400               <p>
 401                 リッチなUI
 402                 <br>
 403                 KDEのディスプレイマネージャ
 404               </p>
 405             </td>
 406             <td label="重さ">
 407               ---
 408             </td>
 409           </tr>
 410
 411           <tr>
 412             <th>
 413               SDDM
 414             </th>
 415             <td label="標準ディストリビューション">
 416               Lxqt
 417             </td>
 418             <td label="特徴">
 419               <p>
 420                 Qtのみで書かれている
 421               </p>
 422             </td>
 423             <td label="重さ">
 424               ---
 425             </td>
 426           </tr>
 427
 428
 429         </tbody>
 430       </table>
 431
 432       <p>
 433         今回は最も一般的なLightDMを使用していきます
 434       </p>
 435       <p>
 436         （筆者はLightDMとGDMしか使用したこと無いのでSDDMやKDMはわからないです）
 437       </p>
 438       <h3>
 439         Greeterについて
 440       </h3>
 441       <p>
 442         LightDMには「Greeter」と呼ばれるテーマを適用させる機能があります（他のDMにもあるのかな？）
 443       </p>
 444       <p>
 445         SereneLinuxではUbuntu17.10まで使われていた「unity-greeter」を適用させています
 446       </p>
 447       <p>
 448         この「Unity-Greeter」はインストール後に手動で設定をする必要があります
 449       </p>
 450       <p>
 451         参考にしたのは以下のサイトです
 452       </p>
 453       <p>
 454         <a href="https://cialu.net/how-to-solve-failed-to-start-session-with-lightdm-and-xfce/" target="_blank">How to solve ‘Failed to start session’ with LightDM and Xfce</a>
 455       </p>
 456       <p>
 457         上のサイトと同じになってしまいますが、一応こちらでも解説しようと思います
 458       </p>
 459       <p>
 460         <ol>
 461           <li>
 462             unity-greeterをインストールする
 463           </li>
 464           <p>
 465             これがないと始まりませんね
 466           </p>
 467           <pre><code>$ sudo apt-get -y install unity-greeter</code></pre>
 468           <li>
 469             設定ファイルを削除する
 470           </li>
 471           <p>
 472             以下のコマンドを実行して設定ファイルを削除します
 473           </p>
 474           <p>
 475             <pre><code>$ sudo rm /usr/share/lightdm/lightdm.conf.d/50-unity-greeter.conf</code></pre>
 476           </p>
 477           <li>
 478             新しい設定ファイルを作成する
 479           </li>
 480           <p>
 481             以下のコマンドを実行するだけです
 482           </p>
 483           <p>
 484             <pre><code>$ sudo touch /usr/share/lightdm/lightdm.conf.d/50-xfce-greeter.conf</code></pre>
 485           </p>
 486           <li>
 487             設定ファイルを記述する
 488           </li>
 489           <p>
 490             nanoを起動します
 491           </p>
 492           <pre><code>$ sudo nano /usr/share/lightdm/lightdm.conf.d/50-xfce-greeter.conf</code></pre>
 493           <p>
 494             以下のコードを書き込んで「Ctrl + O」を押して保存し、「Ctrl + X」で終了します
 495           </p>
 496           <pre><code>[SeatDefaults]
 497 greeter-session=unity-greeter
 498 user-session=xfce</code></pre>
 499           <li>
 500             再起動します
 501           </li>
 502           <pre><code>$ sudo reboot</code></pre>
 503
 504         </ol>
 505       </p>
 506
 507       <h2>
 508         テーマのインストール、設定
 509       </h2>
 510       <h3>
 511         自分の好きなテーマを探す
 512       </h3>
 513       <p>
 514         自分の好きなテーマをネット上で探して自分のOSのデフォルトにしましょう
 515       </p>
 516       <p>
 517         テーマのライセンスさえOKで、現在のGTK3に準拠しているテーマなら何でも適用できます
 518       </p>
 519       <p>
 520         SereneLinuxでは「Numix」というテーマを採用しています
 521       </p>
 522       <p>
 523         テーマによってディストリビューションの印象を大きく変えることになるので慎重にに選んでください
 524       </p>
 525       <p>
 526         テーマは以下のサイトから探すと簡単に見つけることができます
 527       </p>
 528       <ul>
 529         <li><a href="https://www.xfce-look.org/" target="_blank">Xfce-Look</a></li>
 530         <li><a href="https://www.gnome-look.org/" target="_blank">Gnome-Look</a></li>
 531       </ul>
 532       <p>
 533         GTK3のテーマをダウンロードしてください
 534       </p>
 535       <p>
 536         自分の考えたユーザのターゲットに合ったテーマを選ぶといいでしょう
 537       </p>
 538       <p>ライセンスをよく読み、再配布が可能かどうかを確かめてください</p>
 539       <h3>
 540         アイコンのインストール、設定
 541       </h3>
 542       <p>
 543         テーマを配置させます
 544       </p>
 545       <p>
 546         ダウンロードしたテーマファイルを展開してください
 547       </p>
 548       <p>
 549         Windowsで展開するといろいろと問題が起きる可能性があるので必ずLinux環境で展開を行ってください
 550       </p>
 551       <p>
 552         展開したら、.themeの拡張子がついたファイルが入っているフォルダを以下のパスにRoot権限でコピーしてください
 553       </p>
 554       <p>
 555         <pre><code>/usr/share/themes</code></pre>
 556       </p>
 557       <p>
 558         コピーしたら設定から自分のテーマを設定します
 559       </p>
 560       <h2>アイコンの設定</h2>
 561       <p>テーマと同じサイトでアイコンを探し、ディレクトリにコピーするだけです</p>
 562       <p><pre><code>/usr/share/icons</code></pre></p>
 563       <p>
 564         (解説超手抜きです すみません もしかしたら細かく書くかもです)
 565       </p>
 566       <h2>
 567         マウスカーソルのインストール、設定
 568       </h2>
 569       <p>
 570         アイコンと同じ方法でインストール、設定できます
 571       </p>
 572       <p>
 573         カーソルテーマはアイコンと同じディレクトリにコピーします
 574       </p>
 575       <h2>
 576         パッケージの削除
 577       </h2>
 578       <p>
 579         不要なパッケージを削除します
 580       </p>
 581       <p>
 582         不要なパッケージが多いとisoサイズがどんどん大きくなってしまいますのでなるべく小さくします
 583       </p>
 584       <p>
 585         インストールされているパッケージは以下のコマンドで確認できます
 586       </p>
 587       <p><pre><code>$ sudo dpkg -l | less</code></pre></p>
 588       <p>
 589         終了時は「q」キーを押します
 590       </p>
 591       <p>
 592         Gnome系のパッケージは削除できるかもしれません
 593       </p>
 594       <p>
 595         削除してよいかどうか分からなかったらパッケージ名で検索してみたり、Basixと比較してみると良いかもしれません
 596       </p>
 597       <p>
 598         削除する際は「-y」で一気に削除するのではなく、削除されるパッケージを確認して確実に削除してください
 599       </p>
 600       <p>
 601         また、削除の際は「remove」ではなく「purge」を使用してください
 602       </p>
 603       <p>
 604         違いはというと、「remove」では設定ファイルは削除されませんが、「purge」では設定ファイルまで削除されます
 605       </p>
 606       <p>
 607         必要以上の設定ファイルはごみになるだけなので削除します
 608       </p>
 609       <p>
 610         パッケージを削除する際は以下のテンプレートを使用すると簡単です
 611       </p>
 612       <p>
 613         <pre><code>$ sudo apt-get purge hogehoge</code></pre>
 614       </p>
 615       <p>
 616         （hogehogeは各自で置き換えてください）
 617       </p>
 618
 619       <h2>
 620         パッケージのインストール
 621       </h2>
 622       <p>
 623         自分の好きなパッケージをインストールします
 624       </p>
 625       <p>
 626         標準のリポジトリになければ自分でリポジトリを追加します
 627       </p>
 628       <p>
 629         おすすめのパッケージは「UbuntuCleaner」です
 630       </p>
 631       <p>
 632         リポジトリを追加してインストールします
 633       </p>
 634       <p>
 635         不要なパッケージを削除してくれるのでディストリビューション作成には必須です
 636       </p>
 637       <h2>
 638         デスクトップのカスタマイズ
 639       </h2>
 640       <p>
 641         デスクトップのカスタマイズを行います
 642       </p>
 643       <p>
 644         Xfceの場合は自分の好きな位置にパネルを配置します
 645       </p>
 646       <p>
 647         Xubuntuに標準で入っているアプリケーションメニューは以下のコマンドでインストールできます
 648       </p>
 649       <p>
 650         <pre><code>$ sudo apt -y install xfce4-whiskermenu-plugin</code></pre>
 651       </p>
 652       <p>
 653         Xfce以外のデスクチップ環境でもある程度はカスタマイズできると思いますが、Gnomeなどはプラグインを追加する程度だと思います
 654       </p>
 655       <p>
 656         SereneLinuxでは、パネルを上に配置し、長さを変更、アイテムの配置を変更して「cairo-dock」をインストール、設定しています
 657       </p>
 658       <p>
 659         UIはディストリビューションの顔になるのでしっかりと考える必要があります
 660       </p>
 661       <h2>
 662         設定ファイルの保存
 663       </h2>
 664       <p>
 665         いよいよ最終工程です
 666       </p>
 667       <p>
 668         今まで設定した項目をisoに適用させるために保存します
 669       </p>
 670       <p>
 671         BodhiBuilderでは/home以下はisoに入れないので.configといった設定ファイルも保存されません
 672       </p>
 673       <p>
 674         そのために別のディレクトリに.configなどをコピーする必要があります
 675       </p>
 676       <p>
 677         それでは順番に見ていきましょう
 678       </p>
 679       <h3>
 680         1.設定を変更したソフトを書き出す
 681       </h3>
 682       <p>
 683         設定を変更したソフトを書き出します
 684       </p>
 685       <p>
 686         SereneLinuxでは、「Cairo-Dock」や「Xfce4」などが変更されています
 687       </p>
 688       <h3>
 689         2.変更されたソフトの設定ファイルを見つけ出す
 690       </h3>
 691       <p>
 692         ほとんどの設定ファイルはユーザディレクトリ下の.configディレクトリ内に保存されています
 693       </p>
 694       <p>
 695         そのディレクトリを別のディレクトリにコピーしておきます
 696       </p>
 697       <p>
 698         一部の設定ファイルはホームディレクトリ直下や、別の場所に保存されていることもあるのでインターネット上で情報を探すなりfindコマンドを実行するなりして設定ファイルを探し出してください
 699       </p>
 700       <h3>
 701         3.見つけ出した設定ファイルを、スケルトンディレクトリにコピーする
 702       </h3>
 703       <p>
 704         設定ファイルのディレクトリ構造をスケルトンディレクトリに再現します
 705       </p>
 706       <p>
 707         Debian系のスケルトンディレクトリは以下のパスです
 708       </p>
 709       <p>
 710         <pre><code>/etc/skel</code></pre>
 711       </p>
 712       <p>
 713         上記のパスを~/（ホームディレクトリ）に見立てて.configなどのディレクトリを作成し、設定ファイルや設定フォルダをコピーします
 714       </p>
 715       <p>
 716         新しいユーザやisoが作成される際はスケルトンディレクトリ内のデータが~/にコピーされます
 717       </p>
 718       <p>
 719         例えば~/.config/hoge.confのファイルをスケルトンディレクトリにコピーしたかったら/etc/skel/.config/hoge.confにコピーします
 720       </p>
 721       <p>
 722         変更されたソフトの設定ファイルをすべてコピーしないと正常に作動しないのでしっかりとコピーする必要があります
 723       </p>
 724       <p>
 725         かといって、全部丸々コピーするのもよくありません
 726       </p>
 727       <p>
 728         個人情報までisoに含んでしまうかもしれないのでスケルトンディレクトリにコピーするファイルやフォルダはしっかりと内容を見ておくことが大切です
 729       </p>
 730       <p>
 731         この部分は非常に複雑なのでわからなければ筆者のDMもしくはメールに来てください
 732       </p>
 733       <p>
 734         この作業は設定を変更するたびにし直す必要があります
 735       </p>
 736       <h2>
 737         インストールスライドの変更
 738       </h2>
 739       <p>
 740         インストール中に表示されるインストールスライドを変更します
 741       </p>
 742       <p>
 743         インストールスライドはubiquity-slideshow-*という形式のパッケージで設定されています
 744       </p>
 745       <p>
 746         なので、まずはそのパッケージを削除します
 747       </p>
 748       <h3>
 749         1.ディストリビューション標準のスライドを削除する
 750       </h3>
 751       <p>
 752         以下のコマンドを実行してインストールされているパッケージを見つけ出します
 753       </p>
 754       <p>
 755         <pre><code>$ sudo dpkg -l | grep "ubiquiy-slideshow"</code></pre>
 756       </p>
 757       <p>
 758         出てきたパッケージを以下のコマンドで削除します
 759       </p>
 760       <p>
 761         <pre><code>$ sudo apt-get purge -y hogehoge</code></pre>
 762       </p>
 763       <p>
 764         「hogehoge」を出てきたパッケージ名に置き換えてください
 765       </p>
 766       <h3>
 767         2.ベースになるパッケージをインストールする
 768       </h3>
 769       <p>
 770         以下のコマンドを実行してインストールします
 771       </p>
 772       <p>
 773         <pre><code>$ sudo apt -y install ubiquity-slideshow-xubuntu</code></pre>
 774       </p>
 775       <p>
 776         インストールされたスライドはHTMLやCSS、JavaScriptで書かれています
 777       </p>
 778       <p>
 779         それらを編集して自分のディストリビューション用のスライドを作成していきます
 780       </p>
 781       <h3>
 782         スライドを編集する
 783       </h3>
 784       <p>
 785         スライドを編集します
 786       </p>
 787       <p>
 788         スライドのデータは以下のパスに保存されています
 789       </p>
 790       <p>
 791         <pre><code>/usr/share/ubiquiy-slideshow/slides/</code></pre>
 792       </p>
 793       <p>
 794         スクリーンショットなどのファイル名は自由に変更できますが、htmlのファイル名は編集しないことをおすすめします
 795       </p>
 796       <p>
 797         アイコン、スクリーンショットを準備してそれぞれのフォルダに保存したあとはhtmlを編集していきます
 798       </p>
 799       <p>
 800         上のパスの直下にあるhtmlは英語で書きます
 801       </p>
 802       <p>
 803         <pre><code>/usr/share/ubiquity-slideshow/l10n/ja/</code></pre>
 804       </p>
 805       <p>
 806         こちらのパスに日本語のスライドを配置します
 807       </p>
 808       <p>
 809         HTML内の記述のアイコンやスクリーンショットのファイル名と実際のファイル名を一緒にします
 810       </p>
 811       <p>
 812         ある程度の文章が完成したら、HTMLの構文チェックを行います
 813       </p>
 814       <p>
 815         ブラウザでは表示できても、構文ミスが有るとスライドでは正常に表示されないことがあります
 816       </p>
 817       <p>
 818         私も当初はこれでかなり困りました
 819       </p>
 820       <p>
 821         HTMLが完成したらCSSを書いていきます
 822       </p>
 823       <p>
 824         CSSは実際にプレビューしながらの編集ができないのでかなり難しいですが頑張ってください
 825       </p>
 826       <h3>
 827         作成したファイルの権限を変更する
 828       </h3>
 829       <p>
 830         以下のコマンドでファイルの権限を変更します
 831       </p>
 832       <p>
 833         <pre><code>$ sudo chown -R root:root /usr/share/ubiquity-slideshow/</code></pre>
 834         <pre><code>$ sudo chmod -R 755 /usr/share/ubiquity-slideshow/</code></pre>
 835       </p>
 836       <p>
 837         コマンドの意味を簡単に解説すると、1行目で/usr/share/ubiquity-slideshow/以下のすべてのファイルの所有者と所有グループをrootにしています
 838       </p>
 839       <p>
 840         2行目では/usr/share/ubiquity-slideshow/以下のファイルすべてのパーミッションを変更しています
 841       </p>
 842       <p>
 843         所有者は「読み取り、書き込み、実行」のすべてを行うことができて、所有グループとその他の人は「読み取り、実行」ができるようにしています
 844       </p>
 845       <p>
 846         パーミッションの設定を間違えると正常に表示されなかったり自由に改変されてしまったりします
 847       </p>
 848       <p>
 849         インストールスライドは何度のisoを作成して実際に確認するのが一番です
 850       </p>
 851       <h2>
 852         isoをビルドする
 853       </h2>
 854       <p>
 855         いよいよisoビルドです
 856       </p>
 857       <p>
 858         今までお疲れ様でした
 859       </p>
 860       <p>
 861         iso作成は次のページで解説しています
 862       </p>
 863       <h3 class="goto">
 864         <a href="makeiso.html">ISO作成編へ行く</a>
 865       </h3>
 866     </main>
 867
 868
 869
 870     <footer>
 871       It is provided by SereneLinux.
 872       <br>
 873       Copyright
 874       &copy; 2019 SereneTeam All Rights Reserved.
 875       <p>
 876         <script type="text/javascript" src="//ct2.shinobi.jp/sc/1744984">
 877         </script>
 878         <noscript><img src="//ct2.shinobi.jp/ll/1744984" alt="カウンター">
 879         </noscript>
 880       </p>
 881     </footer>
 882
 883
 884   </body>
 885 </html>