自己紹介

プログラミング講師の飼鳥晴康(@hathle)です。

エンジニア歴は10年以上で海外(カナダ)就労も経験しています。

カナダでは、映画を作っていました。

現在は、独立して、Python、Djangoをメインにオンラインでマンツーマンレッスンをしています。

お問い合わせなどは、Twitter(@hathle)からお願いいたします。

プログラミングは人生を変えることができます。

目標に向かって、一緒に頑張っていきましょう！！

Djangoスタートアップ

Djangoスタートアップは、Djangoをステップアップ形式で学習していくチュートリアル集です。

はじめてDjangoを触る方も、一歩ずつステップアップしていくことで、オリジナルのWebアプリケーションを開発できるようになります。

Vue.jsのチュートリアルもあります。

目標に向かって、頑張っていきましょう。

バージョン

・Python：3.6以降
・Django：2.2以降

ステップ1

Djangoで基本的なブログを構築します。

Djangoを詳しく説明していますので、分からなくなったら、参考にして下さい。

・ブログ投稿
・ブログ編集
・ブログ削除
・ログイン
・ログアウト
・サインアップ

Zennの方が見やすいかと思います。

動画でも解説しています。

もし参考になりましたら、「チャンネル登録」と「いいねボタン」をよろしくお願いします。

ステップ2

ステップ1で構築したブログに、新機能を追加します。

・画像アップロード機能
・カテゴリ機能
・検索機能

ステップ3

Djangoでポートフォリオを構築します。

どんどんWebアプリケーションを構築して、ポートフォリオにのせてアピールしましょう。

・作品リスト
・作品詳細
・自己紹介
・職歴
・学歴
・スキル
・お問い合わせ

ステップ4

ユーザーモデルをカスタマイズします。

デフォルトの認証では、ユーザー名でログインすることになりますが、メールアドレスでログインするように変更します。

・サインアップ
・メールアドレスでログイン
・ログアウト
・プロフィール
・プロフィール編集

ステップ5

楽天APIを使用して、APIの使用方法を学習します。

APIの使い方が分かると、オリジナルアプリケーションの幅が広がります。

・書籍検索
・書籍リスト
・書籍詳細

ステップ6

ECサイトを構築します。

ECサイトを構築する需要が増えてきていますので、ぜひDjangoで構築できるようになりましょう。

決済システムはStripeを使用しています。

・商品リスト
・ショッピングカート
・クレジットカード決済
・認識機能

ステップ7

予約サイトを構築します。

予約サイトを構築する需要も増えてきていますので、学習していきましょう。

・店舗リスト
・スタッフリスト
・カレンダー
・予約
・予約確認
・休日設定

ステップ8

Vue.jsを学習します。

Vue.jsを使用した方が効率良くフロントエンドを開発できます。

認証はFirebaseを使用しています。

・サインアップ
・ログイン
・ログアウト
・ログイン必須のメインコンテンツ

ステップ9

Vue.js + Firebaseを使用して、リアルタイムチャットを構築します。

・リアルタイムチャット

ステップ10

Django REST Frameworkを使用してAPIを実装する方法を学習します。

フロントエンドはVue.js、バックエンドDjangoを使用します。

Webアプリケーションを構築する場合、この組み合わせがベストです。

・求人情報API
・求人情報詳細API

ステップ11

開発してDjangoアプリケーションをHerokuにデプロイします。

Herokuは無料なので、気軽にデプロイしたい場合に有効です。

・Herokuにデプロイ

ステップ12

VPSサーバーを構築して、Djangoアプリケーションをデプロイします。

本気でアプリケーションを運用したい場合に有効です。

VPSはVultrを使用しています。

・VPSにデプロイ

ステップ13

Dockerを使用して、DjangoとMySQLを動かします。

・Dockerインストール
・DjangoとMySQLを動作
・データベース操作

ステップ14

Django REST Framework と Next.js でシンプルなブログサイトを作成していきます。

バックエンドは Django REST Framework を使用して API サーバーを構築します。

フロントエンドは Next.js と TailwindCSS を使用します。

Django REST Framework と Next.js の使い方を学習していきましょう。

・Django REST Framework で API 構築方法
・Next.js でサイト構築方法
・Django REST Framework と Next.js の連携方法
・TailwindCSS の使い方

ステップ15

Django REST Framework + NextJS + Google認証システム構築

Django REST FrameworkとNextJSでGoogle認証システムを構築します。 next-authを使用してJWT認証していきます。

ステップ16

Django REST Framework + NextJS + Stripeサブスク有料会員サイト構築

Django REST FrameworkとNextJS、Stripeでサブスク有料会員サイトを構築していきます。 この方法が分かれば、どなたでも有料コンテンツを配信するシステムを構築することができます。 NextJSのの状態管理はReduxを使用します。

まとめ

チュートリアルは、ステップアップ形式となっています。

もし途中で分からなくなったら、ステップ1に戻り復習してみましょう。

各チュートリアルを実施したら、自分用の仕様に書き換えてオリジナルアプリケーションにしてみてください。

チュートリアルのフィードバックは、Twitter(@hathle)までお願いいたします。

どんどんDjangoチュートリアルを作成していきますので、楽しみにしていてください。

ではまた！！