Love web applications » Django

DjangoのセレクトフォームのOptionタグにclass属性を追加する

kapibarawebmaster1515 — Thu, 02 Oct 2014 13:49:34 +0000

ご無沙汰しました。公私ともちょっと忙しくしておりました。

今日の内容は、タイトルの通りなのですが、Djangoのフォーム・セレクトメニューのOptionタグにclass指定する方法についてです。

具体的には、こんなソースを出力したい訳です。

何故そのようなことがしたいかと言えば、ここで指定したclassに応じて、jQueryで各optionタグの表示/非表示を切り替えたいからです。

さて、私のケースではデータベースに保存したレコードを元にメニューを作成したいので、forms.ModelChoiceFieldを使ってセレクトメニューを出力することにします。

このforms.ModelChoiceFieldのルートクラスは、forms.Fieldです。forms.ModelChoiceFieldに限らず、django.formsでの各種フィールドは、forms.Fieldのサブクラスです。forms.Fieldでコアな処理を行い、それと関連づけられたforms.widgets.WidgetのサブクラスでHTML出力を行うという構成らしい。

forms.ModelChoiceFieldクラスのHTML出力クラスを確認すると、forms.widgets.Selectクラスだと分かりました。

そこで、forms.widgets.Selectクラスのoptionタグ出力を行っているソースコードを確認します。

widgets.py

def render_option(self, selected_choices, option_value, option_label):
  option_value = force_text(option_value)
  if option_value in selected_choices:
    selected_html = mark_safe(' selected="selected"')
    if not self.allow_multiple_selected:
      # Only allow for a single selection.
      selected_choices.remove(option_value)
    else:
      selected_html = ''
    return format_html('',
                       option_value,
                       selected_html,
                       force_text(option_label))

残念ながら、引数でclass指定とかは出来ない内容。

そこで、

forms.ModelChoiceFieldのサブクラスを作成
forms.widgets.Selectのサブクラスを作成
#2のrender_option関数をオーバーライト。まずは元のrender_otpionのソースを丸々コピーして、class属性を出力する内容に書き換える
#1のinit処理において、super.__init__を呼び出す。その引数のkwargsで#2で作成したクラスをwidget（=HTML出力クラス）として追加する。

のようなフローで実装することに決定。

myapp.forms

# -*- coding: utf-8 -*- from django import forms from myapp.models import DataGroup # Overwrite this to your model from django.utils.encoding import force_text from django.utils.safestring import mark_safe from django.utils.html import format_html class DataGroupSelect(forms.widgets.Select): def render_option(self, selected_choices, option_value, option_label): option_value = force_text(option_value) if option_value in selected_choices: selected_html = mark_safe(' selected="selected"') if not self.allow_multiple_selected: # Only allow for a single selection. selected_choices.remove(option_value) else: selected_html = '' # get class attrs (customize class_attr by yourself) class_attr = 'xxxxxx' return format_html('', option_value, selected_html, force_text(option_label), class_attr) class DataGroupModelChoiceField(forms.ModelChoiceField): def __init__(self,*args,**kwargs): kwargs['widget'] = DataGroupSelect super(DataGroupModelChoiceField, self).__init__(*args,**kwargs) class MyForm(forms.Form): datagroup_id = DataGroupModelChoiceField(queryset=DataGroup.objects.all())

これをviews.pyから

form = MyForm()

とインスタンス生成すればOKです。

Djangoのユーザー認証機能を利用する

kapibarawebmaster1515 — Tue, 19 Aug 2014 06:06:38 +0000

こんにちは。相変わらず暑い日が続きますね。お盆休みということで更新をお休みしていましたが、再開します。

さて今日はDjangoで、ユーザー認証を行う方法について書いておきます。 注：Djangoはv1.6です

Samples＠GitHub

編集前のプロジェクト：before
編集後のプロジェクト：after

特定ページアクセス時にユーザー認証を求めるように設定する

特定のページにユーザー認証保護をかけます。Djangoにはユーザー認証用のツールが用意されています。settings.pyのINSTALLED_APPSにデフォルトでは次のアプリが含まれているはずなので、有無を確認しておきます。

'django.contrib.auth'

もし無ければ追記すればOKです。

トップページにユーザー認証保護をかける

まずは、トップページにユーザー認証保護をかけてみます。下記4ファイルを記述していきます。

settings.py

ログインURLを指定する１行を追加します。

urls.py

ログインURLを、urlpatternsに追加します。また、myapp.views.index.pageを開くときにユーザー認証を求めるよう設定します。

login.py

myapp/view/login.pyを新規作成して、ログイン処理を記述します。

login.html

ユーザー名とパスワード入力を求める画面を表示するテンプレートです。

{% extends "base.html" %} {% block title_html %} User login form {% endblock %} {% block article_content %} {% if user.is_authenticated %} You are connected. Your email : {{ user.email }} Return to home {% else %} User login form {% csrf_token %} {{ form.as_table }} {% endif %} {% endblock %}# -*- Coding: utf-8 -*- from django.shortcuts import render, redirect from django import forms from django.contrib.auth import authenticate, login def page(request): if request.POST: form = Login_form(request.POST) if form.is_valid(): username = request.POST['username'] password = request.POST['password'] user = authenticate(username=username, password=password) if user is not None: if user.is_active: login(request, user) if request.GET.get('next') is not None: # Redirect to a success page. return redirect(request.GET['next']) # New form when not the request is get. else: form = Login_form() return render(request, 'jp/login.html', {'form' : form}) class Login_form(forms.Form): username = forms.CharField(label="User name") password = forms.CharField(label="Password", widget=forms.PasswordInput) def clean(self): cleaned_data = super(Login_form, self).clean() username = self.cleaned_data.get('username') password = self.cleaned_data.get('password') if not authenticate(username=username, password=password): raise forms.ValidationError("Wrong user name or passwsord") return self.cleaned_data# Authentification LOGIN_URL = 'user_login'from django.contrib.auth.decorators import login_required from django.views.generic import TemplateView urlpatterns = patterns('', url(r'^login/$','myapp.views.login.page', name="user_login"), url(r'^$', login_required(TemplateView.as_view(template_name='jp/index.html')), name="index"), #url(r'^$', 'myapp.views.index.page', name="index"), url(r'^admin/', include(admin.site.urls)), )

ここまで実装してからサーバーを実行し、http://127.0.0.1:8000にアクセスすると、自動的に/login/にリダイレクトされてユーザー認証を求める画面が表示されます。

South実行時に入力したユーザー名＆パスワードを入力すれば、トップページが表示されます。

ログアウト機能を実装する

続いてログアウト処理を実装します。下記４点を実装します。

urls.py

ログアウトURLを追加します。

login.py

myapp/view/loout.pyを新規作成して、ログアウト処理を記述します。

login.html

ログアウト処理が成功した後で表示する画面のテンプレートです。

index.html

ログイン・ログアウトへのリンクを追加します。

{% extends "base.html" %} {% block title_html %} Django Test Page {% endblock %} {% block h1 %} Hello world {% endblock %} {% block article_content %} Welcome to Django world! Your Account Logout {% endblock %}{% extends "base.html" %} {% block title_html %} Logout {% endblock %} {% block h1 %} Logout successful. {% endblock %} {% block article_content %} Return to home {% endblock %}# -*- Coding: utf-8 -*- from django.shortcuts import render from django.contrib.auth import logout def page(request): logout(request) return render(request, 'jp/logout.html')urlpatterns = patterns('', url(r'^logout/$', 'myapp.views.logout.page', name="user_logout"), #...other urls. )

ユーザー追加機能を実装する

続いてユーザー追加機能を実装してみます。上で作成したサンプルを改変してトップページにかけた認証保護を外します。トップページには

ログイン
ログアウト
ユーザー追加

の３メニューを表示します。ユーザー追加ページにはユーザー認証を求めるようにし、つまり既存のログインユーザーが新たなユーザーを作成できるような仕様にしてみます。

{% extends "base.html" %} {% block title_html %} Add user form {% endblock %} {% block h1 %} Add user form {% endblock %} {% block article_content %} {% csrf_token %} {{ form.as_table }} Return to home {% endblock %}# -*- Coding: utf-8 -*- from django.shortcuts import render, redirect from django.contrib.auth.models import User from django import forms from django.contrib.auth.decorators import login_required @login_required def page(request): if request.POST: form = MyUserCreationForm(request.POST) if form.is_valid(): username = request.POST['username'] password = request.POST['password'] email = request.POST['email'] new_user = User.objects.create_user(username = username, email = email, password=password) new_user.is_active = True new_user.save() return render(request, 'jp/add_user_successful.html') else: form = MyUserCreationForm() return render(request, 'jp/add_user.html', {'form' : form}) class MyUserCreationForm(forms.Form): username = forms.CharField(label = "User name") password = forms.CharField(label = "Password", widget = forms.PasswordInput) password_bis = forms.CharField(label = "Password", widget = forms.PasswordInput) email = forms.EmailField(label = "Email") def clean(self): cleaned_data = super(MyUserCreationForm, self).clean() username = self.cleaned_data.get('username') password = self.cleaned_data.get('password') password_bis = self.cleaned_data.get('password_bis') if password and password_bis and password != password_bis: raise forms.ValidationError("Passwords are not identical.") user_check = User.objects.filter(username = username).exists() if user_check: raise forms.ValidationError("Duplicate user name!") return self.cleaned_data{% extends "base.html" %} {% block title_html %} Add user successful {% endblock %} {% block h1 %} Add user successful {% endblock %} {% block article_content %}Return to home {% endblock %}{% extends "base.html" %} {% block title_html %} Django Test Page {% endblock %} {% block h1 %} Hello world {% endblock %} {% block article_content %} Welcome to Django world!Your Account Logout Add new user {% endblock %}from django.conf.urls import patterns, include, url from django.contrib.auth.decorators import login_required #from django.views.generic import TemplateView from django.contrib import admin admin.autodiscover() urlpatterns = patterns('', url (r'^add_user/$', 'myapp.views.add_user.page', name="add_user"), url(r'^logout/$', 'myapp.views.logout.page', name="user_logout"), url(r'^login/$', 'myapp.views.login.page', name="user_login"), #url(r'^$', login_required(TemplateView.as_view(template_name='jp/index.html')), name="index"), url(r'^$', 'myapp.views.index.page', name="index"), url(r'^admin/', include(admin.site.urls)), )

ここではユーザー認証の要否を判断する方法を変更してみました。

最初に使った方法はurls.pyのurlパターンを次のように記述することで実現していました。login_required()でテンプレート呼び出し関数を囲んで書く方法です。

url(r'^$', login_required(TemplateView.as_view(template_name='jp/index.html')), name="index"),

でも、ユーザー認証を求めるページが増えると面倒ですよね。もっとお手軽に書く方法があります。viewファイルのdef直前に下記１行を追加します。

@login_required

同様に、他のページに認証をかける場合も@login_requiredを挿入すれば認証機能が働きます。すなわち、ログアウト時に該当ページにアクセスすると、ログインページに自動的にリダイレクトされるようになります。

ちょっと長いエントリーになりましたが、今日は以上です！

Eclipse-PyDevプラグインでDjangoの開発をする

kapibarawebmaster1515 — Sat, 02 Aug 2014 07:55:47 +0000

こんにちは。今日はDjangoの開発環境の話です。

私はたいてい何でもEclipseで開発しているのですが、Djangoの開発は初めてなので使い方を調べました。

PyDevを使えばOK

EclipseでDjangoを扱うには、Python開発用プラグインPyDevを入れればOKでした。PyDevにDjangoのデバッガも装備されています。

補足

PyDevのインストールは、Eclipseメニューバー>Help>Install New Software…を選択して、Work withに下記URLを登録し、間もなく表示される”PyDev”をインストールすればOKです。

http://pydev.org/updates

Djangoのプロジェクトを作成するには２通りあります。

まずPyDevプロジェクトを作成してからDjangoに変換する
いきなりDjangoプロジェクトを作成

上でのプロジェクトの種別は、Eclipse内でのプロジェクトの種類を指しています。

色々試した結果、私のお勧めは#1の方法です。下記で手順をかるーく紹介します。

1. Djangoのプロジェクトを作成する

ここで言うDjangoのプロジェクトとは、本来の？Djangoのプロジェクトのコトです。以前の記事「Djangoをインストールする（前編）」で新規プロジェクト作成手順を紹介しているので、参照してくださいね。

2. EclipseからPyDevプロジェクトを作成する

Eclipseメニューバー>File>New>Project…を選択して、PyDevプロジェクトを作成します。

Djangoのプロジェクトディレクトリ（manage.pyが置いてある階層）を指定します。ここでの注意点としては、PyDevのProject nameとDjangoのプロジェクト名”mysite”とを一致させることです。

Project nameとDirectoryを指定したら”Finish”でOKです。

3. 作成したプロジェクトをDjangoに設定する

プロジェクトを右クリックして、PyDev>Set as Django Projectをクリックします。

Eclipseメニューバー > Project > Propertiesを開き、”Django manage.py”の項目に、”manage.py”と入力、OKを押します。

私の環境だと、何故かsettings.pyはnot foundになってしまいます。でも、指定せずともとりあえず動くようです＾＾；

4. Run/Debugする

Explore（Window左のツリー）において、Djangoプロジェクトフォルダ”mysite”が選択された状態にします。

続いてEclipseメニューバー > Run AsもしくはDebug Asにカーソルを合わせて、PyDev:DjangoをクリックすればRun / Debugできます。

ちょっと間があいた後で、Consoleに

Django version 1.6.5, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

のメッセージが表示されると成功です。

適当なブラウザを開き、メッセージ中のURLにアクセスすればサイトが動き出します。

Break Pointをおけば、処理の途中でちゃんとブレークします。

これで快適に開発できるようになりました！

Djangoをインストールする（後編）

kapibarawebmaster1515 — Tue, 29 Jul 2014 00:08:22 +0000

おはようございます、Taeです。

昨日の記事「Djangoをインストールする（前編）」に引き続き、DjangoのGetting Startedを紹介します。

大まかな流れ

Django本体のインストール
新規プロジェクト作成
Hello Worldの実行
1. viewsの作成
2. URLの設定
ディプロイ設定
1. mod_wsgiをインストールする
2. Virtual Host設定
3. Djangoのディプロイ設定
4. ディプロイする

#1-2は前編で紹介しました。後編では#3-4を取り上げます。

注意：
セキュリティ対策を何もしていないので、この手順のままInternetに公開しないでくださいね！

Hello worldの実行

簡単なHello worldを実行してみます。

viewsの作成

MyApp内にviewsフォルダを作成します。

cd ~/DjangoProjects/FirstProject/mysite/MyApp
mkdir views

このフォルダに、__init__.pyと、index.pyの２つのファイルを作成します。

__init__.pyは、中身は空のファイルでOKです。

index.pyは、次のように記述します。

index.py

# -*- Coding: utf-8 -*-
from django.http import HttpResponse
# View for index page.
def page (request) :
    return HttpResponse("Hello world!")

URLの設定

新たに作成したビューに対応するURLを設定します。下記ディレクトリにあるurls.pyを開き、urlpatternsの要素の中に、下記を追加します。

url(r'^$', 'MyApp.views.index.page'),

もしも開発用サイトが停止していたら、再度起動します。プロジェクトフォルダに移動して、下記を実行

python manage.py runserver

サーバーのアドレスを確認して実行します。

http://127.0.0.1:8000/

Hello world!のメッセージが出れば成功です。

ディプロイ設定

開発用サイトから公開用サイトに展開します。

mod_wsgiをインストールする

mod_wsgiはPython Web Applicationを扱うためのApacheのモジュールです。

Homebrewでインストールします。

brew install mod_wsgi

httpd.confに下記を追記

LoadModule wsgi_module /usr/local/Cellar/mod_wsgi/3.4/libexec/mod_wsgi.so

Virtual Hostを設定する

httpd-vhosts.confに追記


  LogLevel info
  ServerName localdjango.net
  ServerAdmin webmaster@localdjango.net
  # Static files
  DocumentRoot "/Users/username/WebSites/localdjango"
  Alias /static/ /Users/username/WebSites/localdjango/static/
  username/WebSites/localdjango/static">
    Order deny,allow
    Allow from all
  
  # WGSI configuration
  WSGIDaemonProcess localdjango.net processes=2 threads=15 display-name=%{GROUP} python-path=/Users/username/mysite/:/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/site-packages
  WSGIProcessGroup localdjango.net
  WSGIScriptAlias / /Users/username/DjangoProjects/FirstProject/mysite/mysite/wsgi.py
  username/DjangoProjects/FirstProject/mysite/mysite">
    
      Order allow,deny
      Allow from all

hostsに下記を追記

127.0.0.1 localdjango.net

ディプロイしたサイトを入れるフォルダを作成する。私の好みで、~/Website下にサイト毎にフォルダを作成する。

cd ~
mkdir WebSites
cd WebSites/
mkdir localdjango

Apache設定を確認します

apachectl configtest

Syntax OKと出ればOK^^

Apacheを一度再起動します

sudo apachectl graceful

Djangoのディプロイ設定

下記をsettings.pyに追記

# add local env settings
STATIC_ROOT = "/Users/username/WebSites/localdjango/static/"

ディプロイする

フォルダの権限を変える。

chmod -R 755 ~/DjangoProjects/FirstProject/mysite/mysite
chmod -R 755 ~/WebSites/localdjango

プロジェクトフォルダに移動して、下記を実行

python manage.py collectstatic

Virtual Hostで指定したアドレスにアクセスします。

http://localdjango.net

Hello world!が表示されるハズです。

管理画面も開いてみます。末尾に/admin/をつけたURLにアクセス。

http://localdjango.net/admin/

ユーザー名とパスワード（migration実行したときに指定したもの）を入れると

管理画面が開けました！

ようやくDjangoの世界の入り口に立てました。これから色々つくるのが楽しみです♥︎

それでは、また！

Djangoをインストールする（前編）

kapibarawebmaster1515 — Mon, 28 Jul 2014 01:08:30 +0000

ちょっとDjango（PythonのWebフレームワーク）を使ってみることになりまして、Macローカルにインストールした手順を記しておきます。

ご注意

Django使い始めたばかりなので、勘違いして理解している点があると思います。それはご了承の上ご覧ください。

Django Official Website

http://www.djangoproject.jp

Officialページ以外で最も参考にしたサイト

http://blog.manbolo.com/2013/05/02/build-and-deploy-a-django-project-on-osx-from-scratch

インストール諸条件

Django v1.6
Mac Mavericks (v10.9.4)
Python v2.7（Mac OS添付版）
Apache v2.2（Mac OS添付版）
Database MySQL 5.5

Command Line Tool、Homebrewは予め入れておいてください。MySQLもインストール済み、Apacheは使える状態になっているとします。

大まかな流れ

Django本体のインストール
1. pipをインストール
2. Djangoをインストール
3. MySQLdbをインストール
4. Southインストール
新規プロジェクト作成
1. 新規プロジェクト（mysite）作成
2. データベースを作成する
3. Migration(South)設定
4. 開発ページを表示
Hello World
ディプロイ設定

長くなるので、この記事では#1-2のみを掲載し、続きの#3-4は後ほどUpします。

Django本体のインストール

まずはDjango自体をMacローカルにインストールします。事前にCommand Line ToolとHomebrewをインストールしておいてください。

pipをインストール

pipをインストールします。pipとはPythonのモジュールのインストール管理ツールで、perlにおけるcpanみたいなものらしい。

下記のサイトで配布している”get-pip.py”をDLして実行するのみです。手順も下記サイトのInstall pipに書かれています。

https://pip.pypa.io/en/latest/installing.html

Djangoをインストール

Djangoをインストールします。いくつか方法があり、公式ページで紹介されています。

https://www.djangoproject.com/download/

開発中の最新版を使う場合はgithubからインストールする必要がありますが、ここでは最新の安定版v1.6.5をpipでインストールします。

その前に・・・

古いDjangoが入っている場合は、削除しておきます。”site-packages”フォルダ内のdjangoフォルダを削除しておきます。”site-packages”フォルダの場所は、次のコマンドで探せます。>>参考

python -c "from distutils.sysconfig import get_python_lib; print get_python_lib()"

インストール自体は下記コマンド１発でOK

pip install Django==1.6.5

一度動作確認をしておきます。

Pythonシェルを開きます

python

Djangoのバージョン確認。

>> import django 
>> print(django.get_version())

インストールしたバージョン番号”1.6.5″が表示されればOKです。

MySQLdbをインストール

Djangoで第１のお勧めデータベースはPostgreSQLらしいですが、MySQLも対応しているとのこと。今回は使い慣れたMySQLを使うことにします。MySQLdbは、Python-MySQLのやり取りをするためのモジュールです。

pipでインストールします。

pip install mysql-python

Southをインストール

Migrationツール”South”をインストールしておきます。Migrationとは、データベースについて記述したスクリプトファイルを（モデル、models.py）を読み込んで、スクリプトで指定されたテーブルをデータベース上に新規作成する機能です。

インストールは、やはりpipを使います。

pip install South

新規プロジェクト作成

Djangoのプロジェクトを作成します。諸々の設定を行い、開発用サイトのadmin画面にログイン表示するところまで行います。

新規プロジェクト（mysite）作成

新しいプロジェクトを１つ作成してみます。今回は、ドキュメントフォルダの直下にDjangoProjectsというフォルダを作成し、その下に数々のプロジェクトを作成します。

cd ~
mkdir DjangoProjects
cd DjangoProjects
mkdir FirstProject
cd FirstProject

プロジェクト格納フォルダ（FirstProject）に移動したら、プロジェクト作成コマンドを実行します。

django-admin.py startproject mysite

実行すると、次のようなツリーが自動作成されます。

/FirstProject
 |-/mysite
    |-manage.py
    |-/mysite
       |-__init__.py
       |-settings.py
       |-urls.py
       |-wsgi.py

以下、プロジェクトフォルダ=/FirstProject/mysiteと称することにします。

アプリを作成する

このプロジェクトで開発するアプリ（MyApp）を作成します。プロジェクトフォルダに移動して、下記コマンドを実行します。

python manage.py startapp MyApp

このコマンドを実行すると、自動的にプロジェクトフォルダ直下にテンプレートファイルが入ったMyAppフォルダが作成されます。

データベースを作成する

このプロジェクトで使用するデータベースを作成します。MySQLにログインしてデータベースを１つ新規作成します。

mysql> create database mysitedb;

このデータベースにDjangoからアクセスするためのユーザー＆Passを設定します。

GRANT ALL PRIVILEGES ON mysitedb.* TO 'djangouser'@'localhost' IDENTIFIED BY 'password';

プロジェクトの設定

まずはsetting.pyを設定します。

言語設定をUTF-8に指定する。

LANGUAGE_CODE = 'utf-8'

タイムゾーンを日本に指定する。

TIME_ZONE = 'Asia/Tokyo'

データベースの設定を行う。

DATABASES = {
  'default': {
    'ENGINE': 'django.db.backends.mysql',
    'NAME': 'mysitedb',
    'USER': 'djangouser',
    'PASSWORD': 'password',
    'HOST': '',
    'PORT': '',
  }
}

アプリの設定を行います。先に作成したアプリフォルダの名前”MyApp”と、Migration用モジュール”south”を追加します。

INSTALLED_APPS = (
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'south',
  'MyApp',
)

Migration設定

プロジェクトフォルダに移動して、下記のコマンドを実行します。

python manage.py schemamigration MyApp --initial

続いて下記コマンドを打ってMigrationを実行します。

python manage.py syncdb --migrate

途中で下記を聞かれたらyes

You just installed Django's auth system, which means you don't have any superusers defined. Would you like to create one now? (yes/no):

続いてユーザー名、メールアドレス、パスワードが聞かれるので、入力します。

成功すると、データベースmysitedb内に、下記のようなテーブルが作成されます。

+----------------------------+
| Tables_in_mysitedb         |
+----------------------------+
| auth_group                 |
| auth_group_permissions     |
| auth_permission            |
| auth_user                  |
| auth_user_groups           |
| auth_user_user_permissions |
| django_admin_log           |
| django_content_type        |
| django_session             |
| south_migrationhistory     |
+----------------------------+

なお今後モデルを書き換えるなどした場合は、下記コマンドでMigrationを行います。

python manage.py schemamigration MyApp --auto
python manage.py migrate MyApp

開発用サイトを動かしてみる

プロジェクトフォルダに移動して、下記コマンドを実行する。

python manage.py runserver

ダーっと出て来たメッセージの中に、サーバーにアクセスするアドレスが書いてあるので確認しておきます。

Starting development server at http://127.0.0.1:8000/

確認したアドレスにアクセスします。

http://127.0.0.1:8000/

成功しました♥︎

続いて、アドレスに/admin/を追加してアクセスします。

先ほどMigrationを実行したときに入力したユーザ名とパスワードを入力します。

うまく動いたようです^^

続きの記事で、Hello worldの実行と、ディプロイ設定について書く予定です。

それでは、お疲れさまでした！