プラグインのダウンロード - プラグインソースコードのダウンロード

請求書レーダープラグインハンドブック

1. はじめに

開発者向けの Invoice Radar プラグインハンドブックへようこそ!

このガイドは、さまざまなプラットフォームから請求書や領収書を取得するためのカスタムプラグインを作成するのに役立ちます。

Invoice Radar は、さまざまなプラットフォームから請求書や領収書を取得、ダウンロード、整理するのに役立つ文書自動化ツールです。

請求書レーダーについて詳しく見る

2. はじめに

前提条件

JSON、HTML、CSS、JavaScript の基本的な知識。
テキストエディターまたは IDE (VSCode、Sublime Text など)。
Invoice Radar は macOS または Windows にインストールされます。

インストール

Invoice Radar をダウンロードしてインストールします。

請求書レーダーへのアクセスをリクエストする

空のプラグインをダウンロードします。

空のプラグインをローカルマシンにダウンロードします。
ファイルの名前をyour-plugin-name.jsonに変更します。
任意のフォルダに入れてください。

プラグインを請求書レーダーに追加します。

請求書レーダーを開きます。
設定に移動し、 Available Pluginsタブを選択します。
Choose Plugin Directory選択し、プラグインを保存したフォルダーを選択します。
プラグインが利用可能なプラグインのリストに表示されます。

3. プラグインの構造

Invoice Radar のプラグインは JSON で記述され、特定の構造に従います。各プラグインは次のセクションで構成されます。

プラグインの説明:

メタデータ: 名前、説明、ホームページ URL など、プラグインに関する基本情報。
configSchema : プラグインに必要な構成プロパティ。

スクレイピング手順:

checkAuth : ユーザーがすでに認証されているかどうかを確認する手順。
startAuth : 認証プロセスを開始するステップ。
getDocuments : ドキュメントを取得してダウンロードする手順。

最小限のプラグインの例

{ "$schema": "https://raw.githubusercontent.com/invoiceradar/plugins/main/schema.json", "id": "example", "name": "サンプル プラットフォーム", "description": "サービスの簡単な説明。"、"ホームページ": "https://example.com"、"checkAuth": [
    { "アクション": "ナビゲート"、"URL": "https://example.com/dashboard"
    }、
    { "アクション": "checkElementExists", "セレクター": "#ログアウトボタン"
    }
  ]、"startAuth": [
    { "アクション": "ナビゲート"、"URL": "https://example.com/login"
    }、
    { "アクション": "waitForElement"、"セレクター": "#account-summary"、"タイムアウト": 120000
    }
  ]、"getDocuments": [
    { "アクション": "ナビゲート"、"URL": "https://example.com/billing"
    }、
    { "action": "extractAll", "selector": ".invoice-row", "variable": "invoice", "fields": { "id": { "selector": ".invoice-id"
        }, "日付": { "セレクター": ".invoice-date"
        }, "合計": { "セレクター": ".invoice-total"
        }, "url": { "セレクター": ".invoice-download", "属性": "href"
        }
      }, "forEach": [
        { "アクション": "downloadPdf"、"url": "{{invoice.url}}"、"ドキュメント": "{{invoice}}"
        }
      ]
    }
  ]
}

完全なスキーマはここにあります。

4. 最初のプラグインを作成する

ステップバイステップガイド

架空のサービスから請求書を取得する簡単なプラグインを作成してみましょう。

メタデータを定義します。
この情報は、Invoice Radar でプラグインを識別して表示するために使用されます。ホームページの URL は、サービスのファビコンを取得するために使用されます。
id一意で小文字である必要があることに注意してください。
```
 { "id": "example-service", "name": "サービス例", "description": "サービスの簡単な説明", "homepage": "https://example.com"}
```
メタデータフィールドについて詳しくは、こちらをご覧ください。
構成スキーマを定義します(オプション):
構成スキーマは、プラグインが機能するために必要なフィールドを定義します。この例では、認証のためにteamIDとpassword必要です。
これらのフィールドは、Invoice Radar にプラグインを追加するときにユーザーに表示されます。
```
 "configSchema": { "teamID": { "type": "string", "title": "チーム ID", "description": "請求書を取得するチームまたはアカウントの ID。", "required": true
  }
}
```
構成スキーマフィールドの詳細については、こちらをご覧ください。
認証の確認:
checkAuthは、ユーザーが認証されているかどうかを確認する手順が含まれています。これは、URL または要素の存在を確認することで実行できます。 checkAuth内の最後のステップは検証ステップである必要があります。
これらのステップは、実行の開始時に実行されます。ユーザーがすでに認証されている場合、プラグインは認証プロセスをスキップし、ドキュメントの取得に直接進みます。
```
 "checkAuth": [
  { "アクション": "ナビゲート"、"URL": "https://example.com/dashboard"
  }、
  { "アクション": "checkElementExists", "セレクター": "#ログアウトボタン"
  }
]
```
認証を開始します:
startAuth認証プロセスを開始する手順が含まれています。これには、ログインページに移動し、ログイン成功インジケータを待つことが含まれる場合があります。
ブラウザは認証プロセス中に表示され、ユーザーがログインフォームを操作できるようになります。
```
 "startAuth": [
  { "アクション": "ナビゲート"、"URL": "https://example.com/login"
  }、
  { "アクション": "waitForElement"、"セレクター": "#account-summary"、"タイムアウト": 120000
  }
]
```

ドキュメントをスクレイピング:

getDocumentsドキュメントを取得してダウンロードする手順が含まれています。これには、請求ページへの移動、請求書の詳細の抽出、PDF のダウンロードが含まれる場合があります。

 "getDocuments": [
  { "アクション": "ナビゲート"、"URL": "https://example.com/billing"
  }、
  { "action": "extractAll", "selector": ".invoice-row", "variable": "invoice", "fields": { "id": { "selector": ".invoice-id"
      }, "日付": { "セレクター": ".invoice-date"
      }, "合計": { "セレクター": ".invoice-total"
      }, "url": { "セレクター": ".invoice-download", "属性": "href"
      }
    }, "forEach": [
      { "action": "downloadPdf", "url": "{{invoice.url}}", "document": { "type": "invoice", "id": "{{invoice.id}}", "日付": "{{invoice.date}}"、"合計": "{{invoice.total}}"
        }
      }
    ]
  }
]

これで完了です。 :
ファイルを保存し、Invoice Radar に追加します。これで、プラグインを実行してサービスから請求書を取得できるようになりました。

5. 便利なパターン

認証チェックの一般的なパターン ( `checkAuth` )

パターン 1: ダッシュボードに移動して URL を確認する

ユーザーが認証されていない場合、多くのサービスは自動的にログインページにリダイレクトします。この動作を使用して、ユーザーが認証されているかどうかを確認できます。

 { "アクション": "ナビゲート", "url": "https://example.com/login"},
{ "アクション": "checkURL", "url": "https://example.com/account",
}

サービスによっては、認証されていない場合、ダッシュボードからログインページにリダイレクトされる場合があります。この場合、 checkURLステップを使用して、ダッシュボードにアクセスした後も URL が一致するかどうかを確認できます。

 { "アクション": "ナビゲート", "url": "https://example.com/dashboard"},
{ "アクション": "checkURL", "url": "https://example.com/dashboard",
}

glob パターンを使用して動的 URL ( https://example.com/dashboard/**を照合できることに注意してください。

パターン 2: ログアウトボタンを確認する

認証済み状態に固有のセレクターを使用して、ユーザーが認証されているかどうかを確認できます (ログアウトボタンやプロファイルリンクなど)。

 { "アクション": "ナビゲート", "url": "https://example.com/home"},
{ "アクション": "waitForElement"、"セレクター": "#ログアウトボタン"}

ヒント: Web サイトが完全に読み込まれていることを確認してください

場合によっては、 checkElementExistsステップの実行時に Web サイトが完全に読み込まれていないことがあります。これを回避するには、 waitForNetworkIdle属性を使用して、ページが完全にロードされるまで待機します。

 { "アクション": "ナビゲート", "url": "https://example.com/home", "waitForNetworkIdle": true},
{ "アクション": "checkElementExists", "セレクター": "#ログアウトボタン"}

開始認証の一般的なパターン ( `startAuth` )

パターン 1: ログインページに移動し、ログイン状態になるまで待ちます

ほとんどの認証プロセスは、ログインページに移動し、ログイン成功後に特定の要素が表示されるのを待つことから始まります。

認証プロセス中にブラウザが表示され、ユーザーがログインフォームを操作できるようになります。認証フロー自体は自動化できますが、必須ではありません。

 { "アクション": "ナビゲート", "url": "https://example.com/login"},
{ "アクション": "waitForElement"、"セレクター": "#logout-button"、"タイムアウト": 120000}

ユーザーにログインするのに十分な時間を与えるために、待機ステップに長いタイムアウト (デフォルトは 120 秒) を設定することをお勧めします。

手順のリファレンス

このセクションでは、Invoice Radar のプラグインを作成するために使用できる手順の概要を説明します。各ステップは、自動化プロセス中に実行できる特定のアクションを表します。

ナビゲーションの手順

ナビゲート ( `navigate` )

指定された URL に移動し、ページが読み込まれるのを待ちます。デフォルトでは、最初のページの読み込みのみを待機し、後続の AJAX リクエストは待機しません。

 { "アクション": "ナビゲート"、"URL": "https://example.com"}

waitForNetworkIdle trueに設定すると、続行する前にページが完全にロードされていることを確認できます。

 { "アクション": "ナビゲート"、"url": "https://example.com/dashboard"、"waitForNetworkIdle": true}

知っておくとよいこと:

相対 URL がサポートされており、現在のページに基づいて解決されます。
ナビゲートアクションは、最初のページの読み込みのみを待機し、後続の AJAX リクエストは待機しません。

URL を待つ ( `waitForURL` )

現在の URL が指定された URL と一致するまで待機します。オプションでタイムアウトも指定できます。ワイルドカードをサポートします。

 { "アクション": "waitForURL", "url": "https://example.com/profile/**", "タイムアウト": 3000}

要素の待機 ( `waitForElement` )

指定されたセレクターがページに表示されるまで待機します。オプションでタイムアウトも指定できます。

 { "アクション": "waitForElement"、"セレクター": "#example"、"タイムアウト": 3000}

ナビゲーションを待つ ( `waitForNavigation` )

ページナビゲーションが行われるのを待ちます。このステップは、ページが完全にロードされるまで待機しません。そのためには、waitForNetworkIdle ステップを使用します。タイムアウトはオプションで、デフォルトは 10 秒です

{ "アクション": "waitForNavigation"、"タイムアウト": 10000}

ネットワークアイドルを待つ ( `waitForNetworkIdle` )

ネットワークがアイドルになるまで待機します。これは、ページがすべてのリソースの読み込みを完了していることを確認したい場合に便利です。 500 ミリ秒間ネットワーク要求がなくなると、この手順は完了します。タイムアウトはオプションで、デフォルトは 15 秒です。

navigateステップにはwaitForNetworkIdleオプションがあり、これをtrueに設定すると同じ動作が得られます。

 { "アクション": "waitForNetworkIdle"、"タイムアウト": 10000}

⚡️ インタラクションの手順

要素をクリック ( `click` )

ページ上の指定されたセレクターで指定された要素をクリックします。

 { "アクション": "クリック"、"セレクター": "#ボタン"}

テキストを入力 ( `type` )

ページ上の指定されたセレクターで指定された要素に指定されたテキストを入力します。

 { "アクション": "タイプ"、"セレクター": "#input"、"値": "Hello World"}

ドロップダウンを選択 ( `dropdownSelect` )

ページ上の指定されたセレクターで指定されたドロップダウンから指定された値を選択します。選択は、オプションのvalue属性に基づいて行われます。

 { "アクション": "dropdownSelect"、"セレクター": "#dropdown"、"値": "オプション 1"}

JavaScript を実行する ( `runJs` )

指定された JavaScript をページコンテキストで実行します。 Promise が返された場合は待機されます。

スクリプトの結果を後続のステップで使用する場合は、代わりに抽出ステップを使用してください。

 { "アクション": "runJs", "スクリプト": "document.querySelector('#example').click();"}

検証手順

これらの手順は、ユーザーが認証されているかどうかを確認するためにcheckAuth内で使用されます。

要素の存在を確認する ( `checkElementExists` )

指定されたセレクターがページ上に存在するかどうかを確認します。通常、認証チェックに使用されます。

 { "アクション": "checkElementExists", "セレクター": "#example"}

URL を確認する ( `checkURL` )

現在の URL が指定された URL と一致するかどうかを確認します。 https://example.com/dashboard/**のようなワイルドカードパターンをサポートします。

 { "アクション": "checkURL", "url": "https://example.com"}

JavaScript を実行する ( `runJs` )

runJsステップは検証ステップとしても使用できます。真または偽の値を返すスクリプトを実行すると、ユーザーが認証されているかどうかを確認できます。

 { "アクション": "runJs", "スクリプト": "document.cookie.includes('authToken');"}

データ抽出手順

これらのステップは、項目のリストや単一の値などのデータをページからロードし、後続のステップで使用するために使用されます。

抽出 ( `extract` )

ページから 1 つのデータを抽出し、変数に格納します。

CSS フィールドの使用:

 { "action": "extract", "variable": "account", "fields": { "id": "#team-id", "name": "#team-name", "url": { "セレクター": "#チームリンク"、"属性": "href"
    }
  }
}

この例では、 account変数名として使用され、フィールドid 、 name 、およびurl CSS セレクターを使用して抽出されます。これらは、 {{account.id}} 、 {{account.name}} 、および{{account.url}}プレースホルダーを使用して後続のステップで使用できます。

JavaScript の使用:

 { "アクション": "抽出"、"変数": "トークン"、"スクリプト": "localStorage.getItem('authToken')"}

この例では、JavaScript を使用して抽出されるtoken変数を作成します。この値には{{token}}プレースホルダーを使用してアクセスできます。オブジェクトを返すことも可能です。

すべて抽出 ( `extractAll` )

ページからデータのリストを抽出し、項目ごとに指定された手順を実行します。これは通常、請求書のリストを反復処理してダウンロードするために使用されます。

selectorに一致する各要素について、フィールドが抽出され、 forEachステップで使用可能なvariableに保存されます。

知っておくとよいこと:

fieldsオブジェクト内の各セレクターは、一致した要素に自動的にスコープされます。
variableフィールドはオプションです。指定しない場合、抽出されたデータはデフォルトの変数itemに保存されます。
現在のインデックスには、 {{index}}プレースホルダーを使用してアクセスできます。 0 から始まり、項目ごとに増加します。

CSS フィールドの場合:

 { "action": "extractAll", "selector": ".invoice-list .invoice-item", "variable": "invoice", "fields": { "id": "td.invoice-id", " date": "td.invoice-date"、"total": "td.invoice-total"、"url": { "selector": "a.invoice-link"、"attribute": "href"
    }
  }, "forEach": [
    { "アクション": "ナビゲート"、"url": "{{invoice.url}}"
    }、
    { "アクション": "ダウンロードPdf"、"請求書": "{{請求書}}"
    }
  ]
}

JavaScript を使用する場合:

JavaScript を使用する場合、結果はオブジェクトまたは値の配列である必要があります。結果が約束であれば、それを待ちます。

 { "アクション": "extractAll", "スクリプト": "Array.from(document.querySelectorAll('#年セレクターオプション')).map(option => option.value);", "variable": "年", "forEach": [
    { "アクション": "dropdownSelect"、"セレクター": "#year-selector"、"値": "{{年}}"
    }
  ]
}

ページネーション

実験的なサポートですが、まだ文書化されていません。

ドキュメントの取得手順

これらの手順は、ドキュメントをダウンロードし、Invoice Radar で処理するために使用されます。すべての手順では、ドキュメントのメタデータを含むdocumentオブジェクトを引数として渡す必要があります。

document引数には次のフィールドがあります。

必須

id : 一意のドキュメントID

例: INV-123または123456

date : 文字列としての請求書の日付

例: 2022-01-01 01/01/2022 、またはJanuary 1, 2022

推奨

total : 通貨を含む請求書の合計金額。

例: $100.00または€100.00または100 EURまたは100,00€
組み込みのパーサーは、文字列から金額と通貨を抽出しようとします。

オプション

type : ドキュメントのタイプ(オプション。デフォルトはauto )

auto 、 invoice 、 receipt 、 refund otherに設定できます。

metadata : ドキュメントの追加メタデータ(オプション)

例{ "orderNumber": "12345" }

すべてのフィールドを個別に渡すことも、オブジェクトにすべての必須フィールドが含まれている場合はオブジェクト全体を渡すこともできます。

たとえば、別のフィールドを使用する場合:

 "document": { "id": "{{item.invoiceId}}"、"date": "{{item.date}}"、"total": "{{item.amount}} {{item.currency }}", "タイプ": "請求書"}

たとえば、オブジェクトにすべての必須フィールドが含まれている場合は、それを直接渡すことができます。

 "ドキュメント": "{{item}}"

PDF をダウンロード ( `downloadPdf` )

指定された URL から PDF をダウンロードします。

 { "action": "downloadPdf", "url": "https://example.com/invoice.pdf", "document": { "id": "{{item.invoiceId}}", "date": "{{item.date}}"、"合計": "{{item.total}}"
  }
}

PDF のダウンロードを待ちます ( `waitForPdfDownload` )

PDFのダウンロードを待ちます。タイムアウトのデフォルトは 15 秒です。

 { "アクション": "waitForPdfDownload"、"タイムアウト": 10000、"ドキュメント": { "id": "{{item.invoiceId}}"、"日付": "{{item.date}}"、"合計": "{{item.total}}"
  }
}

ページを PDF として印刷 ( `printPdf` )

現在のページを PDF ファイルに印刷します。

 { "action": "printPdf", "document": { "id": "{{item.invoiceId}}"、 "date": "{{item.date}}"、 "total": "{{item 。合計}}"
  }
}

Base64 PDF をダウンロード ( `downloadBase64Pdf` )

Base64 でエンコードされた文字列から PDF をダウンロードします。

 { "action": "downloadBase64Pdf", "base64": "{{item.base64String}}", "document": { "id": "{{item.invoiceId}}", "date": "{{item .date}}"、"合計": "{{item.total}}"
  }
}

条件付きロジックのステップ

もしも ( `if` )

条件が true の場合、指定されたステップを実行します。条件が false の場合、 elseステップが実行されます。

 { "アクション": "if", "スクリプト": "'{{invoice.url}}'.includes('pdf')", "then": [
    { "アクション": "クリック"、"セレクター": "#example"
    }
  ]、  "それ以外"： [
    { "アクション": "ナビゲート"、"URL": "https://example.com/fallback"
    }
  ]
}

その他の手順

スリープ ( `sleep` )

ミリ秒単位で指定された時間待機します。これは一般に推奨されません。ほとんどの場合、waitForElement、waitForURL、または waitForNetworkIdle ステップを使用することをお勧めします。

 { "アクション": "睡眠"、"継続時間": 1000}

スニペット

スニペットは、一般的なタスクを簡素化する事前に構築されたステップのセットです。特定のスニペットの手順は開発者ツール内に表示されます

現在、カスタムスニペットを作成することはできません。スニペットとして役立つと思われる共通のタスクがある場合は、GitHub で問題を作成してください。

Stripe URL から請求書を取得 ( `getInvoiceFromStripeUrl` )

Stripe 請求書 URL から請求書を抽出します。

 { "action": "runSnippet", "snippet": "getInvoiceFromStripeUrl", "args": { "url": "https://invoice. Stripe.com/i/inv_123"
  }
}

Stripe カスタマーポータルから請求書を取得する ( `getInvoicesFromStripeBillingPortal` )

Stripe 請求ポータルから利用可能な請求書を抽出します。

 { "action": "runSnippet", "snippet": "getInvoicesFromStripeBillingPortal", "args": { "url": "https:// Stripe-portal.example.com/billing"
  }
}

高度なパターン

フェッチリクエストの実行

場合によっては、API からデータをフェッチするステップ内でフェッチリクエストを実行する必要がある場合があります。これを行うには、 extractAllアクションを使用できます。

 { "アクション": "extractAll"、"変数": "請求書"、"スクリプト": "fetch('https://example.com/api/invoices').then(res => res.json()) " "forEach": [
    { "action": "downloadPdf", "url": "{{invoice.url}}", "document": { "id": "{{invoice.id}}", "date": "{{invoice .date}}", "total": "{{invoice.total}}"
      }
    }
  ]
}

これにより、フェッチリクエストが実行され、結果が JavaScript オブジェクトとして返されます。

</code>内のステップを実行します。</h3><p dir="auto">シナリオによっては、 <code><iframe/></code>要素内でステップを実行する必要がある場合があります。これを行うには、ステップで<code>iframe</code>属性を使用します。</p><pre> { "アクション": "クリック", "セレクター": "#button-inside-iframe", "iframe": true},</pre><p dir="auto"> <code>iframe</code> <code>true</code>に設定すると、Invoice Radar はページ上の最初の<code><iframe/></code>要素を見つけて、その中のステップを実行します。</p><p dir="auto"> iframe の<code>src</code>属性内に含まれる文字列を使用して、特定の iframe をターゲットにすることもできます。</p><pre> { "アクション": "クリック"、"セレクター": "#button-inside-iframe"、"iframe": "iframe.example.com"},</pre> </div> <div class="zd_btn more_version_btn" data-more="拡大する" data-less="折りたたむ">拡大する</div> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template"> <span class="title">追加情報</span> </div> <ul class="more_info grid gap_y6 gap_x6 grid_c3"> <li> <span class="title">バージョン</span> <span class="text"></span> </li> <li> <span class="title">タイプ</span> <a class="text" href="/ja/category/list_228_1.html">その他のソースコード</a> </li> <li> <span class="title">更新時間</span> <span class="text">2024-11-02</span> </li> <li> <span class="title">サイズ</span> <span class="text"></span> </li> <li> <span class="title">言語</span> <span class="text">簡体字中国語</span> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">関連アプリ</span> </div> <ul class="version_list grid gap_x6 gap_y6 grid_c2"> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">おすすめ</span> </div> <ul class="column3_box lr_img_text_template grid gap_x6 gap_y6 grid_c3"> <li> <a class="img_item" href="/ja/download/28990.html"><img src="https://images.downcodes.com/uploads/20220919/logo_63281248401771.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="知識支払いシステムのソースコード丨オンライン教育コンテンツ有料知識実現丨ビデオQ&Aグラフィック有料コースミニプログラムカスタマイズH5"></a> <div class="content"> <h3><a href="/ja/download/28990.html">知識支払いシステムのソースコード丨オンライン教育コンテンツ有料知識実現丨ビデオQ&Aグラフィック有料コースミニプログラムカスタマイズH5</a></h3> <div class="cate"> <a href="/ja/category/list_55_1.html">その他のカテゴリー</a> </div> <div class="other"> <span></span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/45483.html"><img src="https://images.downcodes.com/uploads/20230317/logo_6413c6576e3f21.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="プラント vs. ゾンビ西遊記編"></a> <div class="content"> <h3><a href="/ja/app/45483.html">プラント vs. ゾンビ西遊記編</a></h3> <div class="cate"> <a href="/ja/category/list_299_1.html">カジュアルパズル</a> </div> <div class="other"> <span></span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/179136.html"><img src="https://images.downcodes.com/uploads/20240818/logo_66c1c8413413d1.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="PVZ ハイブリッドバージョン 2.3.5 内蔵メニューバージョン"></a> <div class="content"> <h3><a href="/ja/app/179136.html">PVZ ハイブリッドバージョン 2.3.5 内蔵メニューバージョン</a></h3> <div class="cate"> <a href="/ja/category/list_299_1.html">カジュアルパズル</a> </div> <div class="other"> <span>2.3</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/176855.html"><img src="https://images.downcodes.com/uploads/20240628/logo_667e0d8fe35261.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="ピザタワーノイズDLC Mod"></a> <div class="content"> <h3><a href="/ja/app/176855.html">ピザタワーノイズDLC Mod</a></h3> <div class="cate"> <a href="/ja/category/list_299_1.html">カジュアルパズル</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/176584.html"><img src="https://images.downcodes.com/uploads/20240624/logo_6678eedab44bc1.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="ハッピーブロックハウスファミリーシミュレーターモバイル"></a> <div class="content"> <h3><a href="/ja/app/176584.html">ハッピーブロックハウスファミリーシミュレーターモバイル</a></h3> <div class="cate"> <a href="/ja/category/list_307_1.html">模擬ビジネス</a> </div> <div class="other"> <span>1.0.41</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/176463.html"><img src="https://images.downcodes.com/uploads/20240622/logo_66764c7e969a71.jpg" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="修理フック地下鉄脱出設置"></a> <div class="content"> <h3><a href="/ja/app/176463.html">修理フック地下鉄脱出設置</a></h3> <div class="cate"> <a href="/ja/category/list_309_1.html">飛行射撃</a> </div> <div class="other"> <span>1.25.20</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/178338.html"><img src="https://images.downcodes.com/uploads/20240731/logo_66a9c40e360431.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="BodyCam モバイルゲーム"></a> <div class="content"> <h3><a href="/ja/app/178338.html">BodyCam モバイルゲーム</a></h3> <div class="cate"> <a href="/ja/category/list_309_1.html">飛行射撃</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/178465.html"><img src="https://images.downcodes.com/uploads/20240802/logo_66ac4e39342541.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="BodyCam モバイル版"></a> <div class="content"> <h3><a href="/ja/app/178465.html">BodyCam モバイル版</a></h3> <div class="cate"> <a href="/ja/category/list_309_1.html">飛行射撃</a> </div> <div class="other"> <span>1.0</span> </div> </div> </li> <li> <a class="img_item" href="/ja/app/179461.html"><img src="https://images.downcodes.com/uploads/20240828/logo_66cee47da77471.png" onerror="this.src='https://images.downcodes.com/newdown/images/default.png'" alt="Pinduoduo を手伝ってください"></a> <div class="content"> <h3><a href="/ja/app/179461.html">Pinduoduo を手伝ってください</a></h3> <div class="cate"> <a href="/ja/category/list_285_1.html">生活サービス</a> </div> <div class="other"> <span>7.13.0</span> </div> </div> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">関連情報</span> <a href="/category/list_336_1.html">すべて</a> </div> <ul class="cate_list_template"> <li> <a href="/ja/wz/212984.html"> <div class="text">AI ツールは細胞の代謝状態を正確に説明します</div> <span class="time">2024-11-22</span> </a> </li> <li> <a href="/ja/wz/212983.html"> <div class="text">AI の大規模モデルは適用初年度に入り、金融機関はインテリジェントなコンピューティング能力の新しいエコシステムを構築する取り組みを強化しています。</div> <span class="time">2024-11-22</span> </a> </li> <li> <a href="/ja/wz/212982.html"> <div class="text">オランダ、アメリカの人工知能企業に3,050万ユーロの罰金</div> <span class="time">2024-11-22</span> </a> </li> <li> <a href="/ja/wz/212981.html"> <div class="text">AI 学習マシンを購入するために数千ドルを費やす価値はありますか?</div> <span class="time">2024-11-22</span> </a> </li> <li> <a href="/ja/wz/212980.html"> <div class="text">生徒がAIのライティングに慣れてきたら、教師は「魔法で魔法と戦う」ことができるだろうか？</div> <span class="time">2024-11-22</span> </a> </li> <li> <a href="/ja/wz/212978.html"> <div class="text">西南交通大学の大規模モデルエッジ推論最適化技術が新たな成果を達成</div> <span class="time">2024-11-22</span> </a> </li> </ul> </div> </section> <section class="section_box py_30 border_bottom"> <div class="w12_box"> <div class="title_template arrow_link"> <span class="title">ユーザーコメント</span> </div> </div> </section> <footer class="footer_template"> <div class="w12_box"> <div class="clearfix"> <div class="l_item"> <img src="https://images.downcodes.com/newdown/images/down-logo-foot.png" alt=""> <div class="f_icon"> <a href="https://www.facebook.com/" title="facebook"></a> <a href="https://telegram.org/" title="telegram"></a> <a href="https://www.tiktok.com/" title="tiktok"></a> <a href="https://www.youtube.com/" title="youtube"></a> </div> </div> <div class="r_item"> <dl> <dt>Products & Services</dt> <dd><a href="javascript:;">Install APK</a></dd> <dd><a href="javascript:;">APK signature verification</a></dd> <dd><a href="javascript:;">APK Download Service</a></dd> </dl> <dl> <dt>Company</dt> <dd><a href="javascript:;">Developer Console</a></dd> <dd><a href="javascript:;">Submit APK</a></dd> <dd><a href="javascript:;">Monetization of traffic through downcodes</a></dd> </dl> <dl> <dt>Legal</dt> <dd><a href="javascript:;">About us</a></dd> <dd><a href="javascript:;">Contact Us</a></dd> <dd><a href="javascript:;">Cooperation</a></dd> </dl> </div> </div> <p>© 2006-2024Copyright All rights reserves</p> </div> </footer>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//tongji.zhangwan.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '3']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-5D64MDP2H8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5D64MDP2H8'); </script> </body> <script src="/newdown/js/jquery.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/lazy.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/swiper.min.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/viewer.js" type="text/javascript" charset="utf-8"></script> <script src="/newdown/js/index.js" type="text/javascript" charset="utf-8"></script> <script> commonMethod.appdetail(); function phpLoadPage(){ this.kid = '133959'; this.lang = 'ja'; this.pageIndex = 1; this.resultLen = 10; this. requestUrl = "/show_comment_list"; } phpLoadPage.prototype.init = function() { var _this = this; var moreComment = 'さらに表示をクリック'; $(".loadmore_item").click(function(){ if(_this.resultLen >= 10){ _this.pageIndex = _this.pageIndex + 1 $(".loadmore_item").html("loading...") $.ajax({ async: true, url: _this.requestUrl, type: 'GET', data : { page : _this.pageIndex,kid:_this.kid,lang:_this.lang }, dataType: 'json', timeout: 30000, success: function(result){ _this.resultLen = result.newArray.length if(_this.resultLen < 10){ $(".loadmore_item").html("Reached the end...") }else{ $(".loadmore_item").html(`${moreComment}`) } $(".comment_template").append(_this.mergeHtml(result.newArray)); }, error: function(xhr, status){ console.log('An error occurred...'); }, complete: function(xhr, status){ console.log('Ajax request has ended...'); } }) } }) } phpLoadPage.prototype.mergeHtml = function(data){ var textHtml = ""; var lang = 'ja'; let fromto = 'から'; for(var i=0;i<data.length;i++) { var item= data[i]; var lsHtml = item.mark == 1 && item.status == 1 ? `<span class="tip">${fromto}</span><a href="/${lang}/ask/${item.aid}.html">${item.title}</a>` : ''; textHtml += `<dd> <span class="img_item"> <img src="${item.headlogo}" alt="${item.adduser}"> </span> <div class="main"> <div class="title"> <span>${item.adduser}</span> ${lsHtml} <span>${item.showtime}</span> </div> <div>${item.content}</div> </div> </dd>`; } return textHtml; } new phpLoadPage().init() </script> </html>

プラグイン

請求書レーダープラグインハンドブック

1. はじめに

目次

2. はじめに

前提条件

インストール

3. プラグインの構造

最小限のプラグインの例

4. 最初のプラグインを作成する

ステップバイステップガイド

5. 便利なパターン

認証チェックの一般的なパターン ( checkAuth )

パターン 1: ダッシュボードに移動して URL を確認する

パターン 2: ログアウト ボタンを確認する

ヒント: Web サイトが完全に読み込まれていることを確認してください

開始認証の一般的なパターン ( startAuth )

パターン 1: ログイン ページに移動し、ログイン状態になるまで待ちます

手順のリファレンス

目次

ナビゲーションの手順

ナビゲート ( navigate )

URL を待つ ( waitForURL )

要素の待機 ( waitForElement )

ナビゲーションを待つ ( waitForNavigation )

ネットワークアイドルを待つ ( waitForNetworkIdle )

⚡️ インタラクションの手順

要素をクリック ( click )

テキストを入力 ( type )

ドロップダウンを選択 ( dropdownSelect )

JavaScript を実行する ( runJs )

検証手順

要素の存在を確認する ( checkElementExists )

URL を確認する ( checkURL )

JavaScript を実行する ( runJs )

データ抽出手順

抽出 ( extract )

すべて抽出 ( extractAll )

ドキュメントの取得手順

PDF をダウンロード ( downloadPdf )

PDF のダウンロードを待ちます ( waitForPdfDownload )

ページを PDF として印刷 ( printPdf )

Base64 PDF をダウンロード ( downloadBase64Pdf )

条件付きロジックのステップ

もしも ( if )

その他の手順

スリープ ( sleep )

スニペット

Stripe URL から請求書を取得 ( getInvoiceFromStripeUrl )

Stripe カスタマーポータルから請求書を取得する ( getInvoicesFromStripeBillingPortal )

高度なパターン

フェッチリクエストの実行

認証チェックの一般的なパターン ( `checkAuth` )

パターン 2: ログアウトボタンを確認する

開始認証の一般的なパターン ( `startAuth` )

パターン 1: ログインページに移動し、ログイン状態になるまで待ちます

ナビゲート ( `navigate` )

URL を待つ ( `waitForURL` )

要素の待機 ( `waitForElement` )

ナビゲーションを待つ ( `waitForNavigation` )

ネットワークアイドルを待つ ( `waitForNetworkIdle` )

要素をクリック ( `click` )

テキストを入力 ( `type` )

ドロップダウンを選択 ( `dropdownSelect` )

JavaScript を実行する ( `runJs` )

要素の存在を確認する ( `checkElementExists` )

URL を確認する ( `checkURL` )

JavaScript を実行する ( `runJs` )

抽出 ( `extract` )

すべて抽出 ( `extractAll` )

PDF をダウンロード ( `downloadPdf` )

PDF のダウンロードを待ちます ( `waitForPdfDownload` )

ページを PDF として印刷 ( `printPdf` )

Base64 PDF をダウンロード ( `downloadBase64Pdf` )

もしも ( `if` )

スリープ ( `sleep` )

Stripe URL から請求書を取得 ( `getInvoiceFromStripeUrl` )

Stripe カスタマーポータルから請求書を取得する ( `getInvoicesFromStripeBillingPortal` )