Visual StudioでPythonのFlask Webアプリケーションを作成する

Visual StudioでPythonのFlask Webアプリケーションを作成する手順を紹介します。

事前準備

Visual StudioにPythonの開発環境をインストールします。

Visual Studioを起動し、メインウィンドウの[ツール]メニューの[ツールと機能を取得]の項目をクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像1

Visual Studio Installerが起動します。下図の画面が表示されますので、ウィンドウ上部の[個別のコンポーネント]のタブをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像2

個別のコンポーネントの一覧が表示されます。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像3

下にスクロールし、[開発作業]の項目の[Python 言語サポート] [Python 言語サービス] [Python Web サポート] にチェックがついているか 確認します。チェックが無ければ、チェックボックスをクリックしてチェックをつけます。
チェック後ウィンドウ右下の[変更]ボタンをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像4

インストールが始まります。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像5

Visual StudioでPythonのFlask Webアプリケーションを作成する:画像6 Visual StudioでPythonのFlask Webアプリケーションを作成する:画像7

インストールが完了すると下図の画面になります。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像8

手順

プロジェクトの作成

プロジェクトまたは、ソリューションを作成します。今回は空のソリューションを作成しています。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像9

ソリューションエクスプローラーでソリューションのノードをクリックして選択し、右クリックします。 ポップアップメニューの[追加]サブメニューの[新しいプロジェクト]の項目をクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像10

[新しいプロジェクトを追加]ダイアログが表示されます。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像11

Pythonの言語でフィルタし、[Blank Flask Web プロジェクト]のテンプレートを選択します。 選択後[次へ]ボタンをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像12

プロジェクト名を設定します。設定後、ダイアログ右下の[作成]ボタンをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像13

プロジェクトが作成できました。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像14

仮想環境の作成

このプロジェクトのプログラムを実行する Python の仮想環境を作成します。
プロジェクト作成後の上部に表示されているメッセージバーの[仮想環境の作成]リンクをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像15

バーが表示されない場合は、ソリューションエクスプローラーでプロジェクトのノードを展開し、[Python 環境]のノードをクリックして 選択して右クリックします。ポップアップメニューの[環境を追加...]の項目をクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像16

[環境を追加]ダイアログが表示されます。今回はデフォルトのままの設定とします。 ダイアログ右下の[作成]ボタンをクリックします。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像17


仮想環境が作成され、requirements.txtに記述されているパッケージライブラリがダウンロードされます。Flaskのライブラリもダウンロードされ、 仮想環境に配置されます。
Visual StudioでPythonのFlask Webアプリケーションを作成する:画像18

プロジェクトの実行

Visual Studio上部の再生アイコンのボタン ([Web サーバー]) をクリックします。プロジェクトが実行され、Webサーバーが起動しその後、 Webブラウザが表示され、下図のページが表示されます。
"Hello Wprld!"が表示されたページが表示できました。

Visual StudioでPythonのFlask Webアプリケーションを作成する:画像19

Visual Studio でFlaskアプリケーションを作成して実行できました。

AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2024-12-27
Copyright © 1995–2025 iPentec all rights reserverd.