目次
ローカルで開発する環境を構築する
STEP.1
デスクトップに移動、flaskのフォルダを作る
ターミナル
$ cd Desktop; mkdir flask
ディレクトリ
User/
┗ Desktop/
┗ flask/
┗ Desktop/
┗ flask/
STEP.2
venvでPython3の仮想環境を作成し、flaskフォルダに移動する
ターミナル
$ python3 -m venv flask; cd flask
ディレクトリ
Desktop/
┗ flask/
┣ bin/
┣ include/
┣ lib/
┗ pyvenv.cfg
┗ flask/
┣ bin/
┣ include/
┣ lib/
┗ pyvenv.cfg
STEP.3
仮想環境(venv)を有効化する
ターミナル
$ source bin/activate
仮想環境が有効になっているかどうかは、ターミナルのコマンドを入力する一番前の部分が(実行フォルダ名)
となっているか確認します。
MEMO
仮想環境モードは$ deactivate
で解除出来ます。STEP.4
Flaskを仮想環境にインストールする
ターミナル
$ pip install flask
END
Flaskアプリのプログラムを作成し、実行する
STEP.1
Flaskアプリケーションの核となるPythonファイル(app.py)を作成する
ターミナル
$ touch app.py
ディレクトリ
flask/
┣ app.py
┣ bin/
┣ include/
┣ lib/
┗ pyvenv.cfg
┣ app.py
┣ bin/
┣ include/
┣ lib/
┗ pyvenv.cfg
STEP.2
app.pyを修正する
app.py
# -*- coding: utf-8 -*-
from flask import Flask # Flaskパッケージをインポート
app = Flask(__name__) # Flaskクラスのインスタンス生成
@app.route('/') # URLを指定。URLにリクエストが来ると関数が実行される
def index():
return 'Hello, world.'
if __name__ == '__main__':
app.run()
END
連載目次:FlaskでWebアプリケーションを開発するためのロードマップ
入門編:10記事
入門編の10記事を順に読んでいけば、FlaskでWebアプリケーションを開発する必要最小限のことが学べます。
簡単なアプリケーションであれば、セキュリティ上の観点を考慮しなかった場合公開できるでしょう。
- Flaskを『ローカルで開発する環境構築』から『プログラムの実行まで』を一通り
FlaskでWebアプリケーションを作る『全体の流れ』を大まかに理解する- Flaskのrender_templateでHTML・CSS・JavaScriptファイルを読み込む
- サーバーサイドからクライアントサイドに変数(値・リスト・辞書型配列)を渡す
- クライアントサイドで変数を処理(アサイン、フィルター、エスケープ)する
- クライアントサイドで条件分岐(if)とループ(for in)を使って、コードを簡素化する
- クライアントサイド(form)からサーバーサイドにテキストや各種コントロール、ファイルを渡す
- テンプレート継承でHTMLファイルを役割ごとに分割する
データベースに接続するデプロイする
実践編
実践編の記事では、FlaskでWebアプリケーションを公開するために欠かせないセキュリティのことや実践的なテクニックを紹介しています。
ここまで読み込めば、あとはアイディア次第でいろんなWebアプリケーションを公開できるでしょう!
セッションCookieメソッドベース・ディスパッチベーシック認証・Digest認証ログイン機能- サーバーサイドからクライアントサイドにpandas.Series、pandas.DataFrameを渡す
- クライアントサイド(form)からPOSTされた1、2次元配列を受け取る
matplotlibを使うBootstrap4を使うフォームの非同期通信(Ajax, jQuery)