
python| まとめ | 現役エンジニア&プログラミングスクール講師「python」のまとめページです。pythonに関して抑えておきたい知識や文法やにについて記事をまとめています。まとめページの下部には「おすすめの学習書籍」「おすすめのITスクール情報」「おすすめ求人サイト」について情報を掲載中...
目次
- Flask 開発準備
- Flask MVTの概要とアプリケーションの起動
- Flaskの基本
- Flask-WTFを利用したバリエーション
- Flaskでデータベースを利用する
- Flaskアプリケーションの見た目の統一化
- Flaskアプリケーションで画像を扱う方法
- アプリケーション作成作業の区切りをつける
- 複数アプリケーションの利用
- 注文管理アプリケーションとセッションの利用
- 商品管理アプリケーションの修正
- レジ管理アプリケーションの修正
- 消費税額管理アプリケーションの作成
- レジ管理アプリケーションの修正
- 経費管理アプリケーションの作成
- 日計・月次アプリケーションの修正
- 経費管理アプリケーションへの追加プログラミング
- CSVファイルのダウンロード
- アクセス制御
- スマホ表示
- Flask-socketIO
- バグ修正
- QRコードを利用したアクセス
- ブックマークのすすめ
Flask 開発準備

Flask(Part.1)| 【概要と環境構築 】WebフレームワークのFlaskを扱う記事です。ここでは、Flaskアプリケーションの概要と、Flaskアプリケーションを作成するための環境構築方法を解説しています。...
Flask MVTの概要とアプリケーションの起動

Flask(Part.2)| 【MVTの概要とアプリケーションの起動方法 】FlaskはDjangoとは異なり、Webアプリケーションの構造を整理するためのアーキテクチャパターン、MVT(Model-View-Template)を厳格に定めていませんが、FlaskでもMVTの構造に近い形で開発を行うことがあるため、この記事でも概要を扱っています。その後、最小のアプリケーションを作成して起動する方法を扱っています。...
Flaskの基本

Flask(Part.3)| 【テンプレート(Jinja2)の利用】Flaskで利用できる標準のテンプレートエンジンJinja2について扱っています。Jinja2はFlaskをインストールするだけで利用ができ、HTMLやXMLなどいろいろなマークアップ文書を生成することや、テンプレート内に値を埋め込むことができます。...
-320x180.jpg)
Flask(Part.4)| 【ルーティングの基本】Flaskのルーティングついて扱っています。Flaskのルーティングは、特定のURLに対して処理を紐付ける仕組みです。ルーティングを行う方法には、@app.route() デコレーターを利用する方法
やBlueprintを利用する方法があります。...
-320x180.jpg)
Flask(Part.5)| 【ルーティングの利用(1)実装】Part.3までに作成したminiappアプリに「商品管理ページ」「商品追加ページ」を作成して、それぞれのページの遷移(ルーティング)を設定します。このPartではデータベースを利用せず、テンプレートの準備とルーティングについて実装し、その内容を確認します。...
-320x180.jpg)
Flask(Part.6)| 【ルーティングの利用(2)解説】Part.5までに作成した「商品管理ページ」「商品追加ページ」「商品一覧ページ」とそのルーティング(ページ遷移、リダイレクト)について解説しています。その他、フォームの利用方法、リクエストパラメータの利用方法について解説しています。...
Flask-WTFを利用したバリエーション

Flask(Part.7)| 【Flask-WTFを利用したバリデーション】Flask-WTFライブラリを利用し、バリデーション機能の利用を実装します。バリデーションとは、ユーザーが送信するデータが期待する形式や条件を満たしているかを確認する処理です。Flaskにはいくつかのバリデーション方法がありますが、Flask-WTF(WTForms)を使用する方法が一般的です。他にも、request.form を手動で処理する方法や、marshmallow などのライブラリを使う方法もあります。...
Flaskでデータベースを利用する
-320x180.jpg)
Flask(Part.8)| 【Flaskでデータベースを利用する方法(1) 実装】Flask-SQLAlchemyを導入しSQLiteデータベースの利用を行うFlaskアプリケーションのプログラム作成を行います。Flask-SQLAlchemyやSQLiteの概要とその利用方法について解説しています。...
-320x180.jpg)
Flask(Part.9)| 【Flaskでデータベースを利用する方法(2)解説】Flask-SQLAlchemyを導入しSQLiteデータベースの利用を行うFlaskアプリケーションのプログラム解説を行っています。Flask-SQLAlchemyやSQLiteの概要とその利用方法について再解説もしています。...

Flask(Part.10)| 【アプリケーション名のリファクタリング】Flaskアプリケーションのリファクタリング作業について扱っています。リファクタリングの基本原則は、小さなステップで行うことです。一度に大きく変更するとバグが発生しやすくなるため、細かく分けてリファクタリングを行います。...
-320x180.jpg)
Flask(Part.11)| 【ふたつのテーブルの利用(1)実装と実行】リレーショナルデータベースを利用するFlaskアプリケーションでふたつのテーブルを利用するプログラムを実装します。ふたつのテーブルを利用する場合に注意すべきこと必要な新規のファイルを作成しています。...
-320x180.jpg)
Flask(Part.12)| 【ふたつのテーブルの利用(2)ロジック部分の解説】Part.11で入力したロジック部分のプログラムを解説しています。「models.py」「forms.py」「app.py」ファイルの追加編集部分を各行ごとに確認しています。...
-320x180.jpg)
Flask(Part.13)| 【ふたつのテーブルの利用(3)テンプレート部分の解説】Part.11で入力したテンプレート部分のプログラムを解説しています。新規では「categorys.html」「category_form.html」を作成し、「add_product.html」「products.html」「manage_product.html」では、追加と修正を行いました。...

Flask(Part.14)| 【商品データの編集と削除機能の実装】これまで実装していなかった商品データの編集機能と削除機能を追加しています。カテゴリーデータの編集機能・削除機能と同様のルートを作成しています。...
Flaskアプリケーションの見た目の統一化
-320x180.jpg)
Flask(Part.15)| 【見た目の統一化(1)】前回までで作成したアプリケーションでは、ページごとのボタンの配置に統一感がなく、ユーザーの操作に混乱が生じる可能性がありました。具体的には商品一覧ページでは「商品を追加する」ボタンが左にあり、「商品管理ページ」ボタンが右にあるのに対して、カテゴリー一覧ページでは「カテゴリーを追加」ボタンが右にあり、「商品管理ページ」ボタンが左にありました。また、「商品を追加する」と「カテゴリーを追加」のように、文言も不均一でしたし、各ページの「〇〇ページ(例:商品一覧ページ)」といったタイトルが、ブラウザのタブに表示されるタイトルや、すぐ下に表示される「商品一覧」と重複していることから不必要な表示であることも考える必要があります。この記事では、それらに一定のルールを設けて、見た目を統一していきます。...
-320x180.jpg)
Flask(Part.16)| 【見た目の統一化(2)】Flaskでは、Jinja2 というテンプレートエンジンを使用してHTMLを動的に生成します。このとき、複数のページで共通する部分(ヘッダー、フッター、ナビゲーションバーなど)をまとめた、「親テンプレート」と呼ばれる、ひとつのテンプレートを作成し、「子テンプレート」と呼ばれる個別ページのテンプレートに「継承」して使うことができます。この仕組みによって、コードの重複を減らし、メンテナンスがしやすくなります。...
Flaskアプリケーションで画像を扱う方法
-320x180.jpg)
Flask(Part.17)| 【画像のアップロードと利用(概要編)】ここでは、Flaskアプリケーションでの画像のアップロード方法とアップロードした画像の利用方法について概要を解説しています。...
-320x180.jpg)
Flask(Part.18)| 【画像のアップロードと利用(実装編)】Flaskアプリケーションで画像のアップロードと表示方法の実装を行っています。具体的には商品管理システムで商品追加時に商品名や価格と一緒に画像を選択送信し、アプリケーション側にアップロードします。その後、商品一覧のページで各商品ごとにアップロードしたファイルを表示させています。...
-320x180.jpg)
Flask(Part.19)| 【画像のアップロードと利用(解説編)】Flaskアプリケーションで画像のアップロードと表示方法を行ったプログラムの解説をしています。商品管理システムで商品追加時に商品名や価格と一緒に画像を選択送信し、アプリケーション側にアップロードするプログラムを一行一行確認しています。...
アプリケーション作成作業の区切りをつける

Flask(Part.20)| 【商品管理アプリケーションのコミット】Flaskアプリケーションで作成した商品管理のシステムをコミットします。今回はfeature-miniappブランチで作業をしてきたので、これをコミットした後、developブランチへマージします。マージ後はfeature-miniappブランチは削除します。...
複数アプリケーションの利用
-320x180.jpg)
Flask(Part.21)| 【複数アプリケーションの統合(1)】Flaskアプリケーションで複数のアプリケーションを統合する方法を扱っています。Blueprintを利用したFlaskアプリの登録や定義方法、テンプレートのURL修正方法などを扱っています。...
-320x180.jpg)
Flask(Part.22)| 【複数アプリケーションの統合(2)】Flaskアプリケーションで複数のアプリケーションを統合する方法を扱っています。Blueprintを利用したFlaskアプリの登録や定義方法、テンプレートのURL修正方法とプログラムに関する解説を行っています。...

Flask(Part.23)| 【テーブル管理アプリケーションのプログラミング】Flaskアプリケーションに追加のアプリケーションを作成しています。アプリケーションの基本については、商品管理アプリケーションで学習した内容とアプリケーションの統合で行った内容を基に行っています。...

Flask(Part.24)| 【テーブル管理アプリケーションのコミット】ここではテーブル管理アプリケーション作成作業と商品管理アプリケーションとのアプリケーション統合作業が完了したので、これをコミットし、その後、developブランチへマージします。マージ後はfeature-tablesappブランチを削除します。...
注文管理アプリケーションとセッションの利用
注文管理アプリケーションとセッションの利用(part.1)
-320x180.jpg)
Flask(Part.25)| 【注文管理アプリケーションのプログラミング(1)】Flaskアプリケーションに追加のアプリケーションを作成しています。ここでは、注文管理アプリケーションを作成します。まずは、注文管理アプリケーションに必要なディレクトリやファイルを作成し、統合作業を行います。その後、注文管理アプリケーションのプログラミングを進めます...
-320x180.jpg)
Flask(Part.26)| 【注文管理アプリケーションのプログラミング(2)l(1)の解説】Flaskアプリケーションに注文管理アプリケーションを作成しました。ここでは作成したアプリケーションのプログラムの解説を行っています。...
-320x180.jpg)
Flask(Part.27)| 【注文管理アプリケーションのプログラミング(3)】Flaskアプリケーションに追加した注文処理のプログラムにセッションを利用した買い物カート機能の追加を行います。前回のまでの一品ごとの注文から、複数品目の注文を処理できるシステムへ変更します。...
-320x180.jpg)
Flask(Part.28)| 【注文管理アプリケーションのプログラミング(4)l(3)の解説】Flaskアプリケーションに追加した注文処理のプログラムにセッションを利用した買い物カート機能の追加を行います。前回のまでの一品ごとの注文から、複数品目の注文を処理できるシステムへ変更します。...
-320x180.jpg)
Flask(Part.29)| 【注文管理アプリケーションのプログラミング(5)】前回の記事では注文処理のプログラムにセッションを利用した買い物カート機能の追加を行いました。ここでは、注文フォームへのキャンセル機能の追加と、カートでの注文個数の変更機能、注文の削除機能を実装しアプリケーションの利便性をあげます。...
-320x180.jpg)
Flask(Part.30)| 【注文管理アプリケーションのプログラミング(6)l(5)の解説】前回の記事で追加した、注文フォームでのキャンセル機能と、カートの注文個数の変更機能、注文の削除機能について解説を行っています。...
データベースのバックアップとデータの復元

Flask(Part.31)| 【.sqlファイルのエクスポート】ここでは、これまで入力したデータをバックアップする方法について扱います。この記事では、これまでも、テストのために何度もデータベースを削除してきました。このように、実際の動きを確認する際には、テストドライバを組み込むだけでなく、実データでの確認が必要になることがあります。
Flaskを使った開発では、テストや実際の動作確認のためにデータベースを何度もリセットすることがあるため、バックアップの方法を知っておくことは非常に重要です。
この記事では、データをバックアップするために.sqlファイルとしてエクスポートする方法を確認します。...

Flask(Part.32)| 【.sqlファイルを利用したデータの復元】ここでは、commonディレクトリ内のdb.pyファイルにデータ復元用のプログラムを準備し、Flaskアプリケーション起動時にバックアップファイルを使用してデータの復元を行う仕組みを構築します。
データの復元方法としては、前回エクスポートした「dump.sql」ファイルを利用します。
この記事では「dump.sql」ファイルを「FlaskProj」直下に配置し、データベースが作成されたときに、このファイルのを利用して、必要なテーブルやデータの格納を自動で行わせます。...
注文管理アプリケーションとセッションの利用(part.2)

Flask(Part.33)| 【注文管理アプリケーションのプログラミング(7)】ここでは、注文処理機能に会計ボタンを追加します。機能としては、会計ボタンをクリックすると、全てのメニューを選択できなくなり、追加の注文を行えなくします。再度、ボタンをクリックすると、注文を再開できるようにします。
この機能を追加するにあたり、ordersapp と tablesapp の models.pyファイルに変更を行う必要があります。Flaskアプリケーションを起動する場合は、古いデータベースを削除し、前回の記事で作成したデータの復元処理をコメントアウトして実行します。...

Flask(Part.34)| 【注文管理アプリケーションのプログラミング(8)l(7)の解説】前回の記事では、注文処理機能に会計ボタンを追加しました。機能としては、会計ボタンをクリックすると、全てのメニューを選択できなくなり、追加の注文を行えなくなるものでした。また、再度、ボタンをクリックすると、注文を再開できるように構築しました。ここでは、修正した内容について確認します。...

Flask(Part.35)| 【注文管理アプリケーションのコミット】ここでは注文管理アプリケーションの作成と、必要なモデルの修正作業、アプリケーション統合作業が完了したので、これをコミットし、その後、developブランチへマージします。マージ後はfeature-ordersappブランチを削除します。...
商品管理アプリケーションの修正
-320x180.jpg)
Flask(Part.36)| 【商品管理アプリケーションの修正】ここでは、これまで、商品管理アプリケーションで不便と感じていた部分について修正を行います。具体的には次の通りです。
商品一覧の編集ボタンをクリックしたときに、表示される編集画面で、編集前の商品名、価格、カテゴリーを初期値でセットさせます。
(Git では release-products-001 ブランチで修正)
商品編集で画像をアップロードする以外に、既にアップロード済みの画像からも画像を選択できるようにします。
(Git では release-products-002 ブランチで修正)
商品に「販売中」「完売」「在庫切れ」「販売中止」ステータスを作成して「完売」「在庫切れ」は選択不可とし、「販売中止」は表示しないようにします。
(Git では release-products-003 ブランチで修正)...
-320x180.jpg)
Flask(Part.37)| 【商品管理アプリケーションの修正(2)】ここでは、これまで、商品管理アプリケーションで不便と感じていた部分について修正を行います。具体的には次の通りです。
商品一覧の編集ボタンをクリックしたときに、表示される編集画面で、編集前の商品名、価格、カテゴリーを初期値でセットさせます。
(Git では release-products-001 ブランチで修正)
商品編集で画像をアップロードする以外に、既にアップロード済みの画像からも画像を選択できるようにします。
(Git では release-products-002 ブランチで修正)
商品に「販売中」「完売」「在庫切れ」「販売中止」ステータスを作成して「完売」「在庫切れ」は選択不可とし、「販売中止」は表示しないようにします。
(Git では release-products-003 ブランチで修正)...
-320x180.jpg)
Flask(Part.38)| 【商品管理アプリケーションの修正(3)】ここでは、これまで、商品管理アプリケーションで不便と感じていた部分について修正を行います。具体的には次の通りです。
商品一覧の編集ボタンをクリックしたときに、表示される編集画面で、編集前の商品名、価格、カテゴリーを初期値でセットさせます。
(Git では release-products-001 ブランチで修正)
商品編集で画像をアップロードする以外に、既にアップロード済みの画像からも画像を選択できるようにします。
(Git では release-products-002 ブランチで修正)
商品に「販売中」「完売」「在庫切れ」「販売中止」ステータスを作成して「完売」「在庫切れ」は選択不可とし、「販売中止」は表示しないようにします。
(Git では release-products-003 ブランチで修正)...
レジ管理アプリケーションの修正
-320x180.jpg)
Flask(Part.39)| 【レジ管理アプリケーションのプログラミング(1)】ここからは、商店スタッフが利用するためのレジ管理アプリケーションを作成していきます。具体的には、全てのテーブル状況を確認できたり、各テーブルの注文状況を確認でき、ユーザー側では行えない注文済みの商品の取り消しや、会計を完了させる機能を実装します。
ここでは、全てのテーブル状況を確認できるテンプレートと各テーブルの注文状況を確認できるテンプレートをルートをあわせて実装します。...
-320x180.jpg)
Flask(Part.40)| 【レジ管理アプリケーションのプログラミング(2)】ここからは、商店スタッフが利用するためのレジ管理アプリケーションを作成していきます。具体的には、全てのテーブル状況を確認できたり、各テーブルの注文状況を確認でき、ユーザー側では行えない注文済みの商品の取り消しや、会計を完了させる機能を実装します。
ここでは、注文された商品の個数を修正する機能とキャンセルする機能の実装とpendingステータスの伝票に対して会計完了ボタンを設置して会計の処理を完了させる機能の実装をおこないます。...
-320x180.jpg)
Flask(Part.41)| 【レジ管理アプリケーションのプログラミング(3)】ここからは、商店スタッフが利用するためのレジ管理アプリケーションを作成していきます。具体的には、全てのテーブル状況を確認できたり、各テーブルの注文状況を確認でき、ユーザー側では行えない注文済みの商品の取り消しや、会計を完了させる機能を実装します。
ここでは、注文された商品の提供・未提供を管理できる機能とテンプレートの実装をおこないます。...
消費税額管理アプリケーションの作成
-320x180.jpg)
Flask(Part.42)| 【消費税額管理アプリケーションのプログラミング(1)管理者側】これまで作成してきたFlaskアプリケーションにここからは、ここからは、消費税額管理アプリケーションを作成して、伝票一覧と個別伝票に税込金額を表示する処理を実装します。...
-320x180.jpg)
Flask(Part.43)| 【消費税額管理アプリケーションのプログラミング(2)ユーザー側】これまで作成してきたFlaskアプリケーションにここからは、ここでは、利用者に税込金額の提示を行う処理を実装します。...
レジ管理アプリケーションの修正

Flask(Part.44)| 【レジ管理アプリケーションの修正】ここでは、レジ管理アプリケーション内の伝票作成時間の表示をJSTに修正します。ここでの作業は、release-register-001ブランチを作成して行います。...
経費管理アプリケーションの作成
-320x180.jpg)
Flask(Part.45)| 【経費管理アプリケーションのプログラミング(1)】ここからは、経費管理アプリケーションを作成します。まずは、経費管理アプリケーションに必要なディレクトリやファイルを作成し、統合作業を行います。その後、経費管理アプリケーションのプログラミングを進めます。
経費管理の入力には勘定科目が必要となります。まずは、勘定科目のモデルを作成して、必要な勘定科の入力・編集が行えるようにします。...
-320x180.jpg)
Flask(Part.46)| 【経費管理アプリケーションのプログラミング(2)】ここからは、経費管理アプリケーションを作成します。まずは、経費管理アプリケーションに必要なディレクトリやファイルを作成し、統合作業を行います。その後、経費管理アプリケーションのプログラミングを進めます。
経費管理の入力には勘定科目が必要だったため、前回の記事で作成しました。その他、経費入力には日付、勘定科目、摘要、入金、出金の項目を準備します。(摘用…経費の用途の詳細を記入するためのもの)これらの項目を持つ経費について入力・編集が行えるようにします。...
日計・月次アプリケーションの修正
-320x180.jpg)
Flask(Part.47)| 【日計表示・月次表示アプリケーションの作成】ここからは、日計・月次表示アプリケーションの作成を行います。まずは、日計・月次表示アプリケーションに必要なディレクトリやファイルを作成し、統合作業を行います。その後、日計・月次表示アプリケーションのプログラミングを進めます。...
経費管理アプリケーションへの追加プログラミング
-320x180.jpg)
Flask(Part.48)| 【経費管理アプリケーションへの追加プログラミング】ここでは、経費管理アプリケーションに通帳での収支を管理するための機能を追加します。これまで、作成してきた経費処理は名称を現金出納帳に変更して、現金と預金で処理を別々に管理できるように変更します。...

Flask(Part.49)| 【現金出納帳と預金出納帳での連動処理】ここでは、現金出納帳と預金出納帳で勘定科目が現金・普通預金を連動させる機能を追加します。例えば、現金を銀行へ入金した場合、現金出納帳で「普通預金」の科目を選択して、銀行への入金額を出金で入力します。この時、商店としての残高は現金としては減りますが、預金としては増えることになります。結果、預金出納帳では「現金」の科目で入金された額を入金として入力する必要があります。このため、いづれかひとつの処理が発生した時に、残りの処理も行われるようにする機能があることで、入力漏れを防ぐことができます。...

Flask(Part.50)| 【現金とキャッシュレスの同時支払を管理する】ここからは、会計時に現金とキャッシュレスの同時支払を行えるようにプログラムやテンプレートを修正していきます。まずは、修正用のGitブランチを準備します。...

Flask(Part.51)| 【日計表示・月次表示アプリケーションへの預金出納帳表示追加】ここからは、新しく追加した預金出納帳を日計・月次内で表示させる処理を追加します。...

Flask(Part.52)| 【現金と売掛金を考慮した残高表示への修正】ここからは、日計・月次表示の修正を行います。具体的には、日計・月次の売上表示を現金・売掛金(キャッシュレス)に分けて表示し、現金と売掛金を考慮した残高表示に修正します。ここでの作業は前回作成した「release-register-002」ブランチで行います。...
CSVファイルのダウンロード

Flask(Part.53)| 【日計の売上・現金出納帳・預金出納帳にCSVファイルのダウンロード機能を実装】ここでは、日計表をCSVでダウンロードする機能を実装します。ここでのプログラミングはJavaScriptを利用して行います。作業ブランチは、前回と同様でfeature-income-and-expenditureブランチを利用します。...
アクセス制御

Flask(Part.54)| 【管理者が利用するページはサインインが必要とする機能追加】ここでは、ユーザーセキュリティアプリケーションの作成を行っています。管理者が利用するページに対して、アクセス制限を設け、サインインを必要とする機能を追加しています。ダッシュボード以外のページにはアクセス制限はかかっていません。...

Flask(Part.55)| 【権限によるアクセスの制御】前回までに作成したユーザーセキュリティの機能を利用してページごとにアクセス制限をかけていきます。具体的には各ルートに次のデコレータを取り付けることで、この制限を行えます。「@login_required」「@admin_required」...

Flask(Part.56)| 【ダッシュボード画面への遷移ボタンを各ページへ追加する】前回までに、ユーザーセキュリティアプリケーションにおいて、ユーザーの権限に応じたアクセス制限の設定を行いました。これにより、ダッシュボードから各ページへ遷移し、適切な操作を行えるようになっています。ただし現状では、「管理ユーザー一覧」と「管理ユーザー追加」ページを除き、各ページからダッシュボードへ戻るためのリンクが未設定となっています。ここでは、これらのページへダッシュボードへ戻るためのリンクを設定します。...
スマホ表示

Flask(Part.57)| 【注文画面のスマホ用の表示】今回の見た目の調整はスマートフォンの横幅が414px以下の端末に対して行います。調整にはChromeのデベロッパーツールなども利用して行うのが通常で、この記事執筆時にも利用していますが、こちらの利用方法については解説としては扱っていません。機会があれば、別の記事で触れたいと思います。...
Flask-socketIO
-320x180.jpg)
Flask(Part.58)| 【Flask-SocketIOの利用(1)】Flask-SocketIOは、Flaskアプリケーションに双方向のリアルタイム通信機能を追加するための拡張機能です。WebSocketや長輪講(Long Polling)などの通信手段を使って、クライアントとサーバー間で即時にデータをやり取りできます。今回はその機能を利用して、同じテーブルからアクセスしている全端末にリアルタイムで注文を反映させる機能と、「会計予定に変更」「注文可能に戻す」のボタンを同じテーブルに接続している他の端末でもリアルタイムに連動して反映させる機能を追加します。...
-320x180.jpg)
Flask(Part.59)| 【Flask-SocketIOの利用(2)】会計後(ステータスがpaid)は注文に戻るボタン押下でのリクエストに対して「このテーブルは既に会計済みです。」と表示させ追加処理を行えないようにする。会計後(ステータスがpaid)は注文フォーム・カートからのリクエストに対して「このテーブルは既に会計済みです。」と表示させ追加処理を行えないようにする。...
-320x180.jpg)
Flask(Part.60)| 【Flask-SocketIOの利用(3)】Flask-SocketIOを利用して新規の伝票が作成されたときに連動して伝票一覧の表示をリアルタイムで更新する機能を追加する
Flask-SocketIOを利用して注文が行われた時、伝票一覧の表示をリアルタイムで更新する機能を追加する
Flask-SocketIOを利用して「会計予定に変更」「注文可能に戻す」ボタンの押下に連動して伝票一覧の表示をリアルタイムで変更する機能を追加する
注文確認テーブルと伝票一覧の反映をリアルタイムで行う機能を追加する(Flask-SocketIO未使用)...
バグ修正

Flask(Part.61)| 【新規伝票に直前のテーブルのカート内容が引き継がれるバグの修正】新規伝票を作成したときに、直前のテーブルのカート内容が引き継がれるバグを修正します。(会計処理時にカートから注文確定処理を行った場合に生じる)...
QRコードを利用したアクセス

Flask(Part.62)| 【QRコード生成アプリケーション】これまで、作成してきた注文オーダーアプリは、ひとつのテーブルから複数人が同時にアクセスして注文をできることを想定しています。ただし、この時、利用するURLはテーブル番号が「2」ならhttp://PC名/orders/order/table/2、テーブル番号が「5」であればhttp://PC名/orders/order/table/5とシンプルなため、悪意のあるユーザーが手打ちで他人の会計情報を見れるといった怖さがあります。これに対処します。...
記事追加予定

「python」おすすめ書籍 ベスト3 | 現役エンジニア&プログラミングスクール講師「python」の学習でお勧めしたい書籍をご紹介しています。お勧めする理由としては、考え方、イメージなどを適切に捉えていること、「生のpython」に焦点をあてて解説をしている書籍であることなどが理由です。勿論、この他にも良い書籍はありますが、特に質の高かったものを選んで記事にしています。ページの下部には「おすすめのITスクール情報」「おすすめ求人サイト」について情報を掲載中。...
ブックマークのすすめ
「ほわほわぶろぐ」を常に検索するのが面倒だという方はブックマークをお勧めします。ブックマークの設定は別記事にて掲載しています。

「お気に入り」の登録・削除方法【Google Chrome / Microsoft Edge】「お気に入り」の登録・削除方法【Google Chrome / Microsoft Edge】について解説している記事です。削除方法も掲載しています。...

【パソコン選び】失敗しないための重要ポイント | 現役エンジニア&プログラミングスクール講師【パソコン選び】失敗しないための重要ポイントについての記事です。パソコンのタイプと購入時に検討すべき点・家電量販店で見かけるCPUの見方・購入者が必要とするメモリ容量・HDDとSSDについて・ディスプレイの種類・バッテリーの持ち時間や保証・Officeソフト・ウィルス対策ソフトについて書いています。...