PythonFlaskによるWebアプリ開発入門①書籍紹介、環境整備

Webアプリ開発を進めたい

既に別で書いたように、自然農法を大規模化するために、業務アプリを開発し、スキルや知識、多様な栽培作物の効率的な管理をしたいと思います。

Python+JSONのwebアプリ開発

AWS+Pythonでサーバレスアプリ開発

そこでJSONの学習と、サーバレスアプリの学習でそれぞれ使用したFlaskというWebアプリ開発フレームワークについて、しっかり勉強する必要があると判断しましたので、ここで重点を置いて学習していきたいと思います。

今回の参考図書

今回は下のような書籍でwebアプリ開発を練習していきたいと思います。

書店へ行ってFlaskに関する本を検討した結果、この本を購入しました。もっといいものがあるかもしれませんし、人によってわかりやすい本は違うと思いますので、ぜひ書店にて最も相性のいい書籍をご検討ください。

環境の構築

本書は第0部でWebアプリ開発を行うための環境整備を行います。私は手元のChromebookに仮想Linux環境を構築し、本書が進めるようにVScodeを使ってコードを写しながら勉強していきたいと思います。
持ち運びやすくタッチパネルで操作できるため、簡単なプログラムの練習にはよくChromebookを使っています（もう5年くらい前のマシンです）。

①仮想環境(venv)にFlaskをインストール

②VScodeのインストール

下記のサイトでLinux向けの.debファイルをダウンロードします。

インストーラをLinux仮想環境に移して、以下のコマンドでインストールしました。

sudo apt install <ダウンロードしたファイルのパス.deb>

③VScodeにPythonなどをインストール

拡張機能でPythonを検索します。

なおテキストではライブラリとしてコードチェッカーとフォーマッターをpipでインストールして、そのままVScodeの設定に反映していきますが、最新のVScodeではPyhton拡張機能と同じように「flake8」、「black」、「isort」、「mypy」をインストールするように変わっています。

flake8（コードチェッカー）のインストール

拡張機能でflake8を検索します。

black（フォーマッター）のインストール

拡張機能でblackを検索します。

isort（フォーマッター）のインストール

拡張機能でisortを検索します。

mypy（コードチェッカー）のインストール

拡張機能でmypyを検索します。

テキストでそれぞれのコードチェッカー・フォーマッターを有効にする設定をしていますが、インストールしたことでそれぞれが自動的にEnableになっていますので、
「Pylintを無効にする」と「1行の最大文字数を変更にする」、「blackを設定する」、「ファイル保存時にisortが自動で実行されるように設定する」、「mypyの設定」をするだけでOKでした。

Pylintを無効にする

歯車マークからsetting→workplaceに変更してから「Pylint:Enabled」を検索して、チェックを外して無効にします。

1行の最大文字数を変更にする

歯車マークからsetting→workplaceに変更してから「Flake8Flake8:Args」を検索して、Add itemをクリックして、--max-line-length=88を入力してEnterを押します。

blackを設定する

歯車マークからsetting→workplaceに変更してから「Formatting:Provider」を検索して、プルダウンリストでBlack Formatterに変更します。

ファイル保存時にisortが自動で実行されるように設定する

歯車マークからsetting→workplaceに変更してから「Editor:Code Action On Save」を検索して、Edit in settings.jsonをクリックします。

下図のように"source.organizeImports":trueを入力します。

④.gitignoreを作成

テキストで紹介されている方法はcurlコマンドを使う方法だったのですが、私はなぜか.gitignoreが空のままだったので、以下のURLにアクセスして表示されたテキストを.gitignoreにコピー＆ペーストして作成しました。

http://www.gitignore.io/api/python,flask,vscode

次回は第1部を見ていきます

さて次回からは実際にFlaskを使ったWebアプリの作成を練習していければと思います。お読みいただきありがとうございました。