簡単プログラミングをしてみよう。

2025年1月14日

パン太郎

こんにちは！
パン太郎です。

今回は、実際にプログラミングをしてみます。
ChatGPTを使って、初心者でもアプリ開発が出来る様子をお届けします。

メロンちゃん

よろしくお願いします。

パン太郎

はじめに、ChatGPTを開いてどんなアプリを作りたいか指示を出します。

この内容で実行します。
しばらくして、以下のような回答が来ました。

上記のように、HTMLファイルも作成するか質問が来ました。
こちらは、すべてのコードが欲しいので以下のようにお願いしてみました。

回答は以下の通りです。

なかなかイイ感じに回答は来ました。
フォルダ構成は完全に分かります。
だた、コードをそれぞれ書いてほしいので指示してみます。

回答は以下の通りです。

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
import os

app = Flask(__name__)

# SQLiteデータベースの設定
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///blood_pressure.db'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False

# データベース操作用SQLAlchemy
db = SQLAlchemy(app)

# データベースモデル
class BloodPressureRecord(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    date = db.Column(db.String(10), nullable=False)  # 測定日
    systolic = db.Column(db.Integer, nullable=False)  # 収縮期血圧
    diastolic = db.Column(db.Integer, nullable=False)  # 拡張期血圧
    notes = db.Column(db.String(100), nullable=True)  # メモ

# ホーム画面
@app.route('/')
def index():
    records = BloodPressureRecord.query.all()
    return render_template('index.html', records=records)

# 測定データ追加
@app.route('/add', methods=['GET', 'POST'])
def add_record():
    if request.method == 'POST':
        date = request.form['date']
        systolic = request.form['systolic']
        diastolic = request.form['diastolic']
        notes = request.form.get('notes', '')

        new_record = BloodPressureRecord(date=date, systolic=systolic, diastolic=diastolic, notes=notes)
        db.session.add(new_record)
        db.session.commit()
        return redirect(url_for('index'))
    return render_template('add_record.html')

# 初期化とサーバー起動
if __name__ == '__main__':
    # データベース初期化
    with app.app_context():
        db.create_all()

    # 必要なフォルダを作成
    if not os.path.exists('templates'):
        os.makedirs('templates')
    if not os.path.exists('static'):
        os.makedirs('static')

    app.run(debug=True)

<!DOCTYPE html>
<html>
<head>
    <title>Blood Pressure Tracker</title>
</head>
<body>
    <h1>Blood Pressure Records</h1>
    <a href="/add">Add New Record</a>
    <table border="1">
        <tr>
            <th>Date</th>
            <th>Systolic</th>
            <th>Diastolic</th>
            <th>Notes</th>
        </tr>
        {% for record in records %}
        <tr>
            <td>{{ record.date }}</td>
            <td>{{ record.systolic }}</td>
            <td>{{ record.diastolic }}</td>
            <td>{{ record.notes }}</td>
        </tr>
        {% endfor %}
    </table>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>Add Blood Pressure Record</title>
</head>
<body>
    <h1>Add New Blood Pressure Record</h1>
    <form method="post">
        <label for="date">Date (YYYY-MM-DD):</label>
        <input type="text" id="date" name="date" required><br>

        <label for="systolic">Systolic:</label>
        <input type="number" id="systolic" name="systolic" required><br>

        <label for="diastolic">Diastolic:</label>
        <input type="number" id="diastolic" name="diastolic" required><br>

        <label for="notes">Notes:</label>
        <input type="text" id="notes" name="notes"><br>

        <button type="submit">Add Record</button>
    </form>
    <a href="/">Back to Home</a>
</body>
</html>