先日、オプト社内で納会がありました。 その際の出し物の一つとしてクイズ大会があり、技術検証を兼ねてクイズアプリを作成したので中身についてお話します。 (今回はフロントエンド編です) はじめに クイズアプリ仕様 概要 使った技術 画面設計 回答者:ログイン画面 回答者:待機画面 管理者:管理画面 回答者:回答画面 回答者:正誤確認画面 管理者:ランキング画面 技術的な話 アーキテクチャ サーバー通信について WebSocketについて フロントの開発について テストについて まとめ はじめに こんにちは。uryyyyyyyです。 先日(といっても7月あたりですが)、オプトの納会が行われました。 有志による多くの出し物があったのですが、その中の「クイズ大会」コンテンツにて、 問題の回答&集計をできるアプリを作れないかと頼まれたため、Webアプリを作ってみました。 せっかくなので会社固有の情報を
![会社の納会用にクイズアプリを作りました(React / TypeScript) - Opt Technologies Magazine](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2308c1a32ca6aab2ad721989128d9ec8c3d58a2/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fo%2Fopttechnologies2015%2F20160914%2F20160914142352.png)