> For the complete documentation index, see [llms.txt](https://docs.dashcomb.com/dashcomb-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dashcomb.com/dashcomb-help-center/ide/query-region/javascript.md).

# JavaScript

連携機能パネルのJavaScriptタブから、JavaScriptの処理を登録できます。

標準で提供されているアクションでは対応できない複雑な動作を実現するために活用できます。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-f98aabc309f9911215575964a8ce1347d5b7488b%2F%E9%80%A3%E6%90%BA%E3%83%91%E3%83%8D%E3%83%AB%EF%BC%9AJavaScript.png?alt=media" alt=""><figcaption></figcaption></figure>

## **JavaScript処理一覧**

編集中の管理画面で作成されたJavaScpript の処理名が表示されます。

名称をクリックすると、その内容が表示され、編集することができます。

### **キーワードフィルター**

入力したキーワードで、JavaScpript の処理を絞り込みできます。

### JavaScript処理の操作

操作したいJavaScript処理にマウスカーソルを載せると、操作アイコンが表示されます。このアイコンをクリックして、各種操作を行うことができます。

#### JavaScript処理の追加

キーワードフィルターの隣の<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-f73e66e2386d8cf9e7d3683bc9c1215577adf6db%2F%E8%BF%BD%E5%8A%A0%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、JavaScript処理が追加されます。

#### JavaScript処理の変更

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、JavaScript処理の名称を変更できます。

#### JavaScript処理の削除

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-05e52fb06159e55851377572c2e9608b570ee11b%2F%E5%89%8A%E9%99%A4%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、JavaScript処理が削除されます。

## JavaScript処理の編集

JavaScript処理の一覧から名称をクリックすると、内容が表示されます。

### 前処理

本番処理を実行する前に実行される処理を登録できます。

#### 実行前アクション

本番処理を実行する前の動作を、以下から選択できます。

<table><thead><tr><th width="198">選択内容</th><th>動作</th></tr></thead><tbody><tr><td>アクション無し</td><td>実行前アクションを設定しません。すぐに本番処理が開始されます。</td></tr><tr><td>確認</td><td>本番処理を実行する前に、ユーザー確認モーダルを表示します。<br>モーダルの「確認」ボタンをクリックすると、本番処理が実行されます。</td></tr></tbody></table>

承認の設定手順については、[承認フローを作成](/dashcomb-help-center/tips-and-tricks/add-approval-flow.md) を参照してください。

### 本番処理

実行するJavaScriptプログラムを入力します。

ここでreturn した内容は、 `{{ JavaScript処理名.data }}` で参照できるようになります。

### 後処理

本番処理が実行された後に実行する処理を登録できます。

#### 成功時

JavaScript の処理が成功した場合のアクションを設定できます。

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、アクションエディタが開きます。

#### 失敗時

JavaScript の処理が失敗した場合のアクションを設定できます。

<img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-db283126902b679fdfc2c29357628bc6766c6910%2F%E7%B7%A8%E9%9B%86%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png?alt=media" alt="" data-size="line">をクリックすると、アクションエディタが開きます。

{% hint style="info" %}
アクションの設定については、[アクションエディタ](/dashcomb-help-center/ide/property-region/action-editor.md) を参照してください。
{% endhint %}

### 実行

パネル右上の「実行」ボタンをクリックすると、JavaScript 処理が実行され、パネルの最下部に結果が表示されます。

### 保存

パネル右上の「保存」ボタンをクリックすると、JavaScript 処理が保存されます。