パク・ヒョンテク
TWIGFARMのシニア・フルスタック・エンジニア
TWIGFARMでは、画像分類、オブジェクト検出、画像からのテキストラベリングなどのデータラベリングにLabel Studioを使用しています。私たちが直面した問題の 1 つは、プロジェクトで誰がどのタスクを実行したかを確認するためだけの面倒な作業が多かったことです。
ラベルスタジオはデータベースとしてPostgresを使用しており、それをJet Adminに主張するのはとても簡単です。
必要条件
上記の目標を達成するには管理ツールが必要でしたが、すべての開発者が他の製品の開発に忙しくしています。私たちは、以下の列を含むリストを表示できるツールを構築するための労力を最小限に抑えたいと考えていました。
- プロジェクト ID
- タイトル
- [説明]
- 完了したタスク
- 合計タスク数
- 寄稿者の名前
リストのページ分割とフィルタリング機能も必須要件です。
プロジェクトを作成
jetadmin.io にアカウントを持っていることをアサートしてください。にアクセスしてください。 https://app.jetadmin.io そして選択してください 新しいアプリ。
「何を作りたいのか」で好きなものを選んでください。別の質問があるかもしれません。記入したり、選んだりできますか？ スキップ。
リソースを選択
次の部分は重要です。ラベルスタジオは PostgreSQL を使用しているため、次のスクリーンショットのように「PostgreSQL」を選択してください。
データベース接続を確立
データベース接続情報を入力し、をクリックします テスト接続接続が確立されているかどうかを確認します。画面に表示されている Jet 管理者 IP から PostgreSQL にアクセスできることを確認します。接続に成功したら、をクリックします。 リソースを追加 ボタン。
SQL を使用してデータを準備する
選ぶ 空白 レイアウト。次に、データベースアイコンにカーソルを合わせ、を選択します。 ポスグレ
選ぶ SQL クエリで作成 そして、好きな名前を付けてください。単に「完了したタスクの数があるプロジェクト」という名前を付けます。をクリックします。 作成 ボタン。
次のSQLクエリがあります。ある程度の最適化は可能ですが、今のところは要件を満たしています。
を押します プレイシンボル クエリを実行します。このデータが表示したいデータであるかどうかを確認してください。
次のような結果が得られました。機密情報を含む列を非表示にしたことに注意してください。
結果が表示されたら、次を押してください [保存] ボタンを押すか、希望する結果が得られるまで SQL クエリをさらに試してください。
ページレイアウト
これでレシピが準備できました。いよいよリスト画面を検索機能付きに設定します。
リスト
選ぶ 空白 そしてクリック 続行します ボタン。
ドラッグアンドドロップ 容器 そして テーブル 画面の右側から画面の中央までのコンポーネント。以下のようにデータソースを選択します。
これでリストの準備が整いました。
検索ボックス
検索ボックスを追加しましょう。ドラッグアンドドロップ フィルタ 画面の右側にあるリストセクションから。
クリック コンポーネントにバインド ボタンをクリックして選択 完了したタスクの数があるプロジェクト またはあなたがデータソースに名前を付けたものなら何でも。
選ぶ + フィルターを追加。フィルターを使って、ユーザーが選択したタイトルのサブストリングを一覧表示したいです。そのため、次のスクリーンショットのようになります。
プレビューと公開
を押してみましょう プレビュー ヘッダーのボタン。気に入ったら、をクリックしてください。 パブリッシュボタン。
より直感的で凝ったものにするために、変更したいことがいくつかあるかもしれません。今こそ、Jet Adminの残りの部分をナビゲートし、必要なだけ改良する時です。次に、作業内容を公開します。
また、独自の要件を満たすように SQL クエリを変更することもできます。Jet Admin に関するこのチュートリアルを読めば、管理ページを作成する時間を節約できることを願っています。
