VS CodeとFlaskによるWebアプリ開発「最初の一歩」：Visual Studio Codeで始めるPythonプログラミング（1/3 ページ）

VS CodeとFlaskを組み合わせて、簡単なWebアプリを作りながら、ルーティング、テンプレートなどの基本を解説する。

[かわさきしんじ，Insider.NET編集部]

連載「Visual Studio Codeで始めるPythonプログラミング」

　FlaskはPythonでWebアプリを開発するための「マイクロ」フレームワークだ。今回から数回に分け、Visual Studio Code（以下、VS Code）とこのFlaskを利用して、Webアプリを開発するための基本を見ていこう。なお、本稿ではWindows版のVS CodeとPython 3.6.5を使用する（macOSでも動作を確認した）。

Flaskとは

　FlaskはWebアプリを開発するための「マイクロ」フレームワークだ。ここで「マイクロ」とは単なる「小規模なフレームワーク」ではなく、「コア機能はシンプル」で「拡張性がある」ことを意味している。例えば、Flaskではデータベースアクセス機能やフォームの検証機能、ユーザー認証機能などは、コアな機能にはなく、拡張機能（extension）として提供されている。言い換えると、これは「開発者に多くの選択肢が残されている」ということであり、「どこに何を使用するか」を開発者が既存の拡張機能から自由に選べる（あるいは、自分で作成する）ことを意味している。

Flaskの公式サイト

　Flaskの特徴（コア機能）としては、次のようなことが挙げられる。

• RESTfulなルーティング
• Jinja2テンプレートエンジン
• WSGI 1.0*1に準拠
• 組み込みの開発用サーバを提供

*1　Web Server Gateway Interface。Pythonで記述されたWebアプリフレームワークとPythonで記述されたWebアプリとを接続するためのインタフェースを仕様としてまとめたもの。本連載では表だって取り上げることはない。

環境のセットアップ

　本稿ではWindows版のVS Codeを利用して、以下の手順で開発環境をセットアップし、実際のコードを記述してみよう。

1. venvによる仮想環境の作成
2. Flaskのインストール
3. コードの記述
4. デバッグ実行

venvによる仮想環境の作成

　venvによる仮想環境の作成は、WindowsであればVS Codeの統合ターミナルから「py -m venv <仮想環境名>」コマンドを実行するだけだ（Linux／macOSでは「python3 -m venv <仮想環境名>」コマンド。Python処理系の名前は「python3」ではなく、「python」かもしれないが、そこは読者の環境次第だ）。ここでは、VS Codeで適当なフォルダ（ここでは「vscpython_06」フォルダ）を開き、その下に仮想環境「myenv」を作成している。

仮想環境「myenv」の作成

　仮想環境を作成したら、コマンドパレットで「interpreter」などと入力して［Python: インタープリターを選択］コマンドを実行して、今作成した仮想環境を選択しておく（これにより、ワークスペース設定のpython.pythonPath項目の値が、作成した仮想環境に含まれるpythonコマンドに設定される）。

［Python: インタープリターを選択］コマンドを実行

▼

作成した仮想環境を選択

このフォルダ（ワークスペース）で使用するPython環境の選択

　この後は、必要に応じてpylintのインストールなどをしておこう。このとき、仮想環境にパスが通ったターミナルを開くには、コマンドパレットの［Python: Create Terminal］コマンドを実行することを忘れないように。このコマンドを使えば、選択した仮想環境が最初から有効化された状態でターミナルを使用できる。

［Python: Create Terminal］コマンドで開いたターミナルでpylintをインストールしているところ

Flaskのインストール

　Flaskをインストールするには「pip install flask」コマンドを実行するだけだ（上述した通り、コマンドパレットで［Python: Create Terminal］コマンドを実行して開いたターミナルを使おう）。

Flaskのインストール

　上の画像では、Flaskのインストール前に「pip freeze」コマンドを実行して、仮想環境にインストール済みのパッケージを一覧している。以下はインストール後の同コマンドの実行結果だ。

Flaskインストール後の「pip freeze」コマンドの実行結果

　Flaskに加えて、これが依存しているテンプレートエンジンの「Jinja2」やWSGIライブラリの「Werkzeug」、Flaskのコマンドラインインタフェースとなる「click」などもインストールされていることが分かる。

　Flaskのインストールが完了したので、次ページでは簡単なFlaskアプリのコード例を見ながら、ルーティングやデバッグ方法について見ていこう。