[B! UI] tacamulaのブックマーク

大規模Angular SPA開発に立ち向かうためにアプリとUIを切り分けた話

ビズリーチで「HRMOS（ハーモス）採用管理」のフロントエンドエンジニアをしています、浅井です。前編では「AngularJSのリプレースにAngularを選んだ話」についてお話しました。今回は、長期的にサービスを発展させていくことを念頭に置き、アプリケーションの規模もチームメンバーの人数が増えていってもスムーズに開発・メンテナンスしていくために、AngularでWebアプリケーションを再構築していく中で盛り込んだことをご紹介したいと思います。 AngularJS時代の課題せっかくAngularに移行するからには、「AngularJS時代からの負債は引き継ぎたくない、メンテナンスしやすい仕組みにしておきたい」というのがチームメンバー全員の想いとしてありました。まずは、AngularJS時代に実装・運用フェーズで感じていた課題を洗い出したところ、ページ単位で似たようなUIが別々に

tacamula 2019/11/12

リンク

【考察】なぜ『ファイナルファンタジー』シリーズのHPゲージは右下なのか？システムによって変化する最適なUIデザイン - GAME LIFE HACK

今更言うまでもない事ではあるが、ゲーム画面においてHPゲージを始めとした『UI（ユーザーインターフェース）』は重要な要素としてゲーム内に存在しており、HPゲージやMPゲージ、弾薬数、速度計、スコア、そしてレーダーや地図、クエストやコマンド、アイテム欄など様々なもので構成されている。しかしこういったゲージ類は作品によって大きく異なった位置に割り当てられている。例えば、ある作品では左上に配置されていたHPゲージが、別の作品では左下に配置されていたり、中央上部に表示されているというケースも見たことがあるだろう。それはなぜだろうか？なぜ、HPゲージは左上で固定されていないのだろうか？なぜ、弾薬類の表示は右側に集中しているのだろうか？なぜ、速度計は右下に配置されているケースが多いのだろうか？なぜ、コマンドメニューは下側に配置されているのだろうか？そもそもなぜ、普段遊んでいる時は、このよ