Dashcomb Help Center
  • 初めてのDashcomb体験
  • IDE画面と利用者画面
  • IDE画面の使い方
    • IDE画面のメニュー構成
      • ユーザーメニュー
      • コンポーネント
      • インスペクター
    • View-Section-Componentの関係
    • UI Compoment
      • Button
      • Input
      • Textarea
      • Label
      • Markdown
      • Select
      • Radio
      • Checkbox
      • Switch
      • Date Picker
      • Time Picker
      • Table
      • Image
      • Uploader
      • Importer
      • Divider
    • BI Component
      • 棒グラフ
      • 折り線グラフ
      • 円グラフ
    • Layout component
      • Section
      • Row
    • 連携機能パネル
      • DBクエリ
      • API
      • クラウドストレージ
      • オートメーション
      • JavaScript
    • プロパティパネル
      • アクションエディタ
      • コラムエディタ
      • テキスト/コードエディタ
    • オブジェクトやデータの参照
    • Edit Lock機能
    • その他のメニュー
      • バッチ処理
      • データソース
        • データベースと接続する
        • API と接続する
        • クラウドストレージと接続する
      • 権限グループ
      • バージョン管理
      • 設定
      • 料金と支払
  • 利用者画面の使い方
    • 画面領域の紹介
  • 管理画面の逆引きレシピ
    • ユーザー入力を検証する方法
    • ユーザーがCSVファイルやJSONファイルをデータベースにインポートできるようにする
    • データを視覚化し、簡単に洞察を得る
    • 承認ワークフローで、データの正確性と責任の所在を確保する
    • DashcombのSQL AIアシスタントで、自然言語でSQLクエリを素早く書く
    • データベース経由のCRUD操作の実現方法
    • 画面遷移の実現方法
    • API経由のCRUD操作の実現方法
    • APIのリクエストに複雑なデータを入れる
    • 簡単なCDNのファイル管理
    • Tableの数字をフォーマット
    • Tableに画像を表示
    • Data Sourceを追加
    • 画面にDBクエリの追加
    • 画面にクラウドストレージの追加
    • CSV/JSONデータのインポートとダウンロード
    • 承認フローを作成
    • Firebase連携したい
    • 踏み台サーバーを作る
    • 画像をS3, GCSにアップロード
    • Tableの行ごとの選択に応じて内容を変える
    • 動作成功後、失敗後自動的に次の動作を発火する
    • APIの認証情報を設定する
    • ひらがなのみ・カタカナのみのバリデーション
    • ページ読み込み時に実行する処理を設定する
    • ラベル文字をJavaScriptで設定
    • selectedOptionの属性をJSで取得する
GitBook提供
このページ内
  • ステップ1:Importerコンポーネントを追加する
  • ステップ2:「スマートデータインポート」オートメーションを作成する
  • ステップ3:オートメーションをテストして保存する
  • ステップ4:インポートをトリガーするボタンを作成する
  • 結論
  1. 管理画面の逆引きレシピ

ユーザーがCSVファイルやJSONファイルをデータベースにインポートできるようにする

前へユーザー入力を検証する方法次へデータを視覚化し、簡単に洞察を得る

最終更新 2 年前

CSVやJSONファイルからデータをインポートすることは、データベースに素早くデータを追加または更新する便利な方法です。データベース内のデータを手動で更新するのは時間がかかることがあります。特に多くのデータを追加する場合は。データインポートプロセスを自動化することで、人為的なミスを減らすこともできます。Dashcombには、ユーザーがCSVやJSONファイルをMySQLまたはPostgreSQLデータベースにインポートできるImporterコンポーネントがあります。このガイドでは、この機能の使い方について説明します。

ステップ1:Importerコンポーネントを追加する

最初のステップは、Importerコンポーネントを追加することです。これを行うには、「コンポーネントライブラリ」から「インポータ―」コンポーネントをダッシュボードにドラッグします。

右のサイドバーから、インポートするファイルの種類に応じて、CSVまたはJSONを選択します。JSONファイルをインポートする場合は、JSONデータがフラットなオブジェクトの配列であることを確認してください。ネストされたオブジェクトは解析されません。

インポートの設定を支援するために、サンプルデータファイルをImporterコンポーネントにドラッグします。

ステップ2:「スマートデータインポート」オートメーションを作成する

ボトムツールバーの「オートメーション」タブに移動し、新しいオートメーションを作成します。「アクション」メニューから「スマートデータ取込み」を選択します。「ソースデータ」の入力欄には、先ほど追加した「インポータ―」コンポーネントの識別子である{{ importer1.value }}を入力します。

その後、「送信先データソース」メニューを使用して、送信先のデータベースとテーブルを設定します。データベースとテーブルが選択されると、「データフィールドマッピング」構成が表示されます。それぞれのカラムについて、入力するデータファイルのフィールドを選択します。

カラムのオプションが表示されない場合は、CSVまたはJSONファイルのフォーマットが正しいか、Importerコンポーネントを介して正しいファイルを選択したかを確認してください。

最後に、重複するデータが検出された場合に使用するポリシーを決定します。エラーを報告してロールバックする、重複する行をスキップする、または重複する行を更新する、から選択します。

ステップ3:オートメーションをテストして保存する

インポートをテストするために、「実行」ボタンをクリックします。インポートが期待どおりに動作したかどうかを確認するために、データベースからデータを取得してください。動作が正常であれば、オートメーションを保存するために「保存」ボタンをクリックします。

ステップ4:インポートをトリガーするボタンを作成する

最後に、ダッシュボードにインポートをトリガーするボタンを作成します。 「ボタン」コンポーネントをダッシュボードにドラッグします。右のサイドバーで、「onClick」アクションを構成します。「タイプ」には、「クエリ実行」を選択し、「クエリ」には新しいオートメーション(たとえば「automation1」)を選択します。

結論

Dashcombが提供するCSV/JSONインポート機能は、MySQLまたはPostgreSQLデータベースにデータを簡単かつ迅速にインポートしたいユーザーにとって優れたツールです。

スマートデータ取込みオートメーション機能により、SQLクエリを自分で書く必要がなく、プロセスがさらに簡素化されます。インポートが設定されたら、ダッシュボードのユーザーは単にデータファイルをドラッグアンドドロップし、ボタンをクリックするだけで済みます。

手動での入力を避けることで、大量のデータ更新を簡単に行うことができ、ミスを回避できます。

\