<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Django｜すらぷろ</title>
	<atom:link href="https://tomtom-stock.com/category/django/feed/" rel="self" type="application/rss+xml" />
	<link>https://tomtom-stock.com</link>
	<description>完全初心者からはじめるPython入門</description>
	<lastBuildDate>Mon, 05 Feb 2024 12:55:43 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://tomtom-stock.com/wp-content/uploads/2022/03/cropped-スクリーンショット-99-32x32.jpg</url>
	<title>Django｜すらぷろ</title>
	<link>https://tomtom-stock.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>[Python/Django] ImportErrorの解決方法！答えは仮想環境構築にあり！？</title>
		<link>https://tomtom-stock.com/2023/12/30/django-importerror/</link>
					<comments>https://tomtom-stock.com/2023/12/30/django-importerror/#respond</comments>
		
		<dc:creator><![CDATA[katakuriko214]]></dc:creator>
		<pubDate>Sat, 30 Dec 2023 11:19:19 +0000</pubDate>
				<category><![CDATA[Django]]></category>
		<category><![CDATA[Python]]></category>
		<guid isPermaLink="false">https://tomtom-stock.com/?p=2084</guid>

					<description><![CDATA[DjangoはPythonによるWEB開発としてもっとも広く使われているフレームワークです。 そのためこのDjangoを使用することで簡単にWEBアプリケーションを作成することができます！ 動作環境：　[ Python3]]></description>
										<content:encoded><![CDATA[
<p></p>



<p>Djangoは<span class="marker"><strong>PythonによるWEB開発</strong></span>としてもっとも広く使われているフレームワークです。</p>



<p>そのためこのDjangoを使用することで簡単にWEBアプリケーションを作成することができます！</p>



<div class="wp-block-jin-gb-block-chat-block balloon-box balloon-left clearfix has-ccc-ballon has-efefef-bgballon"><div class="balloon-icon maru"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2022/03/slime5-2.png"/></div><span class="icon-name">すらいむ管理人</span><div class="balloon-serif"><div class="balloon-content">
<p>今回はDjangoのインストール方法と、<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>ImportError</strong></mark>が出たときの対処法を紹介していきます！</p>
</div></div></div>



<div class="wp-block-jin-gb-block-box-with-headline kaisetsu-box4"><div class="kaisetsu-box4-title">コンテンツ</div>
<p>・　<a href="#b1">インストール方法</a></p>



<p>・　<a href="#a1">ImportErrorの対処方法</a></p>
</div>



<p></p>



<p>動作環境：　[ <span class="marker"><strong>Python3.9, Windows10 </strong></span>]</p>



<p></p>



<h2 class="wp-block-heading" id="b1">Djangoの開発環境設定</h2>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="325" src="https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4-1024x325.png" alt="" class="wp-image-1132" srcset="https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4-1024x325.png 1024w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4-300x95.png 300w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4-768x244.png 768w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4.png 1222w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat4-1024x325.png 856w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Djangoをインストールしよう</h3>



<p>Djangoのインストール方法はいたって簡単で、コマンドプロンプトにて<strong>pip install Django</strong>を実行するだけです。</p>



<p></p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="590" height="147" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image.png" alt="discription of Django installation" class="wp-image-2085" style="width:476px;height:auto"/></figure></div>


<div class="wp-block-jin-gb-block-chat-block balloon-box balloon-left clearfix has-ccc-ballon has-efefef-bgballon"><div class="balloon-icon maru"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2022/03/slime5-2.png"/></div><span class="icon-name">すらいむ管理人</span><div class="balloon-serif"><div class="balloon-content">
<p>任意のディレクトリに移動して実行してみてください！</p>
</div></div></div>



<p></p>



<h3 class="wp-block-heading">きちんとインストールされているかの確認</h3>



<p>pip installでDjangoが性格にInstallされたかどうかを確認してみましょう。</p>



<p>確認方法も非常に簡単で、[ <span style="text-decoration: underline;"><strong>pip list</strong></span> ] をコマンドプロンプトに打ち込んで実行するだけです。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="707" height="684" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-1.png" alt="check the Django installation" class="wp-image-2087" style="width:516px;height:auto"/></figure></div>


<p>すると、現在設定されているPYTHONPATHにインストールされているパッケージを全て確認することができます！</p>



<div class="wp-block-jin-gb-block-chat-block balloon-box balloon-left clearfix has-ccc-ballon has-efefef-bgballon"><div class="balloon-icon maru"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2022/03/slime5-2.png"/></div><span class="icon-name">すらいむ管理人</span><div class="balloon-serif"><div class="balloon-content">
<p>Djangoがしっかりとインストールされていることが確認できますね！</p>
</div></div></div>



<div class="wp-block-jin-gb-block-box-with-headline innerlink-box1"><div class="innerlink-box1-title">ここは注意！</div>
<p>ただし表示されるパッケージは、現在していされているPATH上にあるもののみとなっています。</p>
</div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<a href="//af.moshimo.com/af/c/click?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB0CGQZCGM9" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="https://images-fe.ssl-images-amazon.com/images/I/51ExNzItCSL._SL160_.jpg" alt="" style="border: none;"><br>Python Django 4 超入門</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" style="border: none;">
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<a href="//af.moshimo.com/af/c/click?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB08KHDJDHQ" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="https://images-fe.ssl-images-amazon.com/images/I/51n6uJyVcqL._SL160_.jpg" alt="" style="border: none;"><br>Djangoのツボとコツがゼッタイにわかる本</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" style="border: none;">
</div>
</div>



<h3 class="wp-block-heading">Djangoを動かしてみよう！</h3>



<h4 class="wp-block-heading">Djangoプロジェクトの作成</h4>



<p>InstallができたらDjangoを動かしてみましょう！</p>



<p>まずはデスクトップにDjangoプロジェクトを作成してみます。カレントディレクトリをデスクトップに移すために下記コマンドをコマンドプロンプトで実行します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>cd Desktop</code></pre></div>



<p>これによってコマンド<span class="marker"><strong>実行場所がデスクトップ</strong></span>に移動します。</p>



<p>次に、Djangoプロジェクトを作成するために下記コマンドを実行します。(プロジェクト名)には任意の識別しやすい名前を入れると良いでしょう。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>django-admin startproject (プロジェクト名)</code></pre></div>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="521" height="333" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-2.png" alt="django_app" class="wp-image-2089" style="width:427px;height:auto"/><figcaption class="wp-element-caption">django_appというプロジェクトを作成した場合</figcaption></figure></div>


<p>するとこのような形で、デスクトップにDjangoプロジェクトのフォルダが作成されます。</p>



<h4 class="wp-block-heading">WEBアプリケーションを実行してみる</h4>



<p>WEBアプリケーションを実行するために、先ほど作成したDjangoプロジェクトのフォルダに移動しましょう！</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>cd django_app</code></pre></div>



<p>上記コードによってDjangoプロジェクトに移動出来たら実際に下記コードによってWEBアプリケーションを実行してみましょう。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>python manage.py runserver</code></pre></div>



<p>上記コードが正常に実行できたら、コマンドプロンプトに表示されるURL（「<span class="marker"><strong>https://localhost:8000/</strong></span>」）をWEBにて検索してみましょう！</p>



<p>下記サイトを見られればOKです！</p>


<div class="wp-block-image">
<figure class="aligncenter size-large is-resized"><img decoding="async" width="1024" height="555" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-3-1024x555.png" alt="image of django" class="wp-image-2090" style="width:545px;height:auto" srcset="https://tomtom-stock.com/wp-content/uploads/2023/12/image-3-1024x555.png 1024w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-3-300x163.png 300w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-3-768x416.png 768w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-3.png 1256w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-3-1024x555.png 856w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure></div>


<p></p>



<p></p>



<h2 class="wp-block-heading" id="a1">DjangoでImportErrorが表示される場合の対処法</h2>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="383" src="https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat-1024x383.png" alt="" class="wp-image-1100" srcset="https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat-1024x383.png 1024w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat-300x112.png 300w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat-768x287.png 768w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat.png 1082w, https://tomtom-stock.com/wp-content/uploads/2023/01/eyecatch_cat-1024x383.png 856w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Import時にErrorがでる</h3>



<p>みなさんは上手くインストールできましたでしょうか？<br>下記のようなErrorが出た場合の対処方法を紹介していきたいと思います。</p>



<p class="has-small-font-size"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>ImportError</strong></mark><strong>: Couldn&#8217;t import Django. </strong><br><strong>Are you sure it&#8217;s installed and available on your PYTHONPATH environment variable? Did you forget to activate a virtual environment?</strong></p>



<div class="wp-block-jin-gb-block-box simple-box6">
<p>・　設定したPYTHONPATHが合っているか？<br>・　仮想環境のActivateを忘れていないか？</p>
</div>



<p>ということが書いてあります。私も最初は良く分からなかったのですが、どうやら<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>仮想環境というものを構築した上</strong></mark>でDjangoを実行してあげる必要があるようです。</p>



<div class="wp-block-jin-gb-block-chat-block balloon-box balloon-left clearfix has-ccc-ballon has-efefef-bgballon"><div class="balloon-icon maru"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2022/03/slime5-2.png"/></div><span class="icon-name">すらいむ管理人</span><div class="balloon-serif"><div class="balloon-content">
<p>仮想環境を構築して実行したらImportErrorが解除されましたので順に説明していきます！</p>
</div></div></div>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<a href="//af.moshimo.com/af/c/click?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB0CGQZCGM9" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="https://images-fe.ssl-images-amazon.com/images/I/51ExNzItCSL._SL160_.jpg" alt="" style="border: none;"><br>Python Django 4 超入門</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" style="border: none;">
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<a href="//af.moshimo.com/af/c/click?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062&amp;url=https%3A%2F%2Fwww.amazon.co.jp%2Fdp%2FB08KHDJDHQ" rel="nofollow" referrerpolicy="no-referrer-when-downgrade"><img decoding="async" src="https://images-fe.ssl-images-amazon.com/images/I/51n6uJyVcqL._SL160_.jpg" alt="" style="border: none;"><br>Djangoのツボとコツがゼッタイにわかる本</a><img decoding="async" src="//i.moshimo.com/af/i/impression?a_id=3290641&amp;p_id=170&amp;pc_id=185&amp;pl_id=4062" alt="" width="1" height="1" style="border: none;">
</div>
</div>



<h3 class="wp-block-heading">ImportErrorが出た場合の対処方法</h3>



<h4 class="wp-block-heading">仮想環境とは？</h4>



<p>実行したいプログラム専用の環境のことらしいです。<br>ローカル環境とは異なりWEB開発等に適した環境となります。</p>



<p></p>



<h4 class="wp-block-heading">仮想環境を構築してみよう！</h4>



<p>まずは、仮想環境を構築するためのパッケージ<span class="marker"><strong>virtualenv</strong></span>をインストールしましょう。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>pip install virtualenv</code></pre></div>



<p>インストールが完了したら、Desktopに作成した仮想環境を構築するためのフォルダを作成し、そこに移動します。</p>



<p>今回はデスクトップに「django_app」というフォルダを作成したので、当該フォルダに下記のように移動しました。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full is-resized"><img decoding="async" width="734" height="243" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-4.png" alt="intro django_app" class="wp-image-2092" style="width:588px;height:auto"/></figure></div>


<p>このフォルダの中に仮想環境を作っていくことになります。仮想環境と言っても見た目はその辺のフォルダと変わりありませんので、実感わかないかもしれないですね。（笑）</p>



<p>続いてコマンドプロンプトで下記コードを実行して、「django_app」フォルダ内に仮想環境を作成します。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>virtualenv （仮想環境名）</code></pre></div>



<div class="wp-block-jin-gb-block-chat-block balloon-box balloon-left clearfix has-ccc-ballon has-efefef-bgballon"><div class="balloon-icon maru"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2022/03/slime5-2.png"/></div><span class="icon-name">すらいむ管理人</span><div class="balloon-serif"><div class="balloon-content">
<p>以上で仮想環境を作成することができました！</p>
</div></div></div>



<p>あとは仮想環境をアクティブにして、Djangoパッケージをインストールするだけです！</p>



<h4 class="wp-block-heading">仮想環境のActivate</h4>



<p>作成した仮想環境をActiveにするためには下記コードを実行します！</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>.\（仮想環境名）\Scripts\activate</code></pre></div>



<p>すると下記のように作成した仮想環境名が（）で示されるようになります。<br>こうなっていれば仮想環境が<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-red-color"><strong>Active</strong></mark>になっている表示になります！</p>



<p>この状態でDjangoをインストールしてWebアプリケーションを作っていくことになります。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="753" height="35" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-5.png" alt="after movement of django" class="wp-image-2093"/></figure>



<p>仮想環境をActiveにしたら、続いて仮想環境内にDjangoをInstallしていきましょう！</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>pip install Django</code></pre></div>



<p>以上が、<span class="marker"><strong>ImportErrorに対する対処方法</strong></span>になります。</p>



<p>以上が完了した時点で、実際にDjangoを動かしてみましょう！</p>



<p>仮想環境内のコマンドプロンプト上で下記を入力してみてください。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>python manage.py runserver</code></pre></div>



<p>実行結果は以下のようになります。<br>「<span class="marker"><strong>https://127.0.0.1:8000/</strong></span>」というリンクが表示されるので検索してみましょう。</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img decoding="async" width="949" height="369" src="https://tomtom-stock.com/wp-content/uploads/2023/12/image-6.png" alt="result of runserver
" class="wp-image-2094" style="width:590px;height:auto" srcset="https://tomtom-stock.com/wp-content/uploads/2023/12/image-6.png 949w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-6-300x117.png 300w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-6-768x299.png 768w, https://tomtom-stock.com/wp-content/uploads/2023/12/image-6.png 856w" sizes="(max-width: 949px) 100vw, 949px" /></figure>



<p></p>



<p></p>



<h4 class="wp-block-heading">仮想環境を終了したいとき</h4>



<p><span class="marker">Activate</span>した後で元の環境に戻したい場合は、下記コマンドをターミナルに入力することで戻すことができます！</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-plain"><code>deactivate</code></pre></div>



<p></p>



<p>以上になります。<br>最後まで見ていただきありがとうございました！</p>



<a href="https://tomtom-stock.com/2023/12/19/python_excel_bookreview/" class="blog-card"><div class="blog-card-hl-box"><i class="jic jin-ifont-post"></i><span class="blog-card-hl"></span></div><div class="blog-card-box"><div class="blog-card-thumbnail"><img decoding="async" src="https://tomtom-stock.com/wp-content/uploads/2023/12/book-intro-320x180.jpg" class="blog-card-thumb-image wp-post-image" alt="" width ="162" height ="91" /></div><div class="blog-card-content"><span class="blog-card-title">【2025年最新版】Python×Excel自動化おすすめ書籍5選</span><span class="blog-card-excerpt">Pythonを用いてExcelの処理を自動化し業務効率化を実践したい方におすすめな書籍を紹介しています！
2023年に出版されているものの中から評価の高いものや私自身が役に立ったと感じたものを紹介しています！
是非参考にしてみてください！...</span></div></div></a>
]]></content:encoded>
					
					<wfw:commentRss>https://tomtom-stock.com/2023/12/30/django-importerror/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
