【Flask】テンプレートの条件分岐を使った表示制御の基本｜Chapter2-6

一つ前のページではテンプレートと繰り返し処理について学習しました。

今回は テンプレートと分岐処理 について見ていきましょう。

Webアプリケーションでは、状況に応じてページの表示内容を変える必要があります。

たとえば「ログインしているときだけマイページへのリンクを表示する」や「エラーが発生したときだけ注意メッセージを出す」といった処理です。

このような表示の制御を行うために、Jinja2テンプレートでは 分岐処理 が使えます。

Pythonのif文に似ていますが、テンプレート用に少し書き方が異なります。

<<前のページ

Flaskの記事一覧

次のページ>>

Flaskテンプレートにおける条件分岐とは？

条件分岐の役割｜HTML表示を動的に切り替える仕組み

分岐処理とは「ある条件が成立しているかどうかによって処理内容を切り替える仕組み」です。

たとえば「変数scoreが80以上なら”合格”と表示し、それ未満なら”不合格”と表示する」などです。

Jinja2テンプレートでは、Pythonのようにコードで処理を切り替えるのではなく、HTMLの表示部分を制御するために分岐処理を使います。

Flaskテンプレートにおける条件分岐の基本構文

Jinja2における分岐処理の基本的な構文は以下のとおりです：

{% if 条件式 %}
    条件が真のときに表示される内容
{% elif 別の条件式 %}
    elifの条件が真のときの内容
{% else %}
    どの条件も満たさないときの内容
{% endif %} <!-- ここだけはPythonのif文とは違う -->

• if から始まり、必要に応じて elif や else を追加します。
• 最後は必ず {% endif %} で閉じる必要があります。
• elif と else は省略しても構いません。

if文の使用上の注意点と制限事項

• Jinja2の分岐処理はPythonのif文によく似ていますが、インデントによるブロック指定が不要です。
  代わりに {% if %} 〜 {% endif %} のペアで範囲を明示します。
• Python側で条件を処理してから結果だけ渡すこともできますが、テンプレート側で分岐することでHTMLの柔軟な表示制御が可能になります。

あわせて読みたい

【Python】レッスン2-2：if文による分岐処理を理解しよう

条件分岐の使用例を通じて理解を深めよう

実際に分岐処理を使用した例をふたつ紹介します。

使用例①｜変数の値に応じた表示切り替え（if文）

以下の例では、ログインしているかどうかに応じて表示内容を切り替えています。

{% if logged_in %} <!-- もしログイン済なら（logged_in = Trueなら） -->
    <p>ようこそ、ログインユーザーさん！</p>
{% else %}
    <p>ログインしてください。</p>
{% endif %}

このテンプレートは、Flask側で渡された logged_in という変数の値を確認し、それが真 (True) であれば「ようこそ」と表示し、偽 (False) のときは「ログインしてください」と表示します。

以下のように render_template()関数 で変数を渡します：

@app.route("/login")
def login():
    return render_template("login.html", logged_in=True)

この場合は「ようこそ、ログインユーザーさん！」と表示されます。

使用例②｜複数条件を持つelifとelseの使い方

次は、score という変数の値によって表示内容を分ける例です。

{% if score >= 80 %}
    <p>結果：優秀です！</p>
{% elif score >= 60 %}
    <p>結果：合格です。</p>
{% else %}
    <p>結果：不合格です。</p>
{% endif %}

Flaskのルート関数で以下のように使います：

@app.route("/result/<int:score>")
def result(score):
    return render_template("result.html", score=score)

このルートに /result/85 とアクセスすると、score には85が渡され、「結果：優秀です！」が表示されます。

ポイントは複数の条件を順にチェックできることです。最初の条件が満たされないとき、次のelif、そしてelseと順に評価されます。

まとめ

テンプレート内での分岐処理をマスターすることで、状況に応じた柔軟なページ表示が可能になります。

これでテンプレートエンジン「Jinja2」の基本的な使い方──値の埋め込み、テンプレートの継承、ループ、そして分岐──すべてを一通り学び終えました。

Jinja2の基礎を理解できたあなたは、もう立派にFlask開発者への一歩を踏み出しています。

次のチャプターでは、Webアプリに欠かせないフォーム処理に入ります。ここからは「ユーザーが入力したデータをどう扱うか」という、さらに実践的な力が求められます。

この勢いのまま、次のステップへ進みましょう！

練習問題：条件に応じて表示内容を変えるテンプレートを作ろう

今回の問題では、アプリファイル（chapter2-6-1.py）を問題文の中で提示します。

あなたはテンプレートファイル（age_check.html）を作成し、アプリファイルから渡される年齢に応じて、異なるメッセージが表示されるようにしてください。

この問題の要件

以下の要件に従ってコードを完成させてください。

ただし、Flaskアプリ内で以下のようなPythonコードが実行されることを前提とする。

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def home():
    age = 20  # 年齢の値を設定
    return render_template("age_check.html", age=age)

if __name__ == "__main__":
    app.run(debug=True)

また、以下のような実行結果となるコードを書くこと。

あなたの年齢に応じた料金
大人料金が適用されます。

正解コード

例えば、以下のようなプログラムが考えられます。

<<前のページ

Flaskの記事一覧

次のページ>>

FAQ｜Flaskテンプレートでの条件分岐の使い方