Do It! Django + Bootstrap：Python Web開発の定石

Python Web開発の「定石」！
作成しながら学ぶウェブ開発 A to Z 💬

講義のテーマ😊

このレッスンは、Web開発をしたいPythonユーザーのためのコースです。実際のPython陣営の最も代表的なWebフレームワークの1つであるdjangoを使って、自分だけのブログサイトを作ってみることができます。のようなウェブサイトを持つことができます。

このレッスンでは、HTML、CSS、JavaScriptからブートストラップ、Python WebフレームワークであるDjango（Django）、Docker（Docker）、Amazon Web Services（AWS）まで学ぶことができます。必要な機能を1つずつ実装し、対処する困難を直接解き、Web開発の全体的な理解とともに、問題を解決する能力まで積み重ねてみてください。今すぐ始めましょう！

著者直講！本の内容
もっとしっかり学べます。

画面デザインからAmazonサーバーの展開まで、一冊で出会うWeb開発！

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

私と一緒にWeb開発、今正しく走ってみましょうか？ 👉

こんな方のための講義です。

「Pythonの基礎
学んだが、
今何をするのか
悩みです。」

「今まで学んだ
Pythonに基づいて
見せるべきこと
作りたいです。」

「まともなウェブサービス
アイデアが浮かんだが、
何から始めるのか
漠然としています。」

他にもこんな方も聞けばいいですよ。

• 「開発者として最初の足を踏み出し始めましたが、まだ私を紹介するウェブサイトはありません。」
• 「他のプログラミング言語は取り上げましたが、Pythonでウェブサイトを開発しなければならない状況です」

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

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

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

このコースは、直接使用して運営できるブログを開発し、実際に配布することを目的としています。そのため、書き込み権限の設定、ソーシャルログイン、セキュリティなど、実際のWeb開発をしながら必要な機能開発をすべて含んでいます。このコースを完了すると、 doitdjango.comのような機能を完全に備えたウェブサイトがあります。

_{画像をクリックするとそのページに進みます。} 

_{画像をクリックするとそのページに進みます。}

どのスキルを学びますか？

HTML/CSS/JS

Bootstrap

Django/Docker

AWS

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

基本設定

受講者のような環境で作業できるように、Python Web開発に必要なプログラムをインストールします。

フロントエンド基礎

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

ブートストラップの基礎

ブートストラップは、Web開発時に一般的に必要なコンポーネントを事前に設計したツールキットです。ブートストラップを使用すると、Webデザインの経験がまだ不足している開発者にとってもそのようなページを作成し、さまざまな画面サイズに対応できるレスポンシブWebページを作成できます。

Djangoに入門する

これで画面を作る方法は慣れているので、ウェブサイトの構造に慣れる順番です。一般的なWebサイト構造の概念を学び、Python WebフレームワークであるDjangoで実装する方法を学びます。

URLを設定する。 FBV(Function Based View)とCBV(Class Based View)

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

静的ファイル（static files）＆メディアファイル（media files）

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

template_tags & 条件文

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

テスト主導の開発 (TDD: Test Driven Development)

プログラミングをすると、プログラムが複雑すぎて問題が発生したときに原因を見つけるのが難しいことがよくあります。時には原因は把握していましたが、ソースコードが複雑に絡み合っていて、とても手を触れにくい場合もあります。

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

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

繰り返し使用される要素は、ソースコードをモジュール化して管理する必要があります。ナビゲーションバーやフッターのように、Webサイト全体で維持する必要がある要素をモジュール化して管理する方法を学びます。

Relations - 多対一関係

Web開発をしてみると、それぞれ異なる情報をつなげなければならない時があります。たとえば、ブログの投稿と作成者の情報は、多対一の関係に対応します。会員一人が複数のブログ投稿を作成できるからです。多対一関係について学びながら、投稿の作成者機能を実装し、ブログ記事のカテゴリ機能も実装する方法をお知らせします。

Relations - 多対多関係

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

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

Djangoは、新しい記事を書く機能を簡単に開発できるようにするために「form」というツールを提供しています。このレッスンでは、Djangoのフォームがどのように動作するかを学びます。この過程でブログ投稿作成機能と修正機能を実装します。

外部ライブラリの活用

PythonとDjangoを使ってWebを開発すると、他の人が開発したライブラリを私たちのプロジェクトにインポートして使いやすいです。 Django crispy formでセクション12で開発したフォームの形をきれいに整え、Django-markdownxを利用してマークダウン機能を追加し、Django-allauthを利用してGoogleログイン、メールログイン機能を開発します。

コメント機能を開発する

ブログなら当然コメント機能があるはずです。コメント機能を実装しながら、先ほど学んだDjangoの機能を復習します。

その他の便利な機能の実装

pagination を使用すると、1 ページに多くの投稿が表示されないように調整する方法を学びます。また、検索機能を実装しながらJavaScriptの練習を行い、Djangoのフィルタ機能を活用してみます。

大門ページと自己紹介ページの作成

あなたが作成したWebサイトがあなたのポートフォリオであり、顔になることができるように、重要だが後押しされたページを実装します。

Dockerに移動する準備をする

これで、これまでに開発した結果をAmazon Webサーバーに移す準備をする時点です。他のOS環境でも大きな問題なしに同じ環境を提供するためにDockerを使用します。

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

Amazonライトセールに配布する

私たちが作成したウェブサイトが24時間サービスされるためには、サーバーを借りる必要があります。 Amazon Webサービスではlightsailという安価なサーバーを貸すサービスをしています。このサーバーに私たちが作成したウェブサイトをアップロードしてサービスする方法を学びます。

ドメインに接続する

今、ドメインを購入して、私たちのウェブサイトに接続する番です。このプロセスでは、HTTPSセキュリティ認証を取得するための手順をカバーします。

Who is SungYong Lee?

_{Python Web開発の定石 >著者}

_{PYCON発表： Django + Selenium
Pythonで統計業務ツールを作成する}

_{ソウル大学地域システム工学
（Agricultural Eng。）エンジニアリング博士}

よくある質問💬

こんな講義も聞いてみますか？ 😊

SungYong Lee知識共有者の関連講義

会社員のためのプログラミング入門と業務自動化の活用
誰でも簡単に学べるプログラミング基本概念と文法！