Djangoサクサクチュートリアル（Macで環境構築編）


<h2>はじめに</h2>

![F67A61D9-134B-471B-867B-BAF163845843.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269434/c06535ab-d16f-3362-3e4c-7f0a2aa903b1.jpeg)

<p>こんにちは。杉本です。</p>
<p>「PythonでWEBサイトを作ってみたいなぁ。」「Djangoに関してのネットや参考書を読んだけど訳わからん。」というそこのあなたの為にこの記事を書きました。</p>
<p>初心者・初学者向けに書いているつもりなので深くは解説致しません。ご了承下さい。</p>
<p>あと、以下のことを前提としています。</p>
<ul>
  <li>Python3以上がインストールされている。</li>
  <li>少しばかりのLinuxコマンドを知っている。</li>
  <li>VSCodeやAtomのようなテキストエディタ入ってます。</li>
  <li>とりあえずDjangoを動かしてみたいなぁと感じている。</li>
</ul>
<p>今回はDjangoでシンプルなブログアプリを作成していきます。<br>それでは、Let's Django！</p>




<h2>目次</h2>
<table>
  <thead>
    <tr>
      <th style="text-align: center">手順No.</th>
      <th style="text-align: left">内容</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="text-align: center">1</td>
      <td style="text-align: left"><a href=#env>仮想環境の構築・設定</a></td>
    </tr>
    <tr>
      <td style="text-align: center">2</td>
      <td style="text-align: left"><a href=#project>project（フォルダ）の作成</a></td>
    </tr>
    <tr>
      <td style="text-align: center">3</td>
      <td style="text-align: left"><a href=#japanese>日本時間と日本語に対応させる</a></td>
    </tr>
    <tr>
      <td style="text-align: center">4</td>
      <td style="text-align: left"><a href=#run>Djangoのページを表示させる</a></td>
    </tr>
    <tr>
      <td style="text-align: center">5</td>
      <td style="text-align: left"><a href=#next>お次は？</a></td>
    </tr>
  </tbody>
</table>

<h2 id="env">仮想環境の構築・設定</h2>
<p>この項目では<strong>仮想環境を作成し、その仮想環境内でDjangoのインストール等を行なっていきます。</strong>（仮想環境とはざっくり言うと「擬似的なOS」です。この擬似的なOS上でWEBアプリケーションを作成していきます。）</p>
<p>まず、デスクトップに今回のチュートリアルで使うディレクトリを作成して下さい。ディレクトリ名はなんでも構いませんが、今回は「django_work」にします。</p>

<img width="139" alt="作業フォルダ.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269434/c98a63e6-1609-968c-328a-1b96bb29f767.png">

<p>早速この中に入ります。<br>
Finder → アプリケーション → ユーティリティ → ターミナルでターミナルを開いて下さい。</p>
<p>黒い画面が出てきましたか？出てきたら下記のコマンドを入力し、django_workディレクトリの中に入ります。</p>


```Linux:ターミナル
$ cd Desktop/django_work
```

<p>ではここに仮想環境を作りましょう！ターミナルで下記のコマンドを入力して下さい。</p>

```Linux:ターミナル
$ python3 -m venv django_venv
```

<p>するとdjango_workディレクトリ内にdjango_venvというディレクトリが出来ているはずです。これが仮想環境です。</p>

<p>これで仮想環境の構築は終わりました。簡単でしたね！</p>
<p>ただこれだと「仮想環境を作っただけ」です。仮想環境を起動させねばなりません。</p>
<p>引き続きdjango_workディレクトリ内にいる状態で下記のコマンドを打ってください。仮想環境を起動させます。</p>

```Linux:ターミナル
$ source django_venv/bin/activate
```

<p>これで仮想環境が起動しました。またまた簡単でしたね！</p>
<p>では、いよいよDjangoをインストールします。下記のコマンドを一行づつ入力・実行して下さい。</p>

```Linux:ターミナル
(django_venv) $ pip install --upgrade pip
```
```Linux:ターミナル
(django_venv) $ pip install django==2.2.6
```

<p>これで仮想環境内にDjangoがインストールされました。ちなみにDjangoのバージョンは2.2.6です。</p>
<p>仮想環境の構築・設定は以上になります。</p>




<h2 id="project">project（ディレクトリ）の作成</h2>
<p><strong>projectとは設定ファイルや今後に作成するアプリケーションが入るフォルダになります。</strong><br>設定ファイルは下記のコマンドを打つと自動生成されます。</p>

<p>引き続き仮想環境を起動させた状態で下記のコマンドを入力して下さい。プロジェクト名は「sakusaku_blog」とします。</p>

```Linux:ターミナル
(django_venv) $ django-admin startproject sakusaku_blog
```

<p>これでプロジェクトが作成されました。デスクトップにあるdjango_workディレクトリを覗いてみると「sakusaku_blog」というディレクトリが作成されているのが確認できるかと思います。</p>
<p>では最後にターミナルで下記のコマンドを打ってプロジェクトの中に入ります。</p>
<p></p>

```Linux:ターミナル
(django_venv) $ cd sakusaku_blog
```

<p>project（ディレクトリ）の作成は以上です。ターミナルはこの状態で少し待機させておいて下さい。この後の項目「Djangoのページを表示させる」で使用します。</p>




<h2 id="japanese">日本時間と日本語に対応させる</h2>
<p>先程のdjango-admin startprojectコマンドを実行した際に、Djangoの設定ファイルが自動生成されています。設定ファイルの名前は「settings.py」です。
このsettings.py内の該当箇所を書き換え、日本語と日本時間に対応させます。</p>
<p>テキストエディタ（VSCodeやAtom等）でdjango_workディレクトリ内にあるsakusaku_blogディレクトリを開いて下さい。するとsakusaku_blogディレクトリ内に「settings.py」ファイルがあると思います。このファイルの中身を見て下さい。</p>
<p>106行目あたりに「LANGUAGE_CODE = 'en-us'」というコードがあると思います。<br>この「'en-us'」部分を「'ja-JP'」に書き換えることで言語を日本語に設定することができます。<br>また、108行目あたりに「TIME_ZONE = 'UTC'」というコードの値を「'Asia/Tokyo'」と書き換えれば、日本時間に設定することができます。</p>

<img width="741" alt="設定１.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269434/d0dd331c-8851-c15f-bcb7-7b38979c5f6b.png">

<img width="741" alt="設定２.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269434/6a1d9603-41b3-1726-7705-8e139d8f5155.png">

<p>これで日本語と日本時間に変更できました！</p>
<p>日本時間と日本語に対応させるは以上です。</p>



<h2 id="run">Djangoのページを表示させる</h2>
<p>サーバーを起動させ、いよいよDjangoのページを表示させましょう！</p>

<p>先程のターミナルを開いて下さい。現在はsakusaku_blogの中にいるはずです。</p>
<p>ターミナルに以下のコマンドを打ち、サーバーを起動させます。</p>

```Linux:ターミナル
(django_venv) $ python3 manage.py runserver
```

<p>サーバーが起動しました！<a href="http://localhost:8000">http://localhost:8000</a>にアクセスしてみて下さい！<br>Djangoのデフォルトページが表示されるはずです。</p>

<img width="1291" alt="Djangoページ.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269434/b3b93895-4ca6-db2a-90c6-4e0d39ccda30.png">

<p><strong>おめでとうございます！これで晴れてDjangoの環境構築が終わりました！</strong></p>
<p>次回からはアプリケーションを作成していきます！お楽しみに！</p>


<h2 id="next">お次は？</h2>
<p>ここまで読んで頂きありがとうございました。</p>
<p>Djangoを立ち上げるのって意外と簡単なんだなと思って頂けたら幸いです。</p>
<p>現在「アプリケーションの作成方法」と「Djangoサクサクチュートリアル（Windowsで環境構築編）」を執筆中ですので、今しばらくお待ちください。</p>
<p>(最後に「いいね！」ボタン押して頂けたら嬉しいですﾎﾞｿｯ)</p>
<p>一緒にDjangoのお勉強していきましょう٩( 'ω' )و</p>