Arsaga Partners, Inc.

TOP

>

KNOWLEDGE

>

DX用語辞典

>

宣言的UI

宣言的UI

読み方:せんげんてきゆーあい

  

宣言的UIとは

WebサイトやアプリケーションのUIを実装する概念の1つです。
予め完成形のUIのイメージに基づいて、画面を実装していく手法です。
宣言的UIでは、動的な部分を渡すだけで、画面を構築してくれる関数をベースにして、画面を実装していくことができます。
宣言的UIでは、アプリのステータスに応じて、どの様な表示(UI)になるべきかを宣言するように実装していくことが特徴です。
そのため、宣言的UIを行う際には、予め、アプリのロジックを予約するように定義していきます。作りたい画面表示(たとえば画面遷移やアニメーション)に対して、逆算するようにコーディングをしていきます。
宣言的UIを実現するための要素技術には、DataBindingなどがあります。
宣言的UIのフレームワークには、React、ReactNative、Flutter、SwiftUI、JetpackComposeなどがあります。

 

現場の声

初めて見た時はめちゃくちゃ綺麗に楽にコードが書けると衝撃的でした。
ですが、実際に使ってみると、何も考えずに書くとネストが深くなりすぎたり、慣れていないのも大きいですが、従来の命令的記述で書きたくなる時もありました。
また、iOSではまだUIKitが必要になるケースも多々あります。
基本はMVVMだと思いますが、宣言的UIでのアーキテクチャ設計も課題になってくると思います。特にFlutterはまだまだデファクトスタンダード的なアーキテクチャは変動があると感じます。

 

現場の声2

ネイティブアプリ開発用の宣言的UIフレームワークとしては、ReactNative、Flutterなどのマルチプラットフォームのものが先行して登場したが、現在ではiOS純正のSwiftUI、Android純正のJetpackComposeの開発も進んでいます。そのため、各OS共に公式的にも宣言的UIへ移行する流れが予想されます。

 

関連用語

宣言的(Declarative)
React
ReactNative
Flutter
SwiftUI
JetpackCompose

 

 

<執筆・監修>
アルサーガパートナーズ株式会社 DX技術用語集制作チーム App Div.

制作・監修

アルサーガパートナーズ
DX技術用語辞典 制作チーム

当社は、営業部隊を持たないDX開発パートナースタジオです。

お問い合わせはこちら

CONTACT

下記よりお気軽にご相談ください。

LINEでお問い合わせ

RECRUIT

採用情報

アルサーガパートナーズ株式会社は、一緒に働く仲間を募集しています。 「人間らしく生きる」「自分で考えて行動する」という文化を重視しており、「バグを否定しない」という言葉を掲げています。 挑戦をし続けることが一番の成長に繋がると信じているからです。 まずは挑戦する第一歩を踏み出してもらえれば幸いです。

RECRUIT

採用情報