Flask のおすすめの教材8選！ 【 2023年11月 最新版】

本コースは、PythonのWebアプリケーション専用フレームワークであるFlaskを用いて、Webアプリ作成に必要なスキルを習得することを目的としたコースになります。

Webアプリケーションフレームワークとは、Webアプリを作るための機能を提供し、比較的簡単にWebアプリを作ることができるものです。

Pythonには、DjangoやBottleなどいくつものWebアプリケーションフレームワークがありますが、このコースでは初心者でも理解しやすいFlaskを扱って行きます。Webアプリを初めて作成する方にも学びやすくなっています。

【このコースで扱うトピック】

このコースでは、会社のブログ管理用のWebアプリの開発を例に解説を進めていきます。しかし、人によって作成したいWebアプリは異なりますし、また流行のWebアプリも日々変化していきます。

このコースの基本的なコンセプトとして、これらの違いや変化にも柔軟に対応し他のWebアプリの作成にも応用できるよう、ビジネスに利用するWebアプリの作成においてポイントとなる箇所と対応方法をできるだけ幅広く解説しながら進めていきます。

このコースで扱うトピックは、これらのものになります。

1. HTML・CSS・Bootstrap 5でのデザイン方法

HTML・CSS・Bootstrap 5の基礎と、これらの技術を用いてWebアプリの見た目を整える方法を学びます。

2. Flaskの基本的な使い方

応用的なトピックに入る前にFlaskの基本的な使い方を学びます。

3. データベースの操作方法

ビジネスに利用するWebアプリでは、データを保存するのにデータベースは欠かせません。データの追加、変更、検索など、Flaskを通じてデータベースの操作方法を学んでいきます。

4. ユーザー認証機能の実装方法

ユーザー認証機能は、ビジネスに関連するWebアプリを作成する上で非常に重要な機能になります。このコースではログイン画面の作成を行い、そしてログインした後は、アプリの管理ユーザーが権限に応じて必要な操作ができる管理画面を作成していきます。

5. 大規模アプリケーションへの適用方法

Flaskは、軽量で高速に動作することから、小規模向けの簡単なWebアプリだけでなく、大規模なエンタープライズ アプリケーションの開発にも利用されています。例えば、NetflixやUberのWeb アプリにも利用されています。このコースでは、大規模アプに適した開発方法も学んでいく予定です。

6. クラウド上の環境にデプロイする方法

Flaskで開発したWebアプリを一般に公開できるよう、クラウド上の環境に公開し利用できる方法についても詳しく解説していきます。

このようにこのコースでは、これらのWebアプリの開発に欠かせないトピックをカバーすることにより、他のWebアプリ開発にも応用の利く技術を身に付けて頂けるようデザインされています。また知識が定着するようポイント、ポイントで演習も用意しております。

1. はじめに
2. Webアプリケーションの処理の流れ
3. このコースで学べるトピック
4. Pythonの基礎が学べるサイトへのリンク
5. ソースコード
6. 環境構築と使い方
7. このセクションで学べるトピック
8. Anacondaのインストール
9. 仮想環境の作成とライブラリのインストール
10. VS Codeと拡張機能のインストール
11. HTMLの開発環境準備
12. VS Codeの基本的な使い方
13. Udemyの使い方
14. HTMLの基本
15. このセクションで学べるトピック
16. HTMLとは
17. HTMLタグの種類１：h1～h6、p、ul、ol、li
18. HTMLタグの種類２：br、a、img、コメント
19. 演習①HTMLの基本【課題】
20. 演習①HTMLの基本【解答】
21. Form１：Formとは
22. Form２：Formの作成、Formの部品①
23. Form３：Formの部品②
24. 演習②Form【課題】
25. 演習②Form【解答】
26. div、spanタグ
27. CSSの基本
28. このセクションで学べるトピック
29. CSSとは
30. CSSの基本
31. class、id属性による指定
32. Bootstrap5の基本
33. このセクションで学べるトピック
34. Bootstrapとは
35. Bootstrapの基本的な使い方
36. Bootstrapでのレイアウト調整：色
37. Bootstrapでのレイアウト調整：テキストの配置
38. Bootstrapでのレイアウト調整：間隔
39. Bootstrapでのレイアウト調整：グリッドシステム
40. Bootstrapの部品：ボタン
41. Bootstrapの部品：カード
42. Bootstrapの部品：テーブル
43. Bootstrapの部品：ページネーション
44. Bootstrapの部品：モーダルウィンドウ
45. Bootstrapの部品：フォーム
46. 【演習】Bootstrap5によるユーザー認証ページの作成
47. はじめに
48. 演習①ベーステンプレート【課題】
49. 演習①ベーステンプレート【解答１】
50. 演習①ベーステンプレート【解答２】
51. 演習②ユーザー登録ページ【課題】
52. 演習②ユーザー登録ページ【解答】
53. 演習③ユーザー更新ページ【課題】
54. 演習③ユーザー更新ページ【解答】
55. 演習④ログインページ【課題】
56. 演習④ログインページ【解答】
57. 演習⑤ユーザー管理ページ【課題】
58. 演習⑤ユーザー管理ページ【解答】
59. Flaskの基本
60. このセクションで学べるトピック
61. Flaskの基本
62. ルーティング
63. 動的なルーティング
64. デバッグモード
65. 演習①Flaskの基本【課題】
66. 演習①Flaskの基本【解答】
67. 演習②動的なルーティング【課題】
68. 演習②動的なルーティング【解答】
69. Templateの基本
70. このセクションで学べるトピック
71. Templateの基本
72. Templateの継承
73. jinja2とは、変数の使い方
74. jinja2での制御フローの書き方
75. url_forの使い方
76. エラーページ
77. 演習①Templateの基本【課題】
78. 演習①Templateの基本【解答】
79. Formの基本
80. このセクションで学べるトピック
81. Formの基本１：Formクラスの追加
82. Formの基本２：View関数の追加
83. Formの基本３：base.htmlの編集
84. Formの基本４：register.htmlの編集
85. Formの基本５：user_maintenance.htmlの編集
86. Formの基本６：flask_wtfのセキュリティ機能
87. Formの入力チェック
88. Flashメッセージの表示
89. エラーメッセージ表示１：Formクラスの編集
90. エラーメッセージ表示２：マクロの作成
91. エラーメッセージ表示３：テンプレートの編集
92. エラーメッセージ表示４：マクロの詳細解説
93. Formの装飾：Bootstrapの利用
94. Flaskによるデータベース操作
95. このセクションで学べるトピック
96. リレーショナルデータベースの基本
97. Flask-SQLAlchemyとは
98. データベースの作成方法１：データベースの定義
99. データベースの作成方法２：テーブルの定義
100. データベースの作成方法３：データベース・テーブルの作成
101. テーブルへの基本操作
102. Flask-Migrateの使い方
103. リレーションシップ設定１：リレーションシップとは
104. リレーションシップ設定２：ブログ投稿モデル定義、外部キー設定
105. リレーションシップ設定３：外部キー制約有効化、リレーションシップ設定
106. リレーションシップ設定４：外部キー制約の動作確認
107. リレーションシップ設定５：リレーションシップの動作確認
108. 実践１：データベースの作成
109. 実践２：ユーザー登録の変更
110. 実践３：ユーザー管理の変更
111. 実践４：重複チェック
112. 実践５：ページネーション①view関数の編集
113. 実践５：ページネーション②現在のページのデータを表示
114. 実践５：ページネーション③「前へ」「次へ」の実装
115. 実践５：ページネーション④ベージ番号の実装
116. 実践５：ページネーション⑤動作確認
117. 実践６：更新用フォームの追加
118. 実践７：更新用view関数の追加
119. 実践８：更新用テンプレートの編集
120. 実践９：ユーザー管理ページの変更
121. 実践１０：入力チェックの追加
122. 実践１１：削除用view関数の追加
123. Flaskのユーザー認証機能
124. このセクションで学べるトピック
125. Flaskのユーザー認証機能
126. パスワードのセキュリティ対策１：werkzeugでのパスワードのハッシュ化
127. パスワードのセキュリティ対策１：パスワードをハッシュ化したユーザーの登録
128. Flask-Loginの機能
129. ログインページの実装
130. ログインマネージャーの設定
131. Userモデルの変更
132. ログイン用フォームの追加
133. ログイン用view関数の追加
134. ログイン用テンプレートの編集
135. ログインユーザーの表示
136. ユーザー登録時のパスワードのハッシュ化
137. ユーザー更新時のパスワードのハッシュ化
138. ログアウトの実装
139. 未ログインユーザーからの保護
140. 権限制御１：モデルの編集
141. 権限制御２：エラーページの追加
142. 権限制御３：ユーザー登録の制限設定
143. 権限制御４：ユーザー更新の制限設定
144. 権限制御５：ユーザー削除の制限設定
145. Flaskによる大規模アプリケーション
146. このセクションで学べるトピック
147. Blueprintとは
148. 変更後の構成の確認
149. フォルダ、ファイルの作成
150. 各ファイルのコードの移行１：models.py
151. 各ファイルのコードの移行２：__init__.py
152. 各ファイルのコードの移行３：forms.py
153. 各ファイルのコードの移行４：views.py
154. 各ファイルのコードの移行５：handlers.py
155. 各ファイルのコードの移行６：Blueprintの登録
156. コードの修正
157. 動作確認
158. 最終プロジェクト１：カテゴリ関連ページの作成
159. このセクションで学べるトピック
160. 完成イメージ
161. 基本設定
162. テーブルの完成形の確認
163. モデルの作成
164. カテゴリ管理ページ１：完成形の確認
165. カテゴリ管理ページ２：HTMLの作成
166. カテゴリ管理ページ３：フォームの追加
167. カテゴリ管理ページ４：view関数の追加
168. カテゴリ管理ページ５：テンプレートの編集
169. カテゴリ管理ページ６：動作確認
170. カテゴリ更新ページ１：完成形の確認
171. カテゴリ更新ページ２：HTMLの作成
172. カテゴリ更新ページ３：フォームの追加
173. カテゴリ更新ページ４：view関数の追加
174. カテゴリ更新ページ５：テンプレートの編集
175. カテゴリ更新ページ６：動作確認
176. 最終プロジェクト２：ブログ管理関連ページの作成
177. このセクションで学べるトピック
178. ブログ投稿ページ１：完成形の確認
179. ブログ投稿ページ２：HTMLの作成①
180. サイトの変更に伴うコードの変更点
181. ブログ投稿ページ２：HTMLの作成②
182. ブログ投稿ページ３：フォームの追加
183. ブログ投稿ページ４：image_handlerの追加
184. ブログ投稿ページ５：view関数の追加
185. ブログ投稿ページ６：テンプレートの編集
186. ブログ投稿ページ７：動作確認
187. ブログ管理ページ１：完成形の確認
188. ブログ管理ページ２：HTMLの作成
189. ブログ管理ページ３：view関数の追加
190. ブログ管理ページ４：テンプレートの編集
191. ブログ管理ページ５：動作確認
192. ブログ詳細ページ１：完成形の確認
193. ブログ詳細ページ２：HTMLの作成①
194. ブログ詳細ページ２：HTMLの作成②
195. ブログ詳細ページ３：view関数の追加
196. ブログ詳細ページ４：テンプレートの編集
197. ブログ詳細ページ５：動作確認
198. ブログ削除機能１：完成形の確認
199. ブログ削除機能２：view関数の追加
200. ブログ削除機能３：テンプレートの編集・動作確認

＊更新情報

2019/1/19 iOSアプリ化セクションのソースコードをセクションの最後に追加しました。

2019/1/7 CoreML対応フォーマットに変換し、iOSアプリ化するセクションを完成しました。

＊ただし、実機での実行・アプリ配布にはMacとApple Developerプログラム登録が必要です。

2018/3/22 Flaskでウェブアプリ化するセクションを追加しました。

2018/2/10 コマンドラインから画像ファイルを指定して推定を行うプログラムを作成するセクションを追加しました。

2017年1月にリリースしたTensorFlow入門・ニューラルネットワーク入門コースでは、およそ8,000名の受講生のみなさんが典型的な手書き文字認識問題を体験しました。

そして多くの受講生のみなさんから「AI分類器を自作して、ビジネスや趣味に活かしたい！」というリクエストを多数いただきました。

そうしたリクエストに応えるために、このコースは制作されました。

【コースの概要】

コース内では、

1. Pythonでオンラインでクローリングを行い、画像データを収集する

2. 収集したデータを同じサイズに加工して深層学習の前処理（準備）をする

3. 前処理をしたデータを用いて、ディープラーニングを実行し、モデルを作成する

4. モデルを使って、テストデータにより性能評価を行う

5. より精度を向上させるためのデータの改善を行う

6. 画像ファイルを与えて推定を行うプログラム（ウェブアプリ・iOSアプリ）を作成する

というチャレンジをしていきます。

また、このために必要なAnaconda, Python 3, TensorFlow, Keras, 画像処理ライブラリ, スクレイピング・クローリングライブラリなどの導入や設定についても詳細に解説します。

あなたが集めたデータを整理してプログラムを実行するとオリジナルの画像分類AIを作れるようになります。

この講座を受講したら、あなたはどんなAI分類器を作りますか？

1. はじめに
2. このコースの紹介
3. 学習の進め方
4. 環境構築（Python, Anaconda, TensorFlow CPU版のインストール）
5. Python 3のインストール（Anaconda最新版のインストール）
6. TensorFlowのインストール
7. 【オプション】TensorFlow GPU版のセットアップ（NVIDIA製GPU搭載マシン使用者のみ。非搭載の方はスキップしてください。）
8. CUDA 9.0のダウンロード
9. CUDA 9.0のインストール
10. cuDNN 7.0のダウンロード・インストール
11. TensorFlow 1.6.0 GPU版のインストール
12. 画像分類AI自作にチャレンジ
13. アプリの概要
14. データを集めよう
15. FlickrのAPIキーを取得しよう
16. Flickrapiパッケージをインストールしよう
17. コードからFlickrAPIにアクセスしてみよう
18. （オプション）AtomのPython関連プラグインの追加
19. データをダウンロードして保存しよう
20. 不要なデータを削除しよう
21. 画像データをNumPy配列形式に変換しよう
22. 生成した配列データをチェックしよう
23. データを交差検証用に分割しよう
24. トレーニングを実行するコードを作成しよう
25. モデルを定義しよう
26. トレーニングの関数を完成させよう
27. テストを行う関数を完成させよう
28. NumPyのバージョンアップによる変更の影響がある場合の注意
29. TensorFlow 2.3.0, Keras 2.4.3環境で動作させるための改変箇所
30. 学習とテストを実行しよう
31. コードの最適化とセクションのまとめ
32. セクションのソースコード
33. 課題：　オリジナルの分類器を作ろう
34. データの工夫による精度向上にチャレンジしてみよう
35. このセクションの概要
36. データを増量しよう
37. 増幅したデータで学習してみよう
38. データを増幅するコードの修正
39. 課題：　データの増幅
40. データの増幅サンプルコード
41. サンプルコード（増幅・トレーニング）
42. 推定プログラムを作成しよう
43. このセクションの概要
44. モデルを定義・ロードする関数を定義しよう
45. 推定処理を追加して、推定を実行してみよう
46. 課題：推定プログラムの作成
47. サンプルコード
48. FlaskでWebアプリ化しよう！
49. このセクションの概要
50. Flaskのインストール
51. FlaskでHello World! を表示してみよう！
52. ファイルをアップロードするコードを書こう（1/2）
53. ファイルをアップロードするコードを書こう（2/2）
54. ファイルアップロードのソースコード
55. ファイルアップロード時のエラー処理について
56. ファイルをアップロードしてみよう
57. ソースコード
58. （注意）Flaskのバージョンアップに伴う起動コマンドの変更
59. 画像の識別を実行してみよう
60. Kerasで生成したモデルを変換してiOSアプリを作ろう
61. セクションの概要
62. 仮想環境の追加とTensorFlow/Kerasのインストール、学習の実行
63. (macOS 10.13) モデルファイルの変換の実行
64. (macOS 10.15 Catalina) CoreML Toolsのインストールと変換の実行
65. （macOS 10.15）bashでのAnacondaの環境変数の設定方法
66. Xcode上でプロジェクトを追加しよう
67. UIパーツを追加しよう
68. IBOutletとIBActionを関連づけよう
69. カメラアクセスを許可する設定をしよう
70. カメラを起動するコードを追加しよう
71. ビルドして実機で実行してみよう
72. モデルを読み込んで推論を実行してみよう
73. このセクションのプロジェクトのソースコード
74. ボーナスセクション
75. GPU搭載のおすすめPCや、グラフィックスボード情報
76. AI・ディープラーニングのおすすめコース

「システム開発をしているが、システムがどんな仕組みで動いているか分からない」という方は意外と多いです。

あなたは以下の質問に答えられますか？

• Webアプリはどのように画面を表示しているのか？

• ログイン機能の認証機能はどのように本人を判定しているのか？

• パスワードのハッシュ化とは何か？何のために必要か？

このコースを受講すれば分かるようになります！

本コースは

• Webアプリを初めて作ってみたい！

• しっかりと設計を理解して、開発に取り組みたい！

という人のためのコースです。

本講義は開発の本質的な知識を理解するために、

要件・設計を理解しながらWebアプリの開発をステップバイステップで実施していきます。

（より早くWebアプリが実装できるpython+Flaskを利用したWeb開発を実施します。）

本コースは以下のような受講者の理解を深める工夫をしています。

• 前提となる基礎知識を講義、実装の順番で習得

• 開発するアプリの全体像をご説明

• 各機能の実装前に要件・設計の内容をご説明

• 講義の後に実装することで理解が深まる

Web開発の要件・設計を理解し、

知識を習得しながら学習を進めたい方に受講頂きたい内容です。

1. はじめに
2. コース紹介
3. コースの目的と講師の自己紹介
4. 受講前の注意事項
5. 本コースの全体像
6. 本講義で扱うコマンドやプログラムについて(GitHub)
7. 本コースのGitHubのリポジトリのリンク
8. 【基礎】Webサーバを構築しよう！
9. Webアプリはどのように動作する？
10. Webアプリケーションフレームワーク
11. 環境構築_python
12. 環境構築_flask
13. 環境構築_vscode
14. HelloWorld_講義
15. HelloWorld_プログラム作成
16. HellowWorld_実行方法_講義
17. HellowWorld_実行方法_実施
18. ルーティング_講義
19. ルーティング_実装
20. ルーティング変数_講義
21. ルーティング変数_実装
22. 画面(HTML)テンプレート_講義
23. 画面(HTML)テンプレート_実装
24. 画面内条件分岐_講義
25. 画面内条件分岐_実装
26. 【開発】TOP画面を作ろう！
27. アプリの完成イメージ
28. top画面の要件
29. top画面の設計と開発
30. top画面の実装_html部分
31. top画面の実装_python
32. top画面の実装_html改良
33. 本セクションのまとめ
34. 【開発】DBの基礎を学ぼう！
35. DBとは
36. DB環境構築_SQLiteインストール
37. DBの作成
38. createtable
39. 間違えて作成したテーブルのDrop
40. insert
41. select
42. update
43. delete
44. トランザクション
45. top画面_DBを利用した設計と開発
46. top画面_DBを利用した実装
47. 【開発】新規登録画面／機能を作ろう！
48. 新規登録画面_要件と設計
49. 新規登録画面_実装①_top画面の修正
50. 新規登録画面_実装①_python
51. 新規登録画面_実装①_新規登録画面
52. 新規登録画面_実装②
53. 【開発】編集画面／機能を作ろう！
54. 編集画面_要件と設計
55. 編集画面_実装①_top画面の修正
56. 編集画面_実装①_pythonの修正
57. 編集画面_実装①_新規画面の作成
58. 編集画面_実装②
59. 【開発】削除画面／機能を作ろう！
60. 削除画面の要件と設計
61. 削除画面の実装①_top画面の修正
62. 削除画面の実装①_python
63. 削除画面の実装①_削除画面
64. 削除画面の実装②_python
65. 【開発】ログイン画面／機能を作ろう！①（DBなしで仕組みを作る）
66. ログイン機能(DBなし)_要件と設計
67. 環境構築_flask-login
68. ログイン画面_実装①_画面
69. ログイン機能_実装①_python設定
70. ログイン機能_実装①ルーティング追加_python
71. ログイン機能_実装①ログイン状態チェック
72. ログイン機能_実装②_python
73. ログイン機能_実装②_ログアウト機能
74. 【開発】ログイン画面／機能を作ろう！②（DB利用）
75. ログイン機能(DB活用)の要件
76. 知識強化_ログイン機能とハッシュ値
77. ログイン機能(DB活用)の設計
78. ユーザーテーブル作成
79. サインアップ画面の作成
80. ユーザ登録機能の作成_python
81. 実行確認①
82. DBエラーの対策
83. DBを利用したログイン機能の実装_python
84. 実行確認②とまとめ
85. ボーナスレクチャー
86. ボーナスレクチャー

この講座は実際に手を動かしながら人工知能による画像認識Webアプリケーションを作っていくハンズオンチュートリアルです。

環境構築（Miniconda/VSCode)から始めてWebアプリ(Python/Flask/JINJIA2/HTML/CSS/JQuery/JS/BootStrap)や画像認識用人工知能を作っていく(JupyterNotebook/pytorch/ViT/torchvision/pillow)経験を通して、お手元に最先端の人工知能Webアプリケーションが実際に手に入るようにコース設計されています。このWebアプリを作れるスキルをベースに日本発の人工知能サービスをローンチ、というのも夢ではないくらい実践的な高性能人工知能アプリのプロトタイプを作れるようになります。

人工知能（Artificial Intelligence)の中でも特に深層学習(Deep Learning)による画像認識は日進月歩の発展を遂げてきています。2012年にILSVRCという画像認識の国際コンペティションで２位以下を圧倒的に引き離して優勝したCNN（畳み込みニューラルネットワーク）の名声は高く、2020年までは、CNNを100層以上も積み重ねて訓練を行うモデルが最適とされてきました。

しかし2021年現在、ICLR2021という国際会議に投稿された論文「AN IMAGE IS WORTH 16 x 16 WORDS: TRANSFORMERS FOR IMAGE RECOGNITION AT SCALE」では、自然言語処理界隈を震撼させた高精度の事前学習モデルBERTの元となったtransformerのみでCNNの画像認識精度を超えるSOTA（State Of The Art）を達成したことが報告されています。

今後、デファクトスタンダードになっていくであろうViT(Vision Transformer)を使った人工知能Webアプリを実装するには、よほど凄腕のプログラマーでないと難しいのでは？と思う人も多いと思いますが、実は意外と簡単です。

昨今のPythonやJQueryを始めとしたオープソースのライブラリを用いることで、なんと2.0hで、ViT画像認識Webアプリを実装することが可能です。それも、環境構築も含めて。

現役バリバリの機械学習系Webエンジニアがナビゲートしますので、疑問点はどんどん質問してください。

ようこそ、Web開発の世界へ、そしてようこそ、ViTの世界へ。

---

Step.1 開発環境構築（Miniconda/VSCode）

Step.2 Flask(jinja2)基礎知識

Step.3 JQuery/HTML画像アップローダー

Step.4 Jupyter Notebookで学ぶtorchvision/pillow画像前処理/ViT(VisionTransformer)

Step.5 Flask/Jinjia2から呼び出すViT(VisionTransformer)

Step.6 BootStrap/CSSによるUI改善

Step.7 FileAPIで仕上げ

---

1. 講座紹介
2. 講座紹介
3. Step1 環境構築
4. Step01_01 環境選定
5. Step01_02 Miniconda環境構築(MAC編)
6. Step01_02_B Miniconda環境構築(Windows編)
7. Step2 Flask
8. Step02_01 Flask基礎知識
9. Step02_02 FlaskとJinja2
10. Step3 ファイルアップロード
11. Step03_01 JQuery
12. Step03_02 ファイルアップロード実装
13. Step03_03 安全なファイル名
14. Step03_04 アップロードファイルの表示
15. Step03_05 jinja2のif文でimgタグ出力制御
16. Step4 JupyterNotebookからViT(Visiion Transformer)
17. Step04_01 画像認識処理開始画面からの実行準備
18. Step04_02 VSCode JupyterNotebook plugin
19. Step04_03 Pillowとtorchvisionで画像前処理
20. Step04_04 ViT(VisionTransformer)の実装
21. Step５ WebアプリからViT(Vision Transformer)
22. Step05 ViT(VisionTransformer) Webアプリ初版完成
23. Step6 BootstrapとCSS
24. Step06_01 ボタンをbootstrapで綺麗にしよう。
25. Step06_02 画像表示領域のサイズ固定
26. Step7 FileAPI
27. Step07 仕上げ

【この講座について】

　Pythonの基本的な使い方、Flaskのウェブアプリケーション開発の基本的な技術、Flaskの機能の有効活用方法、サーバサイドウェブフレームワークで利用されるMVTモデル、サーバサイドのセキュリティ、テーブル設計、SNSサンプルアプリケーション開発を通じた実践的なアプリケーション開発など、PythonのWebエンジニア必修のスキルが身につきます！！

【Flaskについて】

　Flaskは、マイクロフレームワークと呼ばれており、シンプルで柔軟性の高いWebアプリケーションを作成できます。

• ウェブアプリケーション作成のための必要最小限の機能を搭載している軽量なフレームワークです。Flaskを学習することで、ウェブフレームワークのアーキテクチャをより意識して理解することができ、Django、Rails、Laravel等の他のフレームワークの実装にも活かすことができます。

• 自由に実装できることが特徴で、実装方法はユーザに依存しているため、Pythonのコーディングの理解にも役立てることができます。

• PythonのWebフレームワークは、DjangoとFlaskの２つが代表でPythonのサーバサイドエンジニアになるにはFlaskの理解が必須です。また、DjangoとFlaskは一部機能を共有しており、実装は似ているため、Djangoを学習する際の理解にも役立ちます。

• Flaskは2020年時点で、Pythonのウェブアプリケーションの中で最も多くのスターをgithub上で獲得している最も人気の高いWebフレームワークです

• PinterestやLinkelnでも利用されており、大規模なアプリケーション開発もできます

【この講座の内容】

　以下の流れに沿って開発し、実践的なFlaskアプリケーションの開発知識を身につけます

1. Flask開発の環境構築

2. Python初心者の方向けの基本文法講座

3. Flaskの基本講座（ルーティング、モデル、ビュー、テンプレート）

4. Flaskの本格的なアプリケーション開発講座（Blueprint、ログイン、Ajax）

5. 実践的なSNSアプリケーション開発

6. Flaskでの設定ファイルの読込みとログ出力の方法

7. Flaskでの単体テスト

8. アプリケーションのデプロイ

9. クレジットカード決済機能の実装方法の概要

【まとめ】

　この講座を通して、以下のことを身に着けて頂きます。

• Pythonの基本的な文法

• Flaskを用いたアプリケーションの開発ができるようになること

• Webフレームワークのアーキテクチャについて基本的な内容

• 実線を通したアプリケーション開発の流れと、テーブル設計、セキュリティ

• ログ出力や単体テストなどの実際に業務で必要となる機能の実装方法

• クレジットカード決済やデプロイの方法

私自身、Flaskの実務経験があり、他のどの講座よりもFlaskについて詳しく解説したいと思いますので、よろしくお願いいたします。

1. はじめに
2. はじめに
3. Flaskの開発構築
4. このセクションで実施すること
5. Minicondaのインストール～Windows～
6. VSCodeの環境構築～Windows～
7. Minicondaのインストール～Mac～
8. VSCodeの環境構築～Mac～
9. 補足
10. 補足: Anacondaのインストール～Windows編～
11. 補足: Anacondaのインストール～Mac編～
12. Python基本文法講座
13. このセクションで勉強すること
14. Pythonファイルの実行とデバッグ～Windows～
15. Pythonファイルの実行とデバッグ～Mac～
16. 標準入出力、コメント文、変数～基本講座１～
17. 定数について
18. 論理型、AND、OR
19. 整数型、浮動小数点数型、数値演算、ビット演算、シフト演算～基本講座１～
20. 整数型、浮動小数点数型、数値演算、ビット演算、シフト演算２
21. 数値（２進数、８進数、１６進数）～基本講座１～
22. 複素数
23. 文字列１
24. 文字列２
25. 文字列３
26. 数値・文字列変換
27. リスト１
28. リスト２
29. リスト３
30. 辞書１
31. 辞書２
32. タプル
33. セット１
34. セット２
35. 演習問題１
36. if文１
37. if文２
38. all, any文
39. ループ１
40. ループ２
41. ループ３
42. セイウチ演算子
43. 演習問題２
44. 例外処理１
45. 例外処理２
46. 例外処理３
47. 関数１
48. 関数２
49. グローバル変数
50. 関数内関数
51. ジェネレータ関数
52. ジェネレータ関数２
53. サブジェネレータ関数
54. ジェネレータ関数の使い道
55. 演習問題３
56. 高階関数
57. lambda式
58. 再帰
59. リスト内包表記
60. リスト内包表記２
61. デコレータ関数
62. Map関数
63. クラス定義
64. クラス変数、インスタンス変数
65. コンストラクタ
66. インスタンスメソッド、クラスメソッド
67. 特殊メソッド
68. 特殊メソッド２
69. 演習問題４
70. クラスの継承
71. クラスの継承2
72. クラスの多重継承
73. メタクラス
74. ポリモフィズム
75. プライベート変数
76. カプセル化、setter、getterその１
77. カプセル化、setter、getterその２
78. 演習問題５
79. ファイル入力
80. ファイル出力
81. with
82. Python 3.9, 3.10, 3.11 新機能
83. Python3.9新機能の説明
84. Python3.9新機能１〜辞書型の連結〜
85. Python3.9新機能２〜removeprefix, removesuffix, math.gcd, math.lcm〜
86. Python3.9新機能３〜タイプのチェック〜
87. Python3.10新機能の説明
88. Python3.10新機能1〜パターンマッチング〜
89. Python3.10新機能2〜複数のタイプチェック〜
90. Python3.11新機能の説明
91. Python3.11新機能１〜ExceptioinGroup1〜
92. Python3.11新機能１〜ExceptioinGroup2〜
93. Python3.11新機能１〜ExceptioinGroup3〜
94. Python3.11新機能２〜Self Type Hinting〜
95. Python3.11新機能３〜LiteralString〜
96. Flask基本講座１～ルーティング～
97. このセクションで勉強すること
98. ルーティングの基礎
99. 動的なルーティング
100. デバッグのやり方
101. 演習問題
102. 演習問題～解説～
103. Flask基本講座１～Template～
104. このセクションで勉強すること
105. htmlファイルを表示する
106. Jinjaとは何か？HTMLに変数を入れる
107. Jinjaでの制御文、ループ文
108. Jinja用のVScodeの拡張機能の追加
109. Templateの継承
110. Templateフィルター１
111. Templateフィルター２
112. Templateフィルター３
113. Templateの画面遷移
114. リダイレクト、エラーハンドラー
115. 演習問題～簡単なホームページを作ろう～
116. 演習問題～コーディング１～
117. 演習問題～コーディング２～
118. 演習問題～解説～
119. Flask基本講座１～Form～
120. このセクションで勉強すること
121. 基本的なフォームの使い方～その１～
122. 基本的なフォームの使い方～その２～
123. ファイルのアップロード～その１～
124. ファイルのアップロード～その２～
125. フォームの応用～wtformその１～
126. フォームの応用～wtformその２～
127. フォームの応用～wtformその３～
128. フォームの応用、テンプレートの関数インポート、セッション基礎～その１～
129. フォームの応用、テンプレートの関数インポート、セッション基礎～その２～
130. フォームのレイアウト変更
131. フォームのバリデーション～その１～
132. フォームのバリデーション～その２～
133. Flask基本講座１～Model～
134. このセクションで勉強すること
135. Modelとマイグレートについて
136. Modelからのテーブル作成・データ挿入
137. マイグレーションでのテーブル作成
138. Modelからテーブルのカラムに制約・インデックスの追加
139. Modelからテーブルのカラムに制約・インデックスの追加~その２~
140. SQLAlchemyの基本操作
141. 外部キーを用いたModelの紐づけ
142. 外部キーを用いたModelの紐づけ～その２～
143. 外部キーを用いたModelの紐づけ～その３～
144. FormとModelを用いたDBへのデータの保存
145. FormとModelを用いたDBへのデータの保存～その２～
146. FormとModelを用いたDBへのデータの保存～その３～
147. Flask基本講座２～Blueprint, ログイン, Ajax～
148. このセクションで勉強すること
149. BluePrintの利用方法について
150. パスワードの暗号化について
151. ログイン、ユーザ登録画面の作成～その１～
152. ログイン、ユーザ登録画面の作成～その２～
153. ログイン、ユーザ登録画面の作成～その３～
154. ログイン、ユーザ登録画面の作成～その４～
155. ログイン、ユーザ登録画面の作成～その５～
156. ログイン、ユーザ登録画面の作成～その６～
157. AJAXを実装する
158. 本格アプリ開発～FlaskでSNSを作成する～
159. 作成するアプリケーションの説明
160. ライブラリのpip install
161. ログイン画面の作成～その１～
162. ログイン画面の作成～その２～
163. ログイン画面の作成～その３～
164. ログイン画面の作成～その４～
165. ログイン画面の作成～その５～
166. ログイン画面の作成～その６～
167. ログイン画面の作成～その７～
168. パスワード再設定処理の作成～その１～
169. パスワード再設定処理の作成～その２～
170. ユーザ情報編集画面～その１～
171. ユーザ情報編集画面～その２～
172. ユーザ情報編集画面～その３～
173. ユーザ情報編集画面～その４～
174. デザイン修正、ソース微修正、エラー画面作成
175. ユーザ検索画面の作成～その１～
176. ユーザ検索画面の作成～その２～
177. ユーザ検索画面の作成～その３～
178. 友達申請機能の作成～その１～
179. 友達申請機能の作成～その２～
180. 友達申請機能の作成～その３～
181. 友達申請機能の作成～その４～
182. 友達申請機能の作成～その５～
183. メッセージ送信画面の作成～その１～
184. メッセージ送信画面の作成～その２～
185. メッセージ送信画面の作成～その３～
186. メッセージ送信画面の作成～その４～
187. メッセージ送信画面の作成～その５～
188. メッセージ送信画面の作成～その６～
189. メッセージ送信画面の作成～その７～
190. メッセージ送信画面の作成～その８～
191. メッセージ画面のカスタマイズ～リンク、改行～
192. メッセージ画面のカスタマイズ～ユーザ情報の表示～
193. メッセージに既読をつける
194. メッセージ画面をレスポンシブデザインに変更
195. Ajaxでメッセージを取得する～その１～
196. Ajaxでメッセージを取得する～その２～
197. Ajaxでメッセージを取得する～その３～
198. Ajaxで既読をつける～その１～
199. Ajaxで既読をつける～その２～
200. 性能について考える～その１～