クエリアの機能

UIコンポーネント

管理画面や、業務ツールに必要なパーツを完全にカバー。ドラッグ&ドロップするだけでインターフェイスを構築できます。

詳細な設定もノーコードで

面倒なバリデーションや入力ルールなども
クエリアが事前に用意したコンポーネントを組み合わせるだけ

入力インターフェイス

あらゆるデータ型に対するフォーマットとバリデーションを備えた入力インターフェイスが、高度な設定を短時間で実現します。

テキスト入力

メールアドレス

パスワード

日時(Datetime)

マルチセレクト

チェックボックス

チェックボックス(複)

ラジオボタン

テキストエリア

レイアウト

ユーザビリティを妥協しないための最適なレイアウトを実現するために、タブやモーダル、カラムコンポーネントが用意されています。

スペーサー

データの可視化

棒グラフ、折れ線グラフ、円グラフや散布図など、連携したデータをすぐさま可視化することができます。

折れ線グラフ

その他

そのほかにも管理画面の利便性を向上させるパーツを取り揃えています。

JavaScriptを使った高度な操作

新しい何かを学ぶ必要はありません。
おなじみのJavaScriptを数行書くことで細かい制御を可能にします。

コンテナの表示/非表示

たった1行のコードを書くだけで、ユーザー権限ごとに要素の表示、非表示を切り替えることができます。機密情報など、特定のユーザーグループに見られたくない情報も楽に制御可能です。


{{ querierCurrentUser.groups.some(d => d.name === "admin") }}

さらに詳しく見る

ボタンの押せる、押せないを制御

名前やメールアドレスなど、必須項目の入力がない場合にボタンを押せないようにすることができます。


{{ nameInput.value === "" || emailInput.value === "" }}

さらに詳しく見る