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