Product / 01

Manta

主力モデル

複雑な画面設計を、ひとつの一貫した体験として組み立てるUI framework。

Point of view

Interfaces should feel connected before they feel configurable.

画面はJSON layoutとして宣言し、描画・配置・状態管理をengineが引き受けます。画面ごとの手描き実装をなくします。

入場・退場・状態変化のmotionを共通の時間設計で扱い、操作への応答が途切れない画面を作ります。

描画結果はpixel単位のcaptureで基準と突き合わせます。見た目の正しさを、印象ではなく測定で確かめる開発体制です。

Capabilities

画面構造をdataとして記述し、要素の追加・変更をコードの書き直しなしに反映します。

実行中の値と画面要素を宣言的に接続し、変化した部分だけを効率的に再描画します。

角丸・グラデーション・SVG iconを含む描画primitiveを、全画面共通のAPIで提供します。

text field・toggle・dropdownなどの入力部品を、focus管理とkeyboard操作込みで統一します。

画像・video・Webコンテンツを画面の一部として合成し、ひとつのUIとして描画します。

操作対象の最小サイズやfocusの可視化を規約として組み込み、全productに適用します。