Flask入門｜Jinja2の定番フィルターをまとめて習得しよう【チャプター3-02】

<!-- 基本構文 -->
{{ 変数名 | upper }}

<!-- 使用例 -->
<p>{{ "hello flask" | upper }}</p>  <!-- 出力結果: HELLO FLASK -->

<!-- 基本構文 -->
{{ 変数名 | lower }}

<!-- 使用例 -->
<p>{{ "Hello Flask!" | lower }}</p>  <!-- 出力結果: hello flask! -->

<!-- 基本構文 -->
{{ 変数名 | title }}

<!-- 使用例 -->
<p>{{ "flask makes web easy" | title }}</p>  <!-- 出力結果: Flask Makes Web Easy -->

<!-- 基本構文 -->
{{ 変数名 | replace("置き換え元", "置き換え先") }}

<!-- 使用例 -->
<p>{{ "I like Django" | replace("Django", "Flask") }}</p>  <!-- 出力結果: I like Flask -->

<!-- 基本構文 -->
{{ 変数名 | length }}

<!-- 使用例 -->
<p>{{ [1, 2, 3, 4] | length }}</p>  <!-- 出力結果: 4 -->
<p>{{ "Flask" | length }}</p>       <!-- 出力結果: 5 -->

<!-- 基本構文 -->
{{ 変数名 | default("代替値") }}

<!-- 使用例 -->
<p>{{ user_name | default("ゲスト") }}</p>  <!-- user_name が空なら「ゲスト」と表示 -->

<!-- 基本構文 -->
{{ 変数名 | safe }}

<!-- 使用例 -->
{% set html_text = "<strong>重要!</strong>" %}
<p>{{ html_text }}</p>        <!-- エスケープされて表示されない -->
<p>{{ html_text | safe }}</p> <!-- タグが有効になり太字で表示される -->

<!-- 基本構文 -->
{{ リスト | join("区切り文字") }}

<!-- 使用例 -->
<p>{{ ["Python", "Flask", "Jinja"] | join(", ") }}</p>  <!-- 出力: Python, Flask, Jinja -->

<!-- 基本構文 -->
{{ 変数名 | truncate(最大文字数) }}

<!-- 使用例 -->
<p>{{ "これは非常に長い文章です。覚悟して読んでください。" | truncate(10) }}</p>
<!-- 出力: これは非常に... -->

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

@app.route('/')
def show_filters():
    data = {
        "user_name": "tanaka",
        "empty_value": "",
        "html_text": "<strong>これは重要です</strong>",
        "fruits": ["りんご", "バナナ", "もも"],
        "long_text": "この文章はとても長いので途中で切り捨てられます。"
    }
    return render_template("show_filters.html", data=data)

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

Jinja2フィルターを使って表示を工夫しよう！

ユーザー名（大文字）: TANAKA  
入力されていない値: （未入力）  
HTML表示テスト: これは重要です（太字で表示）  
好きな果物: りんご、バナナ、もも  
省略された文章: この文章はとても長い...