【徹底的に解説！】Djangoの基礎をマスターして、3つのアプリを作ろう！

開発環境構築の全体像について説明しています。

具体的には、Mac、Windows7、Windows10の3つのOSにおいて、どういった流れで開発環境を構築していくのかという点について解説しています。

Macでの開発環境構築の流れです。

講師が使ってるOSがWindowsですので、実機を使った解説はできないのですが、添付の資料で具体的な開発環境構築の流れを理解することができます。

Windows10の場合の開発環境構築の流れです。

まずは、UbuntuというLinuxのディストリビューションのインストールを進めていきます。

viaual studio codeをインストールし、その上でwslとのつなぎこみを行います。

Windows7の方は、Ubuntuを簡単にインストールすることができないので、外部サーバーを借りて、そこでUbuntuをインストールしていきます。

ここではvpsのレンタル方法についてお伝えしています。

手元のパソコンからvpsに接続するために必要なputtyというソフトのインストール方法と、puttyを使ってvpsに接続する方法についてお伝えしています。

vps、または手元のパソコンでpythonとDjangoをインストールする方法について解説しています。

仮想環境の構築方法について、概要から解説しています。

runserverをすることで、locahost上でサーバーが立ち上がるのですが、そもそもlocalhostというのが何なのかという点について解説しています。

function based viewとclass based viewの違いについて、具体的な例を使って説明しています。

htmlファイルを作成し、それをurl.pyファイルとviews.pyファイルでどのように呼び出すのかという点について説明しています。class based viewの処理の流れを具体的なコードと共に理解できるようになります。

アプリとプロジェクトの関係について、具体的なファイル構成を見ながら説明していきます。アプリとプロジェクトの関係を理解できるようになります。

アプリを使ってhello worldを表示させるため、各ファイルの作りこみをしていきます。アプリを使った開発の流れを具体的なコードと共に理解することができるようになります。

hello worldアプリのまとめです。

このセクションで学んだことをおさらいすることができます。

このセクションで作成するtodoリストの完成物を見ることで、何を作っていくのかということに対するイメージを沸かせることができます。

アプリの作成や、urls.pyのつなぎこみなど、前のセクションで学んだ内容を実装していきます。

実際にmodels.pyファイルの作成を進めていきます。

models.pyファイルの書き方を理解することができるようになります。

models.pyファイルを作ったあと、その内容をデータベースに反映させるために必要なmakemigrationsコマンドと、migrateコマンドの概要について理解することができるようになります。

前のレクチャーで理解したmakemigrationsとmigrateを実際にターミナル上で実行していきます。

makemigrationsとmigrateを実行することによって作成されたファイルやコードの中身について理解することができるようになります。

管理画面へのアクセス方法と、管理画面にログインするために必要なsuperuserを作成する方法を理解することができるようになります。

データベースと連携して作成されるウェブサービスの基本的な考え方であるCRUDの概要と、それらとDjangoの関係について理解することができるようになります。

個別のデータの詳細を表示することに適したDetailViewについて、具体的なコードと共に説明しています。DetailViewの簡単な使い方について理解することができるようになります。

ウェブサイトの見た目を整えるために使われるフレームワークであるBootstrapの概要と、具体的な使い方について説明しています。Bootstrapの使い方を理解することができるようになります。

同じようなコードをブロックのように固めて使いまわすときに使われるbase.htmlというファイルの使い方について、概要と共に説明しています。

todo listの見た目を整えていきます。

djangoのテンプレートをcssに入れ込むことによって、動的にhtmlファイルの見た目を整える方法を解説しています。

個別のデータの詳細を表示することに適したCreateViewについて、具体的なコードと共に説明しています。CreateViewの簡単な使い方について理解することができるようになります。

データを削除するときに使われるDeleteViewについて、具体的なコードと共に説明しています。DeleteViewの簡単な使い方について理解することができるようになります。

データを更新することに適したUpdateViewについて、具体的なコードと共に説明しています。UpdateViewの簡単な使い方について理解することができるようになります。

それぞれのViewにDjangoのタグを使ってアクセスするための方法について解説しています。urlタグの使い方が分かるようになります。

最後にtodo listの見た目を整えていきます。

todo listアプリのまとめです。

このセクションで学んだことをおさらいすることができます。

このセクションで作成する社内snsアプリの完成物を見ることで、何を作っていくのかということに対するイメージを沸かせることができます。

前の2つのセクションで学んだことを踏まえ、アプリの作成などの初期設定を進めていきます。

会員登録画面の見た目をbootstrapを使って整えていきます。

会員登録をするためのviewを作りこんでいきます。具体的には、POSTで取得したデータをもとにUserテーブルにデータを保存する方法の実装を進めていきます。

POSTメソッドで受け取ったデータが、Userテーブルに入っている情報と重複していないかをチェックするための実装をしていきます。

function based viewを使ってユーザーがログインをするための処理について説明しています。

Djangoのmethodを使ってログイン機能を実装する方法を理解することができるようになります。

renderとredirectの違いについて、ウェブサイト上で違いを見ながら確認していきます。

Listviewの作成を進めていきます。

画像のアップロード並びにサーバー上の画像にアクセスするために必要な実装内容について解説していきます。

画像の扱い方について、背景から理解できるようになります。

cssファイルのアップロード並びにサーバー上の画像にアクセスするために必要な実装内容について解説していきます。cssファイルの扱い方について、背景から理解できるようになります。

function based viewを使って、class based viewのようにリストを表示させる実装をする方法について解説しています。

ユーザーがログアウトするための機能を実装していきます。

個別のデータを表示させるためのViewの作りこみを進めていきます。

クリックする毎に数字が一つずつ増えていくような「いいね」機能を実装していきます。

ログインしたユーザーがボタンを押した時、一度だけ数字が増えていくような「既読」機能を実装していきます。

データを作成するためのCreateViewの作成を進めていきます。ログインしているかどうかを確認するための実装も進めていきます。

社内SNSアプリのまとめです。

このセクションで学んだことをおさらいすることができます。

開発環境構築の場面でもお伝えしている内容ですが、あらためて外部VPSをレンタルする方法について解説していきます。

手元のパソコンで作成したコードをvpsにコピーするためにgitというサービスを使いますが、このサービスの概要と使い方について説明していきます。

ここからが実際のデプロイを進める方法についてです。まずは初期設定を進めていきます。

githubを使い、作成したコードをvpsにコピーしていきます。

本番環境に先立ち、settings.pyファイルの設定を進めていきます。

新しく設定したデータベースサーバーでmakemigrationsとmigrateを行い、データベーステーブルを作っていきます。

また、アプリケーションサーバーとしてgunicornをインストールしましたが、これがしっかりと動くかの確認をしていきます。

バックグラウンドでリクエストを受けることができる仕組みを作るために必要な、gunicorn.socketとgunicorn.serviceの設定を進めていきます。

最後にウェブサーバーの設定をしていきます。具体的には、ブラウザから受けたリクエストをgunicorn.socketに流すための設定を進めていきます。