常連

## テーマ、知りたいこと
・GUIアプリ（カレンダー系のアプリ）を作る時にPythonのFlaskを使うメリット

## 背景、状況
すいません、ものすごい単純な事かもしれないのですが、ご意見お聞かせ下さい。

ラズパイか泥タブでGUIアプリを作ろうかと検討しています。
その中で調べると様々なライブラリが存在することが分かりました。
- Python系では、tkinter,pyQt5,flet,kivy,Flask
- Androido系では、Flutter,kotlin

元々ウェブ系の開発が得意なので、カレンダーのベースと動作をHTML＋JSで作って
敷居が低そうなFlaskで開発をしようと思い調べると、これ単体でPOST送信できたり、
DB使えたりいろいろできることが分かりました。

そんな中、わざわざFlask使ってやるよりブラウザをキオスクで立ち上げて
PHP+MySQL使ってウェブサーバーに処理させるのとどう違うんだろ？
ローカルで実行できるだけ？と思いました。

正直他から見れば、そっちでできるならそっちでやればいいじゃんと思うのは
ごもっともですがご意見あれば下さい。
＋わがままな事で申し訳ないのですが、「そんなもの使ってるの？！もっとこういった便利なものがあるよ。」みたいな意見もあれば下さい。（調べてはいるのですが、なかなか先が決まらなくて…）



PythonのFlaskを使うメリット

### 実現したいこと
生産者とお客を結ぶSNSを作りたいです。
生産者とお客のモデルは別々に作成しています。

＜機能＞
生産者はログイン後、新規投稿、更新、削除ができる。


### 発生している問題・分からないこと
生産者としてログインしているのにもかかわらず、生産者としてログインしていることが判断できていません。

### エラーメッセージ
```error
新規投稿ボタンを押すと「生産者としてログインしてください」のメッセージが表示されます
```

### 該当のソースコード

```models.py
# お客のモデルクラス
class Customer(db.Model, UserMixin):
    __tablename__ = 'customer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    buyer_profile = db.Column(db.Text, nullable=True)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return False  # Customer には生産者のフラグは False に設定


# 生産者のモデルクラス
class Farmer(db.Model, UserMixin):
    __tablename__ = 'farmer'

    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(100), nullable=False)
    email = db.Column(db.String(120), unique=True, nullable=False)
    password_hash = db.Column(db.String(128), nullable=False)
    farmer_profile = db.Column(db.String(1000), nullable=False)
    created_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone))
    updated_at = db.Column(db.DateTime, nullable=False, default=datetime.now(tokyo_timezone), onupdate=datetime.now(tokyo_timezone))

    products = db.relationship('Product', back_populates='farmer', cascade='all, delete-orphan')

    def set_password(self, password):
        self.password_hash = generate_password_hash(password)

    def check_password(self, password):
        return check_password_hash(self.password_hash, password)

    @property
    def is_farmer(self):
        return True  # Farmer には生産者のフラグを True に設定
```

```views.py
@marche_bp.route('/create', methods=['GET', 'POST'])
@login_required
def create():
    if not current_user.is_farmer:  # current_userが生産者でない場合、エラーメッセージを表示
        flash("生産者のアカウントでログインしてください", "danger")
        return redirect(url_for('marche.index'))

    if request.method == 'POST':
        product_name = request.form.get('product_name')
        detail = request.form.get('detail')
        file = request.files.get('img_name')

        if file:
            filename = file.filename
            save_path = os.path.join('static', 'images', filename)
            file.save(save_path)
        else:
            filename = 'default.jpg'

        post = Product(product_name=product_name, detail=detail, img_name=filename, farmer_id=current_user.id)
        db.session.add(post)
        db.session.commit()

        flash("登録しました", "success")
        return redirect(url_for('marche.lists'))

    return render_template("marche/create.html")

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
ChatGPTも使って修正しましたが、解決できませんでした。

### 補足
Flask==3.1.0

生産者とお客のモデルをそれぞれ別に作っていますが、Userのモデルは１つにした方がいいのでしょうか？

ログインユーザーの役割を判別し、新規登録できるようにしたい。

### 前提・実現したいこと
ターミナル内でFlaskのエラーを解決しブラウザで表示するようにしたい。

VSコードのターミナル内で
　FLASK_APP＝hello.py flask runを実行しようとしているところです。



### 発生している問題・エラーメッセージ

FLASK_APP=hello.py : 用語 'FLASK_APP=hello.py' は、コマンドレット、関
数、スクリプト ファイル、または操作可能なプログラムの名前として認識さ
れません。名前が正しく記述されていることを確認し、パスが含まれている
場合はそのパスが正しいことを確認してから、再試行してください。
発生場所 行:1 文字:1
+ FLASK_APP=hello.py flask run
+ ~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : ObjectNotFound: (FLASK_APP=hello.py:St 
   ring) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException]




PS C:\Users\kayoc\Desktop\selfstudy\templates\myapp> set FLASK_APP=hello.py
PS C:\Users\kayoc\Desktop\selfstudy\templates\myapp> flask run
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: off
Usage: flask run [OPTIONS]

Error: Could not locate a Flask application. You did not provide the "FLASK_APP" environment variable, and a "wsgi.py" or "app.py" module was not found in the current directory.


PS C:\Users\kayoc\Desktop\selfstudy\templates\myapp>
### 該当のソースコードpython
```ここに言語名を入力


from flask import flask
app= Flask(__name__)

@app.route("/")
def hello_world():
    return "Hello World"
```

### 試したこと
Qiita ,teratail, googleで検索をしました。
またソースコードが間違っていないか確認をしました。
そのほか、python hello.pyで実行できないかを試しました。



### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Flaskがターミナルで実行できない！

### Flaskをpythonで利用したいです。
「独学プログラマー」という本の演習問題でFlaskを使用するものがあります。
ターミナルで $ sudu pip install Flask==0.11.1　を入力しFlaskのインストールは成功しました。
が、いざPythonで使おうと思ったら以下のエラーメッセージが出ました。

### モジュールが存在しない？

```
ModuleNotFoundError: No module named 'flask'
```

### 該当のソースコード

```Python3.7
import flask

app = flask.Flask(__name__)

@app.route('/')
def index():
    return "Hello, World!"

if __name__ == '__main__':
    app.run(debug=True)

```

### 試したこと

ググってみると「パスを通す」のような事がよく言われているのですが、flaskがコンピュータのどこに保存されているかもわからずの状態です。。。

Flaskモジュールがインポート利用できない

```main.py
from crypt import methods
from turtle import title
#db 追加
from flaskr import app, db
from flask import render_template, request, redirect, url_for

from flaskr.db import DATABASE

import sqlite3
DATABASE = "database.db"


@app.route('/')
def index():
    con = sqlite3.connect(DATABASE)
    db_books = con.execute("SELECT * FROM books").fetchall()
    con.close


    books = []
    for row in db_books:
        books.append({"title": row[0], "price": row[1], "arrival_day": row[2]})

    return render_template(
        'index.html',books=books
    )

@app.route("/form")
def form():
    return render_template("form.html")

@app.route("/register", methods=["POST"])
def register():
    title = request.form["title"]
    price = request.form["price"]
    arrival_day =request.form["arrival_day"]

    con = sqlite3.connect(DATABASE)
    con.execute('INSERT INTO books VALUES(?,?,?)',[title,price,arrival_day])

    con.commit()
    con.close()
    return redirect(url_for("index"))


```
以上のコードに削除機能を追加したく質問させて頂きました。
```main.py
from crypt import methods
from turtle import title
#db 追加
from flaskr import app, db
from flask import render_template, request, redirect, url_for

from flaskr.db import DATABASE

import sqlite3
DATABASE = "database.db"


@app.route('/')
def index():
    con = sqlite3.connect(DATABASE)
    db_books = con.execute("SELECT * FROM books").fetchall()
    con.close


    books = []
    for row in db_books:
        books.append({"title": row[0], "price": row[1], "arrival_day": row[2]})

    return render_template(
        'index.html',books=books
    )

@app.route("/form")
def form():
    return render_template("form.html")

@app.route("/register", methods=["POST"])
def register():
    title = request.form["title"]
    price = request.form["price"]
    arrival_day =request.form["arrival_day"]

    con = sqlite3.connect(DATABASE)
    con.execute('INSERT INTO books VALUES(?,?,?)',[title,price,arrival_day])

    con.commit()
    con.close()
    return redirect(url_for("index"))




#以下追記した削除コードです
@app.route('/delete/<int:id>', methods=['GET', 'POST'])
def delete(id):
    con = sqlite3.connect(DATABASE)
    if request.method == 'POST':
        con.execute('DELETE FROM books WHERE id = ?', [id])
        con.commit()
        con.close()
        return redirect(url_for('index'))
    else:
        book = con.execute('SELECT * FROM books WHERE id = ?', [id]).fetchone()
        con.close()
        if book:
            return render_template('delete.html', book=book)
        else:
            return "Book not found", 404

```

```db.py
import sqlite3


DATABASE = "database.db"

def create_books_table():
    con = sqlite3.connect(DATABASE)
    con.execute("CREATE TABLE IF NOT EXISTS books (title, price, arrival_day)")
    con.close()



```


```__init__.py
from flask import Flask
app = Flask(__name__)
import flaskr.main

from flaskr import db
db.create_books_table()
```



```index.html
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>sapu-app</title> 
    
    <link rel="stylesheet" href="{{  url_for('static', filename='style.css')  }}">
</head>

<body>

    <h1>書店</h1>
    <h2>今月の新刊一覧</h2>
    {% if books == [] %}
    <p>今月の新刊情報はまだありません</p>
    {% else %}
    <table border="1">
        <tr>
            <th>入荷日</th>
            <th>タイトル</th>
            <th>金額</th>
        </tr>

        {% for book in books %}
        <tr>
            <td>{{ book.arrival_day }}</td>
            <td>{{ book.title }}</td>
            <td>{{ book.price }}円</td>
        </tr>
        {% endfor %}
    </table>
    {% endif %}
    
    <a href= "{{ url_for('form') }}">編集</a>





    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Price</th>
                <th>Arrival Day</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for book in books %}
                <tr>
                    <td>{{ book["title"] }}</td>
                    <td>{{ book["price"] }}</td>
                    <td>{{ book["arrival_day"] }}</td>
                    <td>
                        <a href="{{ url_for('delete', id=loop.index) }}">Delete</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    



    
</body>

</html>


```



```form.html
<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <title>sapu-app</title>

    <link rel="stylesheet" href="{{  url_for('static', filename='style.css')  }}">

</head>

<body>
    <h1>書店</h1>
    <form method="post" action="{{  url_for('register') }}">
        <table border="1">
            <tr>
                <th>入荷日</th>
                <th>タイトル</th>
                <th>金額</th>
            </tr>
            <tr>
                <td><input type="text" name="arrival_day"></td>
                <td><input type="text" name="title"></td>
                <td><input type="text" name="price"></td>
            </tr>
        </table>
        <br>
        <input type="submit" value="登録">
    </form>
</body>

</html>

<!DOCTYPE html>
<html lang="jp">
<head>
    <meta charset="UTF-8">
    <title>Delete Book</title>
</head>
<body>
    <h1>Delete Book</h1>
    <p>Are you sure you want to delete the following book?</p>
    <p>Title: {{ book[0] }}</p>
    <p>Price: {{ book[1] }}</p>
    <p>Arrival Day: {{ book[2] }}</p>
    <form method="POST">
        <input type="submit" value="Delete">
    </form>
</body>
</html>


```



```delete.html
<!DOCTYPE html>
<html lang="jp">
<head>
    <meta charset="UTF-8">
    <title>Delete Book</title>
</head>
<body>
    <h1>Delete Book</h1>
    <p>Are you sure you want to delete the following book?</p>
    <p>Title: {{ book[0] }}</p>
    <p>Price: {{ book[1] }}</p>
    <p>Arrival Day: {{ book[2] }}</p>
    <form method="POST">
        <input type="submit" value="Delete">
    </form>
</body>
</html>


```
ローカルホストを立ち上げdeleteを押すと以下のエラーが出てきます。

```
OperationalError
sqlite3.OperationalError: no such column: id

Traceback (most recent call last)
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 2213, in __call__
return self.wsgi_app(environ, start_response)
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 2193, in wsgi_app
response = self.handle_exception(e)
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 2190, in wsgi_app
response = self.full_dispatch_request()
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 1486, in full_dispatch_request
rv = self.handle_user_exception(e)
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 1484, in full_dispatch_request
rv = self.dispatch_request()
File "/Library/Frameworks/Python.framework/Versions/3.10/lib/python3.10/site-packages/flask/app.py", line 1469, in dispatch_request
return self.ensure_sync(self.view_functions[rule.endpoint])(**view_args)
File "/Users/kojitakemura/Desktop/pythonProject1 2元本 2/flaskr/main.py", line 58, in delete
book = con.execute('SELECT * FROM books WHERE id = ?', [id]).fetchone()
sqlite3.OperationalError: no such column: id 
The debugger caught an exception in your WSGI application. You can now look at the traceback which led to the error.
To switch between the interactive traceback and the plaintext one, you can click on the "Traceback" headline. From the text traceback you can also create a paste of it. For code execution mouse-over the frame you want to debug and click on the console icon on the right side.

You can execute arbitrary Python code in the stack frames and there are some extra helpers available for introspection:

dump() shows all variables in the frame
dump(obj) dumps all that's known about the object



```


vscodeで作業をしています。
Python 3.10.7 64bit 　です。

駆け出しの身でflaskのdeleteの書き方がわからずつまづいております。htmlもぐちゃぐちゃですがアドバイスいただきたいです。

flaskのdelete機能の追加につまづいております。(ドのつく初心者です)

### 前提・実現したいこと

**pip install flask**でインストールできてるのに、なぜか**flask run**ができず、困っています。

### 発生している問題・エラーメッセージ

```cmd
'flask' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
```

### 該当のソースコード

```cmd
flask run
```

### 試したこと

**pip uninstall flask**とやり、再インストールしました。

flask run ができない

### 実現したいこと

> 引用テキスト
- [ ] FlaskでSQliteのDBを作成する
- [ ] Flaskを読み込めるようにする
### 前提
FlaskでSQliteを使用したWebアプリの開発をしています。
SQliteのDBを設定し、
FLASK_APP=app.py
flask run
でローカル実行
python3コマンドで対話モードに入り、「from app import db」とコマンドを打ち込むと、flaskのモジュールが見つからないというエラーが発生します。

flask --versionを実行すると下記の通り表示されFlaskは正常にインストールされています。
Python 3.8.10
Flask 2.3.2
Werkzeug 2.3.4

OS：Windows 11
エディタ：VSCode

ディレクトリの構造は下記のとおりです。
 
|Mode |LastWriteTime|Length|Name|
|:--|:--:|--:|--:|
|d-----  |2023/05/18 18:09| | instance|  
|d-----|2023/05/18 17:57| |templates|
|d-----|2023/05/18     17:08   | |             venv|
|d----- |       2023/05/18     18:53  | |             __pycache__
|-a----      |  2023/05/18     18:53   |1145 |        app.py


### 発生している問題・エラーメッセージ

```
ModuleNotFoundError: No module named 'flask'
```

### 該当のソースコード

```Python
from flask import Flask
from flask import render_template
from flask_sqlalchemy import SQLAlchemy


db = SQLAlchemy()
app = Flask(__name__)
app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///review.db"
db.init_app(app)

class User(db.Model):
    【DBの設定情報】
```



Flaskのモジュールが読み込めず「No module named 'flask'」のエラーが発生する

### 前提・実現したいこと

pythonとVSCodeを用いて、自分で学習させたモデルを使用したWebアプリを作ろうとしています。
ローカルの環境でWebを動かそうとしたのですが、画像の入力を行うと、chrome上で "400 Bad Request" と表示されてしまいます。エラーメッセージで調べてみても、あまり有力な情報が得られなかったため、こちらで質問させていただきました。

### 実行したpredict.py
```
from flask import Flask, render_template, request, redirect, url_for
import numpy as np
from PIL import Image
from datetime import datetime
from torchvision import datasets, models, transforms
from wtforms import Form, FloatField, SubmitField, validators, ValidationError
import joblib
import cv2
import torch
import torch.nn as nn
import tensorflow as tf



app = Flask(__name__)
@app.route('/', methods = ['GET', 'POST'])

def upload_file():
  if request.method == 'GET':
    return render_template('index.html')
  if request.method == 'POST':
    # アプロードされたファイルを保存する
    """
    f = request.files['file']
    filepath = "./static/" + datetime.now().strftime("%Y%m%d%H%M%S") + ".png"
    f.save(filepath)
    """
    filepath = "./static/" + datetime.now().strftime("%Y%m%d%H%M%S") + ".png"
    img_dir = "static/"
    stream = request.files['img'].stream
    img_array = np.asarray(bytearray(stream.read()), dtype=np.uint8)
    img = cv2.imdecode(img_array, 1)

    #モデルの読み込み
    model = models.resnet18(pretrained=False).to(torch.device('cpu'))
    num_ftrs = model.fc.in_features
    model.fc = nn.Linear(num_ftrs, 8)   #出力クラス8
    model.load_state_dict(torch.load('./ResNet.pkl'))

    #入力データ作成
    cv2.imwrite(filepath, img)
    img = cv2.resize(img , (224, 224))
    params = torch.Tensor(img)
    x = torch.tensor([img])
    predict = model(x)

    return render_template('index.html', filepath = filepath , predict = torch.argmax(predict).numpy() )
    #return render_template('result.html', filepath = filepath, irisName=torch.argmax(predict).numpy())

if __name__ == '__main__':
  app.run(host="0.0.0.0", port=int("5000"),debug=False)
```

### index.html
```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>pHAI Protocol Header</title>
    </head>
    <body>
        {% if predict %}
            <IMG SRC="{{filepath}} " BORDER="1"> predict:{{predict}} <BR>
            <HR>
        {% endif %}
        画像を選択して下さい<BR>
        <form action = "./" method = "POST" 
            enctype = "multipart/form-data">
            <input type = "file" name = "file" />
            <input type = "submit"/>
        </form>
    </body>
</html>
```

### VSCode上のメッセージ
```
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on all addresses.
   WARNING: This is a development server. Do not use it in a production deployment.
 * Running on http://192.168.10.9:5000/ (Press CTRL+C to quit)
192.168.10.9 - - [25/Jul/2021 18:02:52] "GET / HTTP/1.1" 200 -
192.168.10.9 - - [25/Jul/2021 18:03:57] "POST / HTTP/1.1" 400 -
```

### Chromeでのエラーメッセージ
Bad Request
The browser (or proxy) sent a request that this server could not understand.