<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>環境構築 | Tomokatsu Yukishita | yre.jp</title><link>https://yre.jp/tag/%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89/</link><atom:link href="https://yre.jp/tag/%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89/index.xml" rel="self" type="application/rss+xml"/><description>環境構築</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>ja-JP</language><lastBuildDate>Fri, 15 Apr 2022 00:00:00 +0000</lastBuildDate><image><url>https://yre.jp/media/icon_hufbc159bd6ce6a866189b19a79c0d0f51_12846_512x512_fill_lanczos_center_3.png</url><title>環境構築</title><link>https://yre.jp/tag/%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89/</link></image><item><title>【Mac】DjangoをHomebrewでインストールしてローカルサーバーを起動する方法【初心者向け】</title><link>https://yre.jp/post/jango_mac/</link><pubDate>Fri, 15 Apr 2022 00:00:00 +0000</pubDate><guid>https://yre.jp/post/jango_mac/</guid><description>&lt;p>MacにDjangoをインストールしてローカルサーバーを起動するまでの手順を初心者向けにまとめます。Homebrewを使ったPythonの導入から、仮想環境の作成、Djangoプロジェクトの起動まで順を追って解説します。&lt;/p>
&lt;h2 id="検証環境">検証環境&lt;/h2>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>項目&lt;/th>
&lt;th>バージョン&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>端末&lt;/td>
&lt;td>MacBook Pro (Apple Silicon)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>OS&lt;/td>
&lt;td>macOS Monterey 12.3.1&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;h2 id="django-とは">Django とは？&lt;/h2>
&lt;p>&lt;a href="https://www.djangoproject.com/" target="_blank" rel="noopener">Django&lt;/a> は Python で書かれたオープンソースの Web フレームワークです。管理画面・認証・ORM（データベース操作）などの機能があらかじめ揃っており、Webアプリケーションを効率よく開発できます。Instagram や Disqus など大規模サービスでの採用実績もあります。&lt;/p>
&lt;p>この記事では、まず Django を起動するところを目標にします。&lt;/p>
&lt;h2 id="ステップ1homebrew-のインストール">ステップ1：Homebrew のインストール&lt;/h2>
&lt;p>Djangoは Python で動くため、まず Python を用意します。Mac への Python 導入方法はいくつかありますが、パッケージ管理が楽な &lt;a href="https://brew.sh/ja/" target="_blank" rel="noopener">Homebrew&lt;/a> を使う方法がおすすめです。&lt;/p>
&lt;p>ターミナルに以下のコマンドを貼り付けて実行します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">/bin/bash -c &lt;span class="s2">&amp;#34;&lt;/span>&lt;span class="k">$(&lt;/span>curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh&lt;span class="k">)&lt;/span>&lt;span class="s2">&amp;#34;&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>管理者パスワードを入力するとインストールが始まります。&lt;code>Installation successful!&lt;/code> が表示されれば完了です。&lt;/p>
&lt;h2 id="ステップ2python-のインストール">ステップ2：Python のインストール&lt;/h2>
&lt;p>Homebrew がインストールできたら Python をインストールします。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">brew install python3
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>インストール後、バージョンを確認します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">python3 --version
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1"># Python 3.x.x と表示されればOK&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="ステップ3python-のパスを通す">ステップ3：Python のパスを通す&lt;/h2>
&lt;p>Homebrew でインストールした Python は &lt;code>/opt/homebrew/bin/&lt;/code> 以下に置かれます。システムのデフォルト Python（&lt;code>/usr/bin/python3&lt;/code>）より優先して使われるよう、パスを設定します。&lt;/p>
&lt;p>現在のパスを確認します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">which python3
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1"># /usr/bin/python3 と表示される場合は設定が必要&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>&lt;code>~/.zprofile&lt;/code> にパスを追記します（macOS Monterey 以降、zsh ではこのファイルがログイン時に自動読み込みされます）。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">&lt;span class="nb">echo&lt;/span> &lt;span class="s1">&amp;#39;export PATH=/opt/homebrew/bin/:$PATH&amp;#39;&lt;/span> &amp;gt;&amp;gt; ~/.zprofile
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>ターミナルを再起動後、確認します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">which python3
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1"># /opt/homebrew/bin/python3 と表示されればOK&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="ステップ4django-のインストール">ステップ4：Django のインストール&lt;/h2>
&lt;h3 id="作業フォルダの作成">作業フォルダの作成&lt;/h3>
&lt;p>任意の作業ディレクトリを作成して移動します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">mkdir myproject &lt;span class="o">&amp;amp;&amp;amp;&lt;/span> &lt;span class="nb">cd&lt;/span> myproject
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h3 id="python-仮想環境のセットアップ">Python 仮想環境のセットアップ&lt;/h3>
&lt;p>Python の &lt;strong>仮想環境（venv）&lt;/strong> とは、プロジェクトごとに独立したパッケージ環境を作る仕組みです。異なるプロジェクトで異なるバージョンのライブラリを使い分けられるため、開発では必ず利用することが推奨されています。&lt;/p>
&lt;p>&lt;code>django&lt;/code> という名前の仮想環境を作成し、有効化します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">python3 -m venv django
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">source&lt;/span> ./django/bin/activate
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="c1"># (django) がプロンプトの先頭に表示されれば有効化成功&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h3 id="pip-で-django-をインストール">pip で Django をインストール&lt;/h3>
&lt;p>仮想環境が有効な状態で Django をインストールします。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">pip3 install django
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>&lt;code>Successfully installed django-x.x.x&lt;/code> と表示されればインストール完了です。&lt;/p>
&lt;h2 id="ステップ5django-プロジェクトの作成と起動">ステップ5：Django プロジェクトの作成と起動&lt;/h2>
&lt;h3 id="プロジェクトの作成">プロジェクトの作成&lt;/h3>
&lt;p>&lt;code>django-admin startproject &amp;lt;プロジェクト名&amp;gt;&lt;/code> でプロジェクトの雛形を生成します。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">django-admin startproject firstproject
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">&lt;span class="nb">cd&lt;/span> firstproject
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h3 id="ローカルサーバーの起動">ローカルサーバーの起動&lt;/h3>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">python3 manage.py runserver
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>起動に成功すると以下のように表示されます。&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-shell" data-lang="shell">&lt;span class="line">&lt;span class="cl">Watching &lt;span class="k">for&lt;/span> file changes with StatReloader
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">Performing system checks...
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">System check identified no issues &lt;span class="o">(&lt;/span>&lt;span class="m">0&lt;/span> silenced&lt;span class="o">)&lt;/span>.
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">You have &lt;span class="m">18&lt;/span> unapplied migration&lt;span class="o">(&lt;/span>s&lt;span class="o">)&lt;/span>. Your project may not work properly &lt;span class="k">until&lt;/span> you apply the migrations &lt;span class="k">for&lt;/span> app&lt;span class="o">(&lt;/span>s&lt;span class="o">)&lt;/span>: admin, auth, contenttypes, sessions.
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">Run &lt;span class="s1">&amp;#39;python manage.py migrate&amp;#39;&lt;/span> to apply them.
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">Django version 4.0.4, using settings &lt;span class="s1">&amp;#39;firstproject.settings&amp;#39;&lt;/span>
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">Starting development server at http://127.0.0.1:8000/
&lt;/span>&lt;/span>&lt;span class="line">&lt;span class="cl">Quit the server with CONTROL-C.
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;div class="alert alert-note">
&lt;div>
&lt;code>unapplied migration(s)&lt;/code> という警告が表示されますが、これはDjangoの内部データベース（管理画面・認証機能用）がまだ初期化されていないためです。動作確認だけなら無視して問題ありません。後で &lt;code>python3 manage.py migrate&lt;/code> を実行すると解消できます。
&lt;/div>
&lt;/div>
&lt;p>ブラウザで &lt;code>http://127.0.0.1:8000/&lt;/code> を開き、Djangoのウェルカムページが表示されれば成功です。&lt;/p>
&lt;h2 id="まとめ">まとめ&lt;/h2>
&lt;p>MacへのDjangoインストール手順をまとめます。&lt;/p>
&lt;ol>
&lt;li>Homebrew をインストール&lt;/li>
&lt;li>&lt;code>brew install python3&lt;/code> で Python を導入&lt;/li>
&lt;li>&lt;code>~/.zprofile&lt;/code> でパスを設定&lt;/li>
&lt;li>&lt;code>python3 -m venv&lt;/code> で仮想環境を作成・有効化&lt;/li>
&lt;li>&lt;code>pip3 install django&lt;/code> でインストール&lt;/li>
&lt;li>&lt;code>django-admin startproject&lt;/code> でプロジェクト作成&lt;/li>
&lt;li>&lt;code>python3 manage.py runserver&lt;/code> でサーバー起動&lt;/li>
&lt;/ol>
&lt;p>次のステップとして、&lt;a href="https://docs.djangoproject.com/ja/stable/intro/tutorial01/" target="_blank" rel="noopener">Django公式チュートリアル&lt;/a>を進めると、ビュー・モデル・テンプレートの基本が体系的に学べます。&lt;/p></description></item></channel></rss>