ほぼPythonだけでサーバーレスアプリをつくろう をやってみた（5章）前編

cors=True を追加するだけです。

# ①すべてのToDoを取得する
@app.route('/todos', methods=['GET'], cors=True)

# ②指定されたIDのToDoを取得する
@app.route('/todos/{todo_id}', methods=['GET'], cors=True)

# ③指定されたデータを登録する
@app.route('/todos', methods=['POST'], cors=True)

# ④指定されたデータを更新する
@app.route('/todos/{todo_id}', methods=['PUT'], cors=True)

# ⑤指定されたデータを削除する
@app.route('/todos/{todo_id}', methods=['DELETE'], cors=True)

__pragma__('alias', 'S', '$')

from const import BASE_URL

class Model:
    # コンストラクタ
    def __init__(self):
        self._todos = []

    # 指定されたIDのToDoを取得する
    def get_todo(self, todo_id):
        for todo in self._todos:
            if todo['id'] == todo_id:
                return todo
        return None

    # すべてのToDoを取得する
    def get_all_todos(self):
        return self._todos

    # 全件取得のAPIを呼び出す
    def load_all_todos(self):
        S.ajax({
            'url': f"{BASE_URL}todos",
            'type': 'GET',
        }).done(
            self._success_load_all_todos
        ).fail(
            lambda d: alert('サーバーとの通信に失敗しました。')
        )

    # load_all_todos()成功時の処理
    def _success_load_all_todos(self, data):
        self._todos = data
        S('body').trigger('todos-updated')

__pragma__('alias', 'S', '$')

class View:
    # ToDoリストを描画する
    def render_todo_list(self, data):
        S('#todo-list').empty()
        for todo in data:
            S('#todo-list').append(self._create_todo_row(todo))

    # ToDoの明細行を生成する
    def _create_todo_row(self, todo):
        return f"""
            <tr>
                <td>
                    <input type='checkbox' class="toggle-checkbox"
                        id='check-{todo['id']}'
                        {'checked' if todo['completed'] else ''}>
                </td>
                <td>{todo['title']}</td>
                <td>{todo['memo']}</td>
                <td>{['低', '中', '高'][int(todo['priority']) - 1]}</td>
                <td>
                    <button class='btn btn-outline-primary update-button'
                        id='update-{todo['id']}' data-toggle='modal'
                        data-target='#input-form'>変更</button>
                </td>
                <td>
                    <button class='btn btn-outline-danger delete-button'
                        id='delete-{todo['id']}'>削除</button>
                </td>
            </tr>
        """

__pragma__('alias', 'S', '$')

from model import Model
from view import View

class Presenter:
    # コンストラクタ
    def __init__(self):
        self._model = Model()
        self._view = View()
        self._bind()

    # イベントをバインドする
    def _bind(self):
        S('body').on('todos-updated', self._on_todos_updated)

    # 初期表示処理
    def start(self):
        self._model.load_all_todos()

    # todos-updated受信時の処理
    def _on_todos_updated(self, event):
        self._view.render_todo_list(self._model.get_all_todos())

(hobopy-frontend) C:\Users\Moso\hobopy\hobopy-frontend>transcrypt -b hobopy-frontend

Transcrypt (TM) Python to JavaScript Small Sane Subset Transpiler Version 3.7.16
Copyright (C) Geatec Engineering. License: Apache 2.0

Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/org.transcrypt.__runtime__.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/org.transcrypt.__runtime__.js
Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/view.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/view.js
Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/const.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/const.js
Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/model.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/model.js
Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/presenter.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/presenter.js
Saving target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/hobopy-frontend.js
Saving minified target code in: C:/Users/Masanobu/hobopy/hobopy-frontend/__target__/hobopy-frontend.js

Ready