OSDN Git Service

CSSが印刷時にも適用されるようにした
[serene/BuildMyDistro.git] / page / preparation.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       まずは準備編ということでベースとなるOSを決めたり、開発環境を構築したりしていきます
11     ">
12     <link rel="stylesheet" href="../style/main-resp.css" media="screen and (max-width: 699px)">
13     <link rel="stylesheet" href="../style/main.css" media="screen and (min-width: 700px)">
14     <link rel="stylesheet" href="../code/vs2015.css">
15     <script src="../code/highlight.pack.js"></script>
16     <link rel="shortcut icon" href="../favicon.ico">
17     <link rel="stylesheet" type="text/css" media="print" href="../style/main.css">
18
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 class="active" href="preparation.html">準備編</a></li>
41             <li><a 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
51
52       <h2 class="msr_h203">
53         OSのコンセプトを決める
54       </h2>
55       <p>
56         まずはOSのコンセプトを考えます。
57       </p>
58       <p>
59         <ul>
60           <li>
61             軽量なOS
62           </li>
63           <li>
64             自由度の高いOS
65           </li>
66           <li>
67             初心者向けなOS
68           </li>
69           <li>
70             Windowsからの移行を狙ったOS
71           </li>
72         </ul>
73         などの『ターゲットにするユーザ』と同時に考えるとすぐに思い浮かぶと思います。
74       </p>
75       <p>
76         「自分専用のOS」というのもありですね♪。
77       </p>
78       <p>
79         SereneLinuxでは、『軽量で美しくわかりやすいUI』をコンセプトに開発を進めています。
80       </p>
81
82
83       <h2 class="msr_h203">開発環境を準備する。
84
85       </h2>
86         <p>
87           実際に開発を行っていく際に必要な物を準備します。
88         </p>
89         <p>
90           必要なものは
91           <ul>
92             <li>
93               開発用の高性能なパソコン
94             </li>
95             <li>
96               データを保存する大容量のHDD
97             </li>
98             <li>
99               ベースになるOSのISOイメージ
100             </li>
101             <li>
102               仮想化ソフトウェア
103             </li>
104             <li>
105               実験用のDVD-RW
106             </li>
107             <li>
108               定期的に更新していく時間(配布用のものを作成する場合のみ)
109             </li>
110             <li>
111               LinuxをGUIである程度カスタマイズできる能力(これから学ぶこともできます)
112             </li>
113             <li>
114               問題があったときに自分で検索したり、コミュニティに質問したりできる能力
115             </li>
116           </ul>
117           たったのこれだけです。
118         </p>
119       <p>一つずつ見ていきましょう。
120
121       </p>
122
123       <h3>
124         開発用の高性能なパソコンとデータを保存する大容量のHDD
125       </h3>
126         <p>
127           まずは、
128           <strong>
129             開発用の高性能なパソコン
130           </strong>
131           と
132           <strong>
133             データを保存する大容量のHDD
134           </strong>
135           ですが、『高性能』と言うのには理由があります。
136         </p>
137         <p>
138           それは、主な開発を仮想環境上で行うからです。
139         </p>
140         <p>
141           仮想環境とはパソコンの中に仮想的に作られた環境のことを指します。
142         </p>
143         <p>
144           あくまで『仮想』なのでバックアップや性能の上げ下げを簡単に行うことができ、
145           <strong>
146             容量が許す限り
147           </strong>
148           無限に作成できます。
149         </p>
150         <p>
151           また、過去のバージョンなどを保存するためにもたくさんの容量が必要です。
152         </p>
153         <p>
154           っと、HDDがたくさん必要な方法はわかったと思いますが、高性能なパソコンが必要な理由がまだでしたね。
155         </p>
156         <p>
157           仮想環境ではパソコンの中にパソコンを作るわけです。(細かい仕組みは違いますが)なのでその仮想的なパソコンの分までをカバーする性能が必要です。
158         </p>
159         <p>
160           なので高性能なパソコンが必要になります。
161         </p>
162         <h4>
163           SereneLinuxの開発に使われているPCの性能
164         </h4>
165           <p>
166             余談ですが、参考としてSereneLinuxの開発に使われている筆者のメインPCを紹介します。
167           </p>
168           <p>
169             このPCは7~8年前の古いPCですが現役でバリバリ動作しています。
170           </p>
171           <p>
172             CPU:Xeon E3-1275 3.4GHz
173             <br>
174             RAM:DDR3-12800 4GB x 2
175             <br>
176             GPU:NVIDIA GeForce GTX 645
177             <br>
178             SSD:SPCC SSD 239GB
179             <br> 
180             OS:Windows 10 19H1 Insider Preview Pro 64bit
181             <br>
182           </p>
183
184
185       <h3>
186         ベースになるOSのISOイメージ
187       </h3>
188       <p>
189         次にソフトウェア面を準備していきます。
190       </p>
191       <p>
192         難しいように見えますが簡単です。
193       </p>
194       <p>
195         まず、ベースとなるOSのISOイメージです
196       </p>
197       <p>
198         ベースになるISOイメージを準備するにはベースになるOSを決める必要があります。
199       </p>
200       <h4>
201         ベースのOSを決めよう。
202       </h4>
203       <p>
204         ベースになるOSはUbuntu系が簡単でおすすめです(というかUbuntu系以外はこのサイトの方法ではできません)。
205       </p>
206       <p>
207         UbuntuのISOを直接改変してもいいですが、余分なソフトが多く含まれており自分のOSも重くなってしまいます。
208       </p>
209       <p>
210         逆に、MinimalISOという超最低限のUbuntuから作成してもいいですが、設定系のソフトウェアが一切入っていないので自分で調べて入れる必要があります。(入れなくてもいいですが、ユーザにとっては非常に面倒です。)
211       </p>
212       <h4>
213         じゃあどれを使えばいいの?
214       </h4>
215       <p>
216         そこで、日本人の方が作成した「OS作成用のOS」があります。
217       </p>
218       <p>
219         そのOSは
220         <strong>
221           Basix
222         </strong>
223         と言い、日本のLinux界隈で有名な
224         <a href="http://simosnet.com/livecdroom/">
225           ライブCDの部屋
226         </a>
227         の管理人さんが作成、公開しています。
228       </p>
229       <p>
230         ISOのダウンロード先は
231         <a href="http://simosnet.com/livecd/basix/">
232           こちら
233         </a>
234         です。
235       </p>
236       <p>
237         今回はbasix-4.0_x86_64.isoを利用して作成していきます。(SereneLinuxもこれで作成されています。)
238       </p>
239       <p>このDLしたISOは削除せずにとっておいてください。
240
241       </p>
242
243       <h3>
244         仮想化ソフトウェア
245       </h3>
246       <p>
247         また難しそうな名前が出てきました。
248       </p>
249       <p>
250         これも簡単なので大丈夫です。
251       </p>
252       <p>
253         今回は仮想化ソフトウェアとしてオープンソース(ソフトウェアの中身が公開されていること)で開発されているOracle製の
254         <strong>
255           VirtualBox
256         </strong>
257         を利用していきます。
258       </p>
259       <p>
260         仮想化ソフトウェアには他にもVMware Workstation PlayerやHyper-V、QEMUなどがあります。
261       </p>
262       <p>
263         (自分のお気に入りの仮想化ソフトウェアがあるならそちらを使っていただいて結構です。)
264       </p>
265       <h4>
266         ダウンロード
267       </h4>
268       <p>
269         <a href="https://www.virtualbox.org/wiki/Downloads">
270           こちら
271         </a>
272         からダウンロードします。
273       </p>
274       <p>
275         <img src="../images/virtualbox_download_1.PNG" alt="VirtualBoxのダウンロードする場所">
276       </p>
277       <p>
278         Windowsを使っている人はWindows hostsから、macOSの方はOS X hostsからダウンロードしてください。
279       </p>
280       <p>
281         Linuxを使っている方はそれぞれのディストリビューションのパッケージ管理システムからインストールしてください。
282       </p>
283       <p>
284         Ubuntu系なら
285         <pre><code>$ sudo apt-get -y install virtualbox</code></pre>
286       </p>
287       <p>
288         でインストールできます。
289       </p>
290       <p>
291         ダウンロード後はWindowsの場合はそのままウィザードに沿ってインストールしてください。
292       </p>
293       <p>
294         macOSのほうはわかりません。(環境がないので) すみませんm(_ _)m
295       </p>
296       <h4>
297         エクステンションパックの導入
298       </h4>
299       <p>
300         カタカナが並んでいますが、すぐに終わります。
301       </p>
302       <p>
303         <a href="https://www.virtualbox.org/wiki/Downloads">
304           先程のサイト
305         </a>
306         の下にある
307       </p>
308       <p>
309         <img src="../images/virtualbox_download_2.PNG" alt="エクステンションパックのダウンロードする場所">
310       </p>
311       <p>
312         からダウンロードしてください。
313       </p>
314       <p>
315         こちらはWindowsとかMacとか関係ないです。
316       </p>
317       <p>
318         ダウンロード後はそこままダウンロードしたファイルをVirtualBoxで読み込んで完了です。
319       </p>
320       <h4>
321         確認
322       </h4>
323       <p>
324         メニューからVirtualBoxを選んで、以下の画面が起動すればインストール完了です。
325       </p>
326       <p>
327         <img src="../images/virtualbox_done.PNG" alt="VirtualBox">
328       </p>
329       <p>これで仮想化ソフトウェアの準備も完了です。
330
331       </p>
332
333       <h3>
334         実験用のDVD-RW
335       </h3>
336       <p>
337         作成したISOイメージを実際に書き込んで起動するかどうかのチェックに使用します。
338       </p>
339       <p>
340         仮想環境だけではチェックできないドライバ(マウスなどの周辺機器を使うためのソフトウェア)の問題などの確認に使用します。
341       </p>
342       <p>
343         DVD-Rだと繰り返し使用できないのでDVD-RWを選んでください。
344       </p>
345       <p>
346         100円ショップで買えます。
347       </p>
348
349       <h3>
350         定期的に更新していく時間
351       </h3>
352       <p>
353         自分専用なら必要ないですね。
354       </p>
355       <p>
356         Ubuntuは年に2回アップデート版がリリースされます。
357       </p>
358       <p>
359         そのたびに自分のOSも更新させる必要があります。
360       </p>
361       <p>
362         しかし、実際のところは2年に1回リリースされる長期サポート版(LTS版)でのみ更新するディストリビューションがほとんどです。
363       </p>
364       <p>
365         実際にベースにするBasixも2年に1回の更新になります。
366       </p>
367       <p>
368         なので、2年に1回だけ開発の時間が確保できればOKです。
369       </p>
370
371       <h3>
372         LinuxをGUIである程度カスタマイズできる能力
373       </h3>
374       <p>
375         Linuxをカスタマイズするので必須ですね。
376       </p>
377       <p>
378         自分で設定を変更したり、アイコンやテーマを変更します。
379       </p>
380       <p>
381         これに関してはそれぞれによって違いがあるので各自で調べてください。
382       </p>
383       <p>
384         どうしてもわからなければ
385         <a href="https://twitter.com/Hayao0819?lang=ja">
386           作者のTwitter
387         </a>
388         のDMまで来てください。
389       </p>
390
391       <h3>
392         問題があったときに自分で検索したり、コミュニティに質問したりできる能力
393       </h3>
394       <p>
395         これはLinux共通です。
396       </p>
397       <p>
398         上と関連していますが、Linuxはフリーであるがゆえにサポートもありません。
399       </p>
400       <p>
401         TwitterやYahoo知恵袋などで誰かに質問するか、自力でググることが大切です 。
402       </p>
403       <p>
404         どうしてもわからなかったら日本のコミュニティに質問することもできますが、ISO作成などは情報が少ないため知っている人も殆どいません。
405       </p>
406       <p>
407         場合によっては英語のサイトを参考にすることもあります(Google翻訳は便利ですがプログラムのコードが変なふうに空白が空いたりしてしまうこともあるので注意してください。)
408       </p>
409
410       <h2>
411         仮想環境にBasixをインストールする
412       </h2>
413       <p>
414         先程インストールしたVirtualBoxにBasixをインストールしていきます。
415       </p>
416       <h3>
417         仮想マシンを作成す
418         る</h3>
419       <ol>
420         <li>
421           VirtualBOxを起動して「新規」をクリック。
422         </li>
423         <li>
424           下の画面で名前を自分の好きに打ち、タイプをLinux、バージョンをUbuntu(64bit)にする。
425         </li>
426         <p>
427           <img src="../images/virtualbox_newmachine1.PNG" alt="新規作成画面">
428         </p>
429         <li>
430           次へをクリックして、メモリサイズを自分のパソコンの半分を割り当てる。(自分のパソコンのメモリサイズはタスクマネージャで確認。)
431         </li>
432         <p>
433           <img src="../images/virtualbox_newmachine2.PNG" alt="メモリ割り当て">
434         </p>
435         <li>
436           そのまま作成をクリック。
437         </li>
438         <p>
439           <img src="../images/virtualbox_newmachine3.PNG" alt="ディスク作成">
440         </p>
441         <li>
442           そのまま次へをクリック。
443         </li>
444         <p>
445           <img src="../images/virtualbox_newmachine4.PNG" alt="ディスク形式">
446         </p>
447         <li>
448           そのまま次へをクリック。
449         </li>
450         <p>
451           <img src="../images/virtualbox_newmachine5.PNG" alt="ディスクタイプ(可変or固定)">
452         </p>
453         <li>
454           右のボックスに「32GB」と入力して、作成をクリック。
455         </li>
456         <p>
457           <img src="../images/virtualbox_newmachine6.PNG" alt="ディスクサイズ">
458         </p>
459         <li>
460           「設定」をクリック。
461         </li>
462         <li>
463           システム→プロセッサーと移動してプロセッサー数を警告が出るギリギリまで上げる
464           。</li>
465         <li>
466           PAE/NXの有効化にチェックを入れる。
467         </li>
468         <p>
469           <img src="../images/virtualbox_setting1.PNG" alt="CPU設定">
470         </p>
471         <li>
472           ディスプレイに移動後、ビデオメモリーを128mbに設定し、3Dアクセラレーションを有効化にチェックを入れる。
473         </li>
474         <p>
475           <img src="../images/virtualbox_setting2.PNG" alt="グラフィック設定">
476         </p>
477         <li>
478           設定を閉じて、[光学ドライブ]をクリック。
479         </li>
480         <p>
481           <img src="../images/virtualbox_setting3.PNG" alt="DVD設定">
482         </p>
483         <li>
484           ディスクイメージを選択→ダウンロードしたBasixのISOを選択→開く。
485         </li>
486       </ol>
487
488
489       <h3>Basixをインストールする
490         
491       </h3>
492       <ol>
493         <li>
494           「起動」ボタンを押して起動する。
495         </li>
496         <li>
497           メニューが出たら一番上を選択する。
498         </li>
499         <p>
500           <img src="../images/basix_grub.PNG" alt="BasixのGrub画面">
501         </p>
502         <li>
503           「Basix 4.0をインストールする」をダブルクリックしてインストーラを起動する。
504         </li>
505         <p>
506           <img src="../images/basix_installicon.PNG" alt="インストーラのアイコン">
507         </p>
508         <li>
509           「続ける」をクリック。
510         </li>
511         <li>
512           キーボードが打てることを確認して「続ける」をクリック。
513         </li>
514         <li>
515           「グラフィックスとWi-Fiハードウェアと追加のメディアフォーマットのサードパーティ製ソフトウェアをインストールする」にチェックを入れて「次へ」をクリック。
516         </li>
517         <p>
518           <img src="../images/basix_install1.PNG" alt="アップデートと他のソフトウェア">
519         </p>
520         <li>
521           何も変更せずに「インストール」をクリック。
522         </li>
523         <p>
524           <img src="../images/basix_install2.PNG" alt="インストールの種類">
525         </p>
526         <li>
527           しばらく時間がかかるので待つ。
528         </li>
529         <li>
530           そのまま「続ける」をクリック。(北海道に住んでいようが沖縄に住んでいようが東京を選んでください。)
531         </li>
532         <li>
533           たまにここでフリーズっぽくなるのですが、放置して大丈夫。
534         </li>
535         <li>
536           あなたの名前の部分にディストリビューションの簡易名を(SereneLinuxではserene。)入力。
537         </li>
538         <li>
539           コンピュータの名前に簡易名+「-PC」と入力。(SereneLinuxではSerene-PC。)
540         </li>
541         <li>
542           パスワードに自分のパスワードを入力。
543         </li>
544         <li>
545           同じパスワードを下にも入力。
546         </li>
547         <li>
548           <strong>
549             「自動的にログインする」にチェックを入れる。
550           </strong>
551         </li>
552         <p>
553           <img src="../images/basix_install3.PNG" alt="ユーザ情報">
554         </p>
555         <li>
556           しばらく放置。
557         </li>
558         <li>
559           「今すぐ再起動する」をクリックして再起動
560         </li>
561         <p>
562           <img src="../images/basix_install_done.PNG" alt="インストール完了">
563         </p>
564
565
566       </ol>
567       <h2>
568         次回へ続く
569       </h2>
570       <p>本当は1ページで終わらせたかったのですが、あまりにも長くなりそうなので次回へ続けたいと思います。
571
572       </p>
573       <p>
574         <a href="https://twitter.com/Hayao0819?lang=ja">
575           作者のTwitter
576         </a>
577         をフォローしてくれるととても喜びます。(宣伝は忘れない。)
578       </p>
579       <h3  class="goto">
580         <a href="customize.html">カスタマイズ編へ行く</a>
581       </h3>
582
583     </main>
584
585
586     <footer>
587       It is provided by SereneLinux.
588       <br>
589       Copyright
590       &copy; 2019 SereneTeam All Rights Reserved.
591       <p>
592         <script type="text/javascript" src="//ct2.shinobi.jp/sc/1744984">
593         </script>
594         <noscript><img src="//ct2.shinobi.jp/ll/1744984" alt="カウンター">
595         </noscript>
596       </p>
597     </footer>
598
599
600   </body>
601 </html>