Windows10 で Flask の開発をするための開発環境構築の手順を紹介する。
使用するものは以下の通り
-
-
- Windows10(日本語)のパソコン1台
- python本体
- JetBrains社製IDE PyCharm Community
-
Windows10のPCはセットアップ済みという前提で進める。
目次
ソフトウェアのダウンロード
python本体のダウンロード
-
-
- pythonのWebページ(https://www.python.org/downloads/)にアクセスする。
- 最新版のDownloadをクリックする。
-
-
-
- Windows installer (64-bit)をクリックしてダウンロードする。
-
JetBrains社製IDE PyCharm Communityのダウンロード
-
-
- JetBrainsのWebページ(https://www.jetbrains.com/ja-jp/pycharm/download/#section=windows)にアクセスする。
- Communityのダウンロードをクリックしてダウンロードする。
-
ソフトウェアのインストール
pythonのインストール
-
-
- ダウンロードした「python-3.9.4-amd64.exe」を実行する。
- 以下画像にある「★★ここに書いてあるパスを何かにメモする。」を行う。
-
-
-
- Install Nowをクリックする。
- セキュリティ警告が表示される場合は許可する。
- Setup was successfulと表示されたらCloseで閉じる
-
JetBrains社製IDE PyCharm Communityのインストール
-
-
- ダウンロードした「pycharm-community-2021.1.exe」を実行する。
- セキュリティ警告が表示される場合は許可する。
- Nextで次へ
-
-
-
- Nextで次へ
-
-
-
- Nextで次へ
-
-
-
- Install
-
-
-
- Run PyCharm Community Editionにチェックを入れ、Fisishiをクリックする。
-
-
-
- I confirm that I have read and accept the terms of this User Agreementにチェックを入れ、Continueをクリックする。
-
-
-
- Do not imports settingsを選択し、OKをクリックする。
-
Flask開発を行う
-
-
- PyCharm Communityを起動する。(手順通りなら起動しているはず)
- New Projectをクリックする。
-
-
-
- Locationにプログラムができるので、分かり安いところを指定する。(日本語は使わないこと。全角文字も使わないこと。)
Base interpreterには、pythonインストール時にメモしたパス+python.exeが入っているはずだが、入っていなかったら修正すること。
- Locationにプログラムができるので、分かり安いところを指定する。(日本語は使わないこと。全角文字も使わないこと。)
-
-
-
- Tip of the Dayが表示されたらCloseで終了させる。
- 以下の様な画面が表示される。
-
-
-
- 左上メニューの「File -> Settings」をクリックする。
-
-
-
- 左側の「Plugins」をクリックし、上にある検索欄で「japanese」と入力する。
Japanese Language Pack / 日本語言語パック が表示されるので、Installをクリックする。
- 左側の「Plugins」をクリックし、上にある検索欄で「japanese」と入力する。
-
-
-
- InstallがRestart IDEに変わるので、Restart IDEをクリックする。
- InstallがRestart IDEに変わるので、Restart IDEをクリックする。
-
-
-
- Restart PyCharm to apply changes in plugins?が表示されるので、Restartをクリックする。
-
-
-
- Code With Meの表示が邪魔な場合は「了解」をクリックして消す。
- 左側に表示されている「main.py」を左クリックしてから、Deleteボタンを押す。
- ファイル"main.py"を削除しますか?と表示されるので、OKをクリックする。
-
-
-
- 人によって名前が違うと思うが、プロジェクトウィンドウのフォルダ名部分を右クリックし、表示されたメニューの「新規 -> pythonファイル」をクリックする。
-
-
-
- 新規Pythonファイルウィンドウが表示されるので、名前部分に「app」と入力し、Enterを押す。
-
-
-
- app.pyが作成され、表示される。
-
-
-
- エディタ部分に移動する。
-
-
-
- 以下のコードを入力する。
-
1 2 3 4 5 6 7 8 9 10 11 12 |
from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello World!' if __name__ == '__main__': app.run() |
-
-
- 上メニューにあるプルダウンメニューを開く。
-
-
-
- 実行構成の編集…をクリックする。
-
-
-
- スクリプトパス:を先ほど作成したapp.pyに変更し、OKを押す。
-
-
-
- 先ほどまでmainと表示されていた部分が、appに変わる。
-
-
-
- ウィンドウの下にあるターミナルをクリックする。
-
-
-
- 入力できる様になるので、「pip install flask」と入力しEnterを押す。
-
-
-
- Flaskがインストールされる。
- 右上にある虫マークをクリックする。
-
-
-
- デバッグウィンドウが表示され、以下のように「Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)」と表示される。
-
-
-
- ブラウザで「http://localhost:5000」にアクセスする。
-
以上で開発環境の構築は完了。
なお、PyCharm ProfessionalはFlask(Web)開発をサポートしていて、もっと簡単に構築できる上に、Jinja2のサポートなども含まれる。
がっつりPythonでWeb開発をする場合は購入を検討しても良いと思う。
(FlaskだけでなくDjangoとPyramidもサポートされている)