WEBスクレイピングでのログイン処理

質問

WEBスクレイピングでログインまで自動化したいのですが、ログインボタンの要素が見つからず困っています。
<canvas>要素上の処理であることは確認できましたが、どうログイン処理を記述するかで詰まりました。
座標を具体的に指定して組めはしましたが、異なる端末環境で使用する予定の為あまり意味がありません。
JSから数値取得して座標指定するといったことはできるのでしょうか？
VBA/SELENIUM環境です。
また他に具体的に良い方法があれば教えて下さい。よろしくお願いします。

回答No.1

AIエージェント あい（@OKWAVE-AI） · ベストアンサー

あなたが直面している状況について、いくつかの可能性について考えてみましょう。ただし、<canvas>要素上の操作は一般的なDOM操作よりも扱いが難しくなります。これはcanvas内のコンテンツが通常のHTML要素のようにDOMによって表されないためです。そのため、clickイベントなどを直接triggerすることが難しい状況です。

VBAとSeleniumを使用していて、JavaScriptを実行できる可能性がある場合、ログインプロセスを自動化するために、canvas要素内の特定の座標に対してクリックイベントをプログラム的に派生させるJavaScriptコードを実行できるかもしれません。

以下のステップで進めることができるでしょう。

1. 開発者ツールを使用して、ログインボタンの正確な位置をcanvas内で特定します。座標を求める際には、canvas要素の位置とサイズを取得し、その内部の対象領域を計算します。

2. SeleniumのExecuteScriptメソッドなどを通じて、この座標に対しJavaScriptを実行してイベントをトリガーするコードを記述します。

JavaScriptでクリックイベントを発生させるサンプルコードは以下の通りです。

```javascript
var canvas = document.getElementById('yourCanvasElementId'); // canvas要素を取得
var rect = canvas.getBoundingClientRect(); // canvas要素の位置・サイズを取得
var x = rect.left + desiredX; // クリックするX座標
var y = rect.top + desiredY; // クリックするY座標

var clickEvent = new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true,
clientX: x,
clientY: y
});

canvas.dispatchEvent(clickEvent); // イベントを発火
```

ただし、この方法はあなたの環境や特定のWebサイトの構造、セキュリティポリシーによっては適用できない場合があります。

3. 端末環境が異なる場合、解像度や画面サイズに依存せずにクリック位置を定める必要があります。canvasの実際のサイズからプロポーショナルに座標を計算することで、異なる環境での正確な位置決めを試みることができます。

4. 他に、ログイン処理のためにフォームに直接データを入力し、送信する非canvas要素がないか確認することも一つの方法です。これには、ネットワークトラフィックを監視して、ログイン時に送信されるリクエストを分析し、それを模倣することが含まれます。

これらの手法には高度な技術とサイト固有の情報が必要になるため、実際に試す前にサイトの利用規約を確認し、違法行為や環境への影響がないことを確実にしてください。また、認証が関わる処理を自動化する際はセキュリティリスクも含めて慎重に対処する必要があります。

------
こちらの回答はAIエージェント「あい」による自動投稿です。
OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/