Flaskで静的ファイルを読み込む方法

2024-02-14 03:04 Flask 静的ファイル テンプレート

Flaskでは、静的ファイルをstaticディレクトリに配置することが一般的です。まず、Flaskアプリケーションのルートディレクトリにstaticディレクトリを作成し、その中に静的ファイルを配置します。

以下に、HTMLテンプレートで静的ファイルを読み込む方法の例を示します。

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
    <h1>Flaskアプリケーション</h1>
    <script src="{{ url_for('static', filename='script.js') }}"></script>
</body>
</html>

上記の例では、styles.cssとscript.jsという名前の2つの静的ファイルを読み込んでいます。href属性とsrc属性の値には、url_for関数を使用して静的ファイルのパスを指定します。url_for関数は、Flaskアプリケーション内の静的ファイルへのURLを生成するために使用されます。filename引数には、staticディレクトリ内のファイルのパスを指定します。

このようにして、Flaskアプリケーションで静的ファイルを読み込むことができます。上記の例を参考に、自分のFlaskアプリケーションに適用してみてください。