Flask と React でWebアプリを設計する練習として、フォームからPOSTでデータを送信／受信する簡単なWebアプリを作成してみました。 フォルダ／ディレクトリ構成 実行方法（ローカル） 実行例 プログラム Python Flask (app.py) JavaScript (main.jsx) HTML …

概要 Docker上での、１つのuWSGI+Flaskコンテナで複数アプリを運用するスタイルは、Blueprintなどを駆使すれば可能です。 しかし、Blueprintの仕様のせいでディレクトリ構造が複雑になってしまったり、ルーティングの際に他のサービスに影響を与えてしまう可…

スクリーンショット 背景 実装戦略・参考ページ サーバへの複数オーディオファイルのアップロード（ドラッグアンドドロップ） サーバ側でのファイルアップロード処理・ファイル保存 クライアント側で、ローカルにあるオーディオファイルを再生 実装 ディレク…

概要 ディレクトリ構成 ソースコード views.py ポイント１：index.htmlの配置とディレクトリ構成 ポイント２：サーバから送るファイルの配置 run.py（一部掲載） index.html デモ 概要 前回ご紹介した、ブラウザ上でサーバ上の音源を再生するFlask実装を、Bl…

概要 ブラウザ上でサーバ上の音源を再生するWebアプリを、Flaskで実現するための実装例です。 ディレクトリ構成 flask_play_audio/ ├ music/ │ └ audio.mp3 ├ templates/ │ └ index.html └ app.py ソースコード app.py # -*- coding: utf-8 -*- from flask i…