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