Windows10 で Flask の開発をするための開発環境構築の手順を紹介する。

使用するものは以下の通り

• • • Windows10(日本語)のパソコン1台
    • python本体
    • JetBrains社製IDE PyCharm Community

Windows10のPCはセットアップ済みという前提で進める。

ソフトウェアのダウンロード

python本体のダウンロード

• • 1. pythonのWebページ(https://www.python.org/downloads/)にアクセスする。
    2. 最新版のDownloadをクリックする。

• • 3. Windows installer (64-bit)をクリックしてダウンロードする。

JetBrains社製IDE PyCharm Communityのダウンロード

• • 1. JetBrainsのWebページ(https://www.jetbrains.com/ja-jp/pycharm/download/#section=windows)にアクセスする。
    2. Communityのダウンロードをクリックしてダウンロードする。

ソフトウェアのインストール

pythonのインストール

• • 1. ダウンロードした「python-3.9.4-amd64.exe」を実行する。
    2. 以下画像にある「★★ここに書いてあるパスを何かにメモする。」を行う。

• • 3. Install Nowをクリックする。
    4. セキュリティ警告が表示される場合は許可する。
    5. Setup was successfulと表示されたらCloseで閉じる

JetBrains社製IDE PyCharm Communityのインストール

• • 1. ダウンロードした「pycharm-community-2021.1.exe」を実行する。
    2. セキュリティ警告が表示される場合は許可する。
    3. Nextで次へ

• • 4. Nextで次へ

• • 5. Nextで次へ

• • 6. Install

• • 7. Run PyCharm Community Editionにチェックを入れ、Fisishiをクリックする。

• • 8. I confirm that I have read and accept the terms of this User Agreementにチェックを入れ、Continueをクリックする。

• • 9. Do not imports settingsを選択し、OKをクリックする。

Flask開発を行う

• • 1. PyCharm Communityを起動する。(手順通りなら起動しているはず)
    2. New Projectをクリックする。

• • 3. Locationにプログラムができるので、分かり安いところを指定する。(日本語は使わないこと。全角文字も使わないこと。)
       Base interpreterには、pythonインストール時にメモしたパス+python.exeが入っているはずだが、入っていなかったら修正すること。

• • 4. Tip of the Dayが表示されたらCloseで終了させる。
    5. 以下の様な画面が表示される。

• • 7. 左上メニューの「File -> Settings」をクリックする。

• • 8. 左側の「Plugins」をクリックし、上にある検索欄で「japanese」と入力する。
       Japanese Language Pack / 日本語言語パック が表示されるので、Installをクリックする。

• • 9. InstallがRestart IDEに変わるので、Restart IDEをクリックする。
       

• • 10. Restart PyCharm to apply changes in plugins?が表示されるので、Restartをクリックする。

• • 11. Code With Meの表示が邪魔な場合は「了解」をクリックして消す。
    12. 左側に表示されている「main.py」を左クリックしてから、Deleteボタンを押す。
    13. ファイル"main.py"を削除しますか？と表示されるので、OKをクリックする。

• • 14. 人によって名前が違うと思うが、プロジェクトウィンドウのフォルダ名部分を右クリックし、表示されたメニューの「新規 -> pythonファイル」をクリックする。

• • 15. 新規Pythonファイルウィンドウが表示されるので、名前部分に「app」と入力し、Enterを押す。

• • 16. app.pyが作成され、表示される。

• • 17. エディタ部分に移動する。

• • 18. 以下のコードを入力する。

 

 

• • 19. 上メニューにあるプルダウンメニューを開く。

• • 20. 実行構成の編集…をクリックする。

• • 21. スクリプトパス：を先ほど作成したapp.pyに変更し、OKを押す。

• • 22. 先ほどまでmainと表示されていた部分が、appに変わる。

• • 23. ウィンドウの下にあるターミナルをクリックする。

• • 24. 入力できる様になるので、「pip install flask」と入力しEnterを押す。

• • 25. Flaskがインストールされる。
    26. 右上にある虫マークをクリックする。

• • 27. デバッグウィンドウが表示され、以下のように「Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)」と表示される。

• • 28. ブラウザで「http://localhost:5000」にアクセスする。

以上で開発環境の構築は完了。

なお、PyCharm ProfessionalはFlask(Web)開発をサポートしていて、もっと簡単に構築できる上に、Jinja2のサポートなども含まれる。

がっつりPythonでWeb開発をする場合は購入を検討しても良いと思う。

(FlaskだけでなくDjangoとPyramidもサポートされている)