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

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

» 2018年07月24日 05時00分 公開
[かわさきしんじInsider.NET編集部]
「Visual Studio Codeで始めるPythonプログラミング」のインデックス

連載「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の公式サイト

 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」の作成 仮想環境「myenv」の作成

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

[Python: インタープリターを選択]コマンドを実行
[Python: インタープリターを選択]コマンドを実行
作成した仮想環境を選択
作成した仮想環境を選択

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


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

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

Flaskのインストール

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

Flaskのインストール Flaskのインストール

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

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

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

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

       1|2|3 次のページへ

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。