Do It! Django+Bootstrap: Python Web Developmentの定石

パイソンWeb開発の「定石」！
作りながら学ぶWeb開発 A to Z 💬

講義のテーマ 😊

この講義は、ウェブ開発をしたいPythonユーザーのための講座です。実際にPython界隈で最も代表的なウェブフレームワークの一つであるdjangoを利用して、自分だけのブログサイトを作ってみることができます。この講義を最後まで進めれば、皆さんもdoitdjango.com のようなウェブサイトを持つことができます。

この講座では、HTML、CSS、JavaScriptから、Bootstrap、PythonのウェブフレームワークであるDjango、Docker、アマゾンウェブサービス（AWS）まで学ぶことができます。必要な機能を一つずつ実装しながら、直面する困難を自ら解決していくことで、ウェブ開発に関する全般的な理解とともに、問題解決能力を身につけていきましょう。今すぐ始めましょう！

---

著者直伝！本の内容を
より深く学ぶことができます。

画面デザインからAmazonサーバーへのデプロイまで、一冊で完結するウェブ開発！

この講義は、イージスパブリッシングから出版された<Do it! Django+Bootstrap Python Web開発の定石> を動画で学びたい方のための講義です。2021年を基準に、最近普遍的に使用されている技術を追加で盛り込み、2019年にオープンした講義の受講生の方々のフィードバックを最大限に反映しました。

私と一緒にウェブ開発、今から本格的に走ってみましょうか？ 👉

---

このような方のための講座です。

その他にも、このような方々にもおすすめです。

• "開発者として第一歩を踏み出しましたが、まだ自分を紹介するウェブサイトがありません。"
• "他のプログラミング言語は扱ったことがありますが、Pythonでウェブサイトを開発しなければならない状況です。"

Web開発の経験がなくても、誰でも受講できるように。

Pythonの基礎講座を受講しただけで、ウェブについて全く知らない方でも簡単に受講できるように講義を構成しました。Pythonをインストールして開発環境を構築する段階から、Googleログイン機能を開発し、Dockerを利用してAmazonウェブサーバーでサービスを提供する段階まで到達してみてください。

---

この講義を受講した後のあなたの姿

この講座は、実際に使用・運営できるブログを開発し、実際にデプロイすることを目標としています。したがって、書き込み権限の設定、ソーシャルログイン、セキュリティなど、実際のウェブ開発で必要となる機能の開発をすべて含んでいます。この講座を終えたとき、doitdjango.com のような機能を完全に備えたウェブサイトを持つことになります。

_{画像をクリックすると該当ページに移動します。} 

_{画像をクリックすると該当のページに移動します。}

どんなスキルを学びますか？

---

本講義ではこのような内容を学びます。

基礎環境設定

受講生の方々と同じ環境で作業できるように、Pythonウェブ開発に必要なプログラムをインストールします。

フロントエンドの基礎固め

私たちがコンピュータやスマートフォンのウェブブラウザで見ているウェブサイトは、そのほとんどがHTML、CSS、JavaScriptで構成されています。自己紹介ページを実際に作りながら、HTML、CSS、JavaScriptの役割を理解し、その使い方を身につけます。

Bootstrapの基礎

Bootstrapは、ウェブ開発において一般的に必要とされるコンポーネントをあらかじめデザインしたツールキットです。Bootstrapを使用することで、ウェブデザインの経験がまだ浅い開発者でもそれなりのページを作成することができ、多様な画面サイズに対応できるレスポンシブなウェブページを作ることができます。

Django入門

画面を作る方法は習得したので、次はウェブサイトの構造を学ぶ番です。一般的なウェブサイトの構造についての概念を身につけ、PythonのウェブフレームワークであるDjangoで実装する方法を学びます。

URLの設定；FBV (Function Based View)とCBV (Class Based View)

ブログ機能を実装しながら、ウェブサイトのページのURLを設定し、必要な情報を提供できるように開発する方法を学びます。

静的ファイル (static files) & メディアファイル (media files)

Djangoで作ったウェブサイトでCSSやJavaScriptファイルを使用する方法を学び、ウェブサイトにファイルをアップロードする機能を実装する方法も学びます。

template_tags & 条件文

HTMLファイル内で条件文を書く方法を学びます。

テスト駆動開発 (TDD: Test Driven Development)

プログラミングをしていると、プログラムが複雑になりすぎて、問題が発生したときに原因を特定するのが困難なケースがよくあります。時には原因は分かっていても、ソースコードが複雑に絡み合っていて、安易に手を出すのが難しいこともあります。

しかし、テスト駆動開発を利用すれば、このような困った状況を減らすことができます。セクション8からはテスト駆動開発の概念を理解し、私たちのプロジェクトに適用してみます。

テンプレートファイルのモジュール化

繰り返し使用される要素は、ソースコードをモジュール化して管理すると便利です。ナビゲーションバーやフッターのように、ウェブサイト全体にわたって維持されるべき要素をモジュール化して管理する方法について学びます。

Relations - 多対一関係

Web開発をしていると、それぞれ異なる情報を関連付けなければならない時があります。例えば、ブログの投稿と作成者の情報は多対一（Many-to-one）の関係に該当します。一人の会員が複数のブログ記事を作成できるからです。多対一の関係について学びながら、投稿の作成者機能を実装し、ブログ記事のカテゴリー機能も実装する方法をお教えします。

Relations - 多対多の関係

投稿と作成者の関係が多対一関係なら、インスタグラムのハッシュタグは多対多関係(many to many)です。ブログのタグ機能を実装しながら、自然に多対多関係を学びます。

フォーム(form)でポストの作成と修正機能を実装する

Djangoは新しい記事を作成する機能を簡単に開発できるように、'form'というツールを提供しています。本講義では、Djangoのformがどのような仕組みで動作するのかについて学びます。この過程で、ブログの投稿作成機能と修正機能を実装します。

外部ライブラリを活用する

PythonとDjangoを利用してウェブ開発を行うと、他の人が開発したライブラリを自分のプロジェクトに取り入れて使用するのが非常に便利です。Django crispy formsでセクション12で開発したフォームの見た目をきれいに整え、Django-markdownxを利用してマークダウン機能を追加し、Django-allauthを利用してGoogleログインやメールログイン機能を開発します。

コメント機能の開発

ブログなら当然コメント機能が必要ですよね。コメント機能を実装しながら、以前学んだDjangoの機能を復習します。

その他の便利機能の実装

paginationを通じて、1つのページにあまりにも多くの記事が表示されないように調節する方法を学びます。また、検索機能を実装しながらJavaScriptの練習をし、Djangoのフィルター機能を活用してみます。

トップページと自己紹介ページの作成

皆さんが作ったウェブサイトが皆さんのポートフォリオであり顔となるよう、重要でありながら後回しにしてきたページを実装します。

Dockerで引っ越しの準備をする

これまで開発してきた成果物をAmazonのウェブサーバーに移すための準備をする時期です。異なるOS環境でも大きな問題なく同一の環境を提供するために、Dockerを使用します。

Dockerの使用とともに、テスト用のウェブページではなく、実際に公開するためのウェブサービスとなるよう、専門化されたDB（postgreSQL）プログラムとウェブサーバープログラム（Nginx）を使用する方法をご紹介します。

Amazon Lightsailにデプロイする

私たちが作ったウェブサイトを24時間サービスするためには、サーバーを借りる必要があります。アマゾンウェブサービス（AWS）では、Lightsailという低価格でサーバーを貸し出すサービスを提供しています。このサーバーに私たちが作ったウェブサイトをアップロードして、サービスを公開する方法について学びます。

ドメインを接続する

いよいよドメインを購入して、私たちのウェブサイトに接続する番です。この過程で、HTTPSセキュリティ認証を受ける段階まで扱います。

---

イ・ソンヨン（SungYong Lee）とは誰ですか？

---

よくある質問 💬

こんな講義も受けてみませんか？ 😊