Airbnbが採用するServer-Driven UIについて、私達はどう活かすのか｜rikinemu

まずはじめにこれは、デザインエンジニアとして生きてきた私Rikikaのポジショントークです。 エンジニアとデザイナーの垣根が少しでも低くなれば、最高のプロダクトが次々に生まれると信じています。気に入ってくれた方はフォローお願いします！ Server-Driven UI（SDUI）とは何かAirbnbのテックブログで出てきた、UIをサーバーサイドで定義し、クライアント側に返却するという手法です。 つまりクライアント側で状態管理やレンダリングのロジックを持たせずに、各プラットフォームでのUIの同一性をサーバー側で担保するというもの。 GhostPlatform というイケイケの名前で立ち上がったというプロジェクト、Airbnb社内ではかなり普及しているようです。 ※GuestとHostを大切にするためのシステムだからGhostらしい SDUIは何を解決しているのか例えば、コンポーネント間の並び

[password1234]

コンポーネント間の並び順や細かい位置を変更したくなったときに、サーバー側のリリースをしないでもクライアント側のJSを変えるだけで細かいUIが調整できるので開発効率が上がるのではなかったの…？

[securecat]

どうポジショントークなのかがよくわからなかった

[rainbow_doll]

エアビはあのくっそ重たい、くっそ使いづらい管理画面どうにかしてからにしろよと悪態ついてみる

[tumo300-500]

`GuestとHostを大切にするためのシステムだからGhost`

[ko-ya-ma]

webだけでなく、AndroidやiOSアプリ等の複数のUI実装が並存しているときに、サーバ側がJSONを返してUIを変更できたら便利でしょ？ ということと見た

[kagehiens]

なんか中間言語を定義してサーバーがクライアントに送り込む感じ？SAPのGUIとかそんな感じだったような……。

[berlysia]

外観を構成するJSONを返すので各クライアントの表示方法に任せられるということかな。各端末はテンプレート展開を実装しておけば多様な端末に一括で変更が適用出来てうれしい。面白そう

[rgfx]

アプリ審査なしでUIをアプデできるの、ReactNativeとの違いは…？／あー。エアビー、RNを既存ネイティブに組み込もうとして諦めたんだっけか。 https://news.ycombinator.com/item?id=27709899

[cl-gaku]

“サーバーからはJSONで、以下のようなレスポンスを返し、コンポーネントの各要素の配置、スタイル、アクションなどをクライアント側に描画させます。”？？？

[field_combat]

昔ながらのサーバサイドに近いんかな。サービスの特性とか規模とかでサーバで面倒見る範囲を考えた方がいい感じかな

[snowcrush]

それってHTMLでは・・・

[ustam]

Pinterest とかこんな感じじゃなかったっけ？/あ、そういうことじゃない？