FlaskはPythonで作られたWebフレームワークであり、JavaScriptはクライアントサイドのスクリプト言語です。これらを組み合わせることで、Webアプリケーションの開発や動的なコンテンツの表示が可能となります。
以下に、FlaskとJavaScriptを連携させるための基本的な手順を示します。
-
HTMLテンプレートの作成: まず、Flaskのルートディレクトリにtemplatesというディレクトリを作成します。その中にHTMLテンプレートファイルを作成します。例えば、index.htmlという名前のファイルを作成しましょう。
-
JavaScriptファイルの作成: Flaskのルートディレクトリにstaticというディレクトリを作成します。その中にJavaScriptファイルを作成します。例えば、script.jsという名前のファイルを作成しましょう。
-
Flaskアプリケーションの作成: Flaskのアプリケーションファイル（通常はapp.pyなどと呼ばれる）を作成します。以下は簡単な例です。
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run()<script src="{{ url_for('static', filename='script.js') }}"></script>このスクリプトタグは、script.jsファイルを読み込むためのものです。Flaskのurl_for関数を使用して、正しいファイルパスを取得しています。
以上で、FlaskとJavaScriptの連携は完了です。index.htmlファイル内でJavaScriptを使用することができるようになります。