【技育展】UU-Circlesが登壇しました

2021年9月19日 (日)に技育展2021、テーマ「コミュニケーション(コロナ禍でのオンラインコミュニケーションを促進するアプリケーション)」でUU-Circlesが登壇しました。

技育展2021

https://talent.supporterz.jp/geekten/2021/

↓ UU-Circles

https://uu-circles.com/

UU-Circlesの魅力

サークルのビラ

サークルのビラを一覧で見ることができます!

実際に覗いて見てください!

今日の新歓

毎日行われる新歓イベントを「今日の新歓」ページで見ることができます!

UU-Circles を作る上で大切にしたこと

チームを愛し、作品を愛し、ユーザーを愛する

チームを愛し → チームメンバーが使いたい技術を積極的に用いる

作品を愛し → より愛されるために日々アップデート

ユーザーを愛す → 親しみやすい、使いやすい UI・UX を表現

チームを愛し、作品を愛し、ユーザーを愛する

技術的こだわりポイント

新入生がお互いに見ている場所が分かる機能

キャンパスライフさながらな賑わいを表現しました

↓ 実際に体験してみる (デモ画面)

https://uu-circles.com/demo

システム構成

WebSocket (Pusher) で作成しています。ユーザー位置とアイコンを全端末で同期させています。

手順

  1. 端末から定期的にユーザーの記録をサーバーへ送信します
  2. その記録をデータベースに保存し、
  3. ”WebSocket” で全端末に対して、位置やアイコンをまとめて同期させます!
キャンパスライフさながらな賑わいを表現するシステム構成

システムの問題による課題

サーバーサイドで処理時間が思ったよりかかってしまう」を解決するために、エンジニアリング視点 x デザイン視点を用いました。

エンジニアリング視点では、SQL文をキャッシュさせ、通信回数を減らし、また、WebSocketを使い、通信時間を減らしました。

デザイン視点では、「自分自身のアイコンを非表示」にして、違和感のある画面のチラつきを減らしました。

発表当日のスライド

UU-Circlesに関するおすすめ記事

Twitter