Flask

Reactサンプルアプリ開発プラニングポーカーまとめ

by 管理人
2020-05-252021-05-10

いったんサンプルアプリとしての機能は完成したので、まとめ。 React Hooksの勉強のため、プラニングポーカーを題材にしたサンプルアプリを開発した。ソースコ… 続きを読む »Reactサンプルアプリ開発プラニングポーカーまとめ

Poker

Reactサンプルアプリ開発プラニングポーカー (13) Flask-SocketIOでWebSocket通信のグルーピングを行う

by 管理人
2020-05-162020-05-16
1件のコメント

プラニングポーカーアプリでは、プレイヤーの参加、入札、オープンといった各種イベントをWebSocketによる双方向通信で行い、リアルタイム性を実現している。ライ… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (13) Flask-SocketIOでWebSocket通信のグルーピングを行う

Poker

Reactサンプルアプリ開発プラニングポーカー (10) Bidの通知

by 管理人
2020-05-092020-05-10
1件のコメント

まず初めに前回の投稿で書いた以下の設定はNGだったので修正する。具体的には、WebSocket通信が一定数で404 Bad requestになってしまう現象が起… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (10) Bidの通知

固定ページ: 1 2

Poker

Reactサンプルアプリ開発プラニングポーカー (9) Redisを使う

by 管理人
2020-05-062020-05-09
1件のコメント

プラニングポーカーの場の情報（場名や参加プレイヤー名）をFlaskアプリケーションのトップレベルの変数に格納していたが、これだとHerokuにデプロイしたときに… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (9) Redisを使う

Reactサンプルアプリ開発プラニングポーカー (8) WebSocketで通知する

by 管理人
2020-05-052020-05-05

親プレイヤーが開いた場に子プレイヤーが参加した際に、参加中にプレイヤーに対して通知を行って画面更新を行わたい。それにはWebSocketによる双方向通信が必要だ… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (8) WebSocketで通知する

Poker

Reactサンプルアプリ開発プラニングポーカー (7) 他のプレイヤーが参加できるようにする

by 管理人
2020-05-032020-05-03

前回は、親が場を開くと場の画面へ遷移し、Ajaxで取得したプレイヤーリストを表示するところを実装した。今回は、この場に対して他のプレイヤーが参加できるようにす… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (7) 他のプレイヤーが参加できるようにする

Poker

Reactサンプルアプリ開発プラニングポーカー (6) Ajaxでプレイヤーリストをフェッチ

by 管理人
2020-04-292020-04-29

トップページから場を開いたあとに表示されるプレイヤーはダミーデータを用いていたが、実際のデータを取得して表示するように修正したい。トップページで以下のように入力… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (6) Ajaxでプレイヤーリストをフェッチ

Poker

Reactサンプルアプリ開発プラニングポーカー (5) 画面遷移

by 管理人
2020-04-232020-04-23

今回は、トップ画面からポーカーを行う「場」の画面への遷移を実装する。トップ画面は以下。場名とニックネームを入力し「場を開く」をクリックすると、以下の画面に遷移… 続きを読む »Reactサンプルアプリ開発プラニングポーカー (5) 画面遷移

[技術メモ] Flaskの静的コンテンツのパス指定

by 管理人
2020-04-052020-04-05

忘れないようにメモ。静的コンテンツのフォルダはstatic_folder=”public”のように指定するが、これだけだとHTMLファイル中のリンクがhref=… 続きを読む »[技術メモ] Flaskの静的コンテンツのパス指定