Composable な UI 設計を目指したフロントエンド開発 | MEDLEY Developer Portal

2018-02-27Composable な UI 設計を目指したフロントエンド開発こんにちは、開発本部の舘野です。医療介護の求人サイト「ジョブメドレー」の開発を担当しています。 昨年、ジョブメドレーでは事業所が利用する採用管理画面の UI リニューアルを行いました。ユーザが使いやすい UI づくりを目指すために、長期間にわたり誰が開発しても一貫性ある UI を実現できるようなシステムが必要です。そこで今回は「Composable」な UI システムの実現をテーマに、どのように開発を行ったのかについて、共有させていただきます。 背景：画面や機能追加のたびに UI の一貫性がなくなっていたジョブメドレーの採用管理画面とは、医療機関や介護施設の採用担当者が求人情報の管理や応募者の選考状況の管理などを行う画面です。 この採用管理画面ですが、リニューアル以前はAngularをフレームワークとして採

[I_L_S]

Angular はAngular 2以降のことなのでAngular JSをAngular って言うのはやめましょう。あとAngularJSでもディレクティブ設計きちんとしてれば破綻しないよ。遅いけど。 あ、リニューアルの方は素晴らしいので頑張ってください！

[karauma]

“モーダルの中で表示するコンテンツ要素や背面に敷くオーバーレイコンポーネントは、モーダルコンポーネント自体には含まず別のコンポーネントとして切り出した方が再利用しやすく、組み合わせ”

[testedquality]

Reactでの設計の話。

[d4-1977]

UIの課題は難しい。テストもないしなあ

[Layzie]

今回は、管理画面のリニューアルの話を書いてもらいました。フロントエンドで一貫性とか堅牢とか大変よね