Microsoft Edgeを自動化してみよう１

人生が変わるオンラインサロン！

月3万副業収入が得られる！Mサロン！31日間無料体験！

まえがき

こんにちは、サルモリです！

これからC#のSeleniumの使い方について解説していくのでよろしくお願いします。

今回の記事のテーマは下記です。

今日のテーマ

Microsoft Edgeの操作を自動化してみよう。ブラウザを立ち上げて、検索を出来る所まで実装してみよう。

C#で早速Webを立ち上げてみよう！！

サルモリ

注意

visual studioは各自ダウンロードをお願いします。サルモリのバージョンは、visual studio 2019です。

自動化の関連記事はこちら

Seleniumを応用した記事を作りました。こちらも記事も是非みてください。

こちらもCHECK

: C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

人生が変わるオンラインサロン！月3万副業収入が得られる！Mサロン！31日間無料体験！今回のテーマ今回はSeleniumを使用して、ポケモン攻略さんからポケモン種族値一覧を取得し、 CSVに書き込 ...

続きを見る

Chromeバージョンの記事も作りました。

こちらもCHECK

: C# Google ChromeをSeleniumを使用して、自動化してみよう！！　

人生が変わるオンラインサロン！月3万副業収入が得られる！Mサロン！31日間無料体験！まえがきこんにちは、サルモリです！今回はC#のSeleniumの使い方について解説していくのでよろしくお願い ...

続きを見る

Seleniumの準備

step
1Visual studioを立ち上げたら、プロジェクトのNuGetパッケージの管理を開きましょう。

step
2続けて、Selenium.Edgeを検索し、下記の２つをインストールしよう。

Selenium.WebDriver.MicrosoftDriver
Selenium.Edge.SeleniumTools

step
3下記のURLからEdgeドライバーをダウンロードしましょう。

Microsoft Edge ドライバー - Microsoft Edge Developer

step
4「msedgedriver.exe」がダウンロードされるので、任意のフォルダに置いてください。サルモリはDドライブ直下に置きます。

サルモリ

以上で準備完了だよ！！

ブラウザの表示の仕方

下記のコードを記述してみてください。

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Edge;

namespace Selenium
{
    class Program
    {
        static void Main(string[] args)
        {
            var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
            driver.Navigate().GoToUrl("https://google.co.jp/");
        }
    }
}

using System;

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

namespace Selenium

{

class Program

{

static void Main(string[] args)

{

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

driver.Navigate().GoToUrl("https://google.co.jp/");

}

上記のコードを実行すると、Googleが立ち上がります。Navigate().GoToUrlの引数には指定したURLを記述します。

サルモリ

googleが立ち上がったね！！

注意

「@"D:\"」は、Dドライブの直下に「msedgedriver.exe」を置いた場合です。

+ エラーが出た場合はここをクリック

step
1edgeのブラウザを立ち上げ、右上の・・・をクリックし、設定を押下する。

step
2一番下のMicrosoft Edgeについてをクリックすると、現在のブラウザのバージョンが見れます。

step
3下記のURLから上記のバージョンのEdgeドライバーをダウンロードします。

Microsoft Edge ドライバー - Microsoft Edge Developer

サルモリ

サルモリの場合はバージョン: 102.0.1245.30をダウンロードしたよ！

step
4ダウンロードした「msedgedriver.exe」のパスを指定する。

「msedgedriver.exe」をDドライブ直下に置いた場合はこんな感じ。

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

1	var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

データの取得には下記の記事もオススメです！

こちらもCHECK

: C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

人生が変わるオンラインサロン！月3万副業収入が得られる！Mサロン！31日間無料体験！今回のテーマ今回はSeleniumを使用して、ポケモン攻略さんからポケモン種族値一覧を取得し、 CSVに書き込 ...

続きを見る

自動化の関連記事はこちら

googleでの検索方法

続けて、下記のコードを実行してみよう。

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Edge;

namespace Selenium
{
    class Program
    {
        static void Main(string[] args)
        {
            var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
            driver.Navigate().GoToUrl("https://google.co.jp/");
            //下の３行を追加
            driver.FindElementByXPath("//input[@class='gLFyf gsfi']").SendKeys("yahoo");
            driver.Manage().Window.Maximize();
            driver.FindElementByXPath("//input[@class='gNO89b']").Click();
        }
    }
}

using System;

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

namespace Selenium

{

class Program

{

static void Main(string[] args)

{

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

driver.Navigate().GoToUrl("https://google.co.jp/");

//下の３行を追加

driver.FindElementByXPath("//input[@class='gLFyf gsfi']").SendKeys("yahoo");

driver.Manage().Window.Maximize();

driver.FindElementByXPath("//input[@class='gNO89b']").Click();

}

上記のコードを入力すると自動的にテキストボックスに入力し、画面が遷移したと思います。

サルモリ

yahooを検索できたね！

属性の取得方法を学ぼう

上記のように属性の取得方法を学びましょう！！

サルモリ

取得方法を学べば、ほとんどのウェブサイトの自動化ができるよ。

step
1まず、google画面を開きます。

step
2F12キーをおしてください。右側に下記のウィンドウが表示されます。

step
3開いたウィンドウの左上側にあるクリックしている図を押しましょう。

step
4検索テキストボックスにカーソルを合わせてクリックしてみてください。右にコードが表示されます。

step
5薄っすらと灰色で塗られたhtmlのソースコードが対象のテキストボックスです。

サルモリ

ソースコードと見比べてみよう！

htmlとソースコードの見比べ

html

ソースコード

driver.FindElementByXPath("//input[@class='gLFyf gsfi']").SendKeys("yahoo");

1	driver.FindElementByXPath("//input[@class='gLFyf gsfi']").SendKeys("yahoo");

見比べてみると、classがどちらとも「gLFyf gsfi」となっていることが分かりますね！！

以上の手順で対象のテキストボックスを調べることができます。

対象のテキストボックスを指定した後に、SendKeysメソッドの引数に入力したい文字列を指定してあげましょう！

サルモリ

検索ボタンも同じように調べてみよう！

検索ボタンをクリックしました。

前回の記事のソースコードと見比べてみると。

htmlとソースコードの見比べ

html

ソースコード

driver.FindElementByXPath("//input[@class='gNO89b']").Click();

1	driver.FindElementByXPath("//input[@class='gNO89b']").Click();

こちらも見比べてみると、classがどちらとも「gNO89b」となっていることが分かります！！

ボタンの押下には、Clickメソッドを使用します！

クラスだけでなく、valueも指定できます。

driver.FindElementByXPath("//input[@value='Google 検索']").Click();

1	driver.FindElementByXPath("//input[@value='Google 検索']").Click();

サルモリ

今回の例では、valueは「Google 検索」だね！！

nameなどでもできるので、色々試してみてください。python言語なども基本的に同じです。

データの取得には下記の記事もオススメです！

こちらもCHECK

: C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

人生が変わるオンラインサロン！月3万副業収入が得られる！Mサロン！31日間無料体験！今回のテーマ今回はSeleniumを使用して、ポケモン攻略さんからポケモン種族値一覧を取得し、 CSVに書き込 ...

続きを見る

自動化の関連記事はこちら

自動化に便利なメソッド

下記の使い方を学んでみよう。

メソッド一覧

FindElementById
FindElementByClassName
FindElementByName
Close
Back
Forword

サルモリ

早速使い方をみていくよ！

FindElementByClassName

まずは、FindElementByClassNameを使っていきましょう。

サルモリ

XPATHより全然簡単だよ。

googleの右上のGmailをクリックしてみます。まず、タグ名を調べます。クラス名を確認しましょう。

下記のコードを入力してみましょう。画面が遷移するはずです。

driver.FindElementByClassName("gb_g").Click();

1	driver.FindElementByClassName("gb_g").Click();

FindElementById

FindElementByIdを続けて使ってみましょう。遷移した画面のテキストボックスを調べます。

idを指定しましょう。下記のソースコードを記述してみます。

driver.FindElementById("identifierId").SendKeys("KappaChan");

1	driver.FindElementById("identifierId").SendKeys("KappaChan");

KappaChanと記述されましたね。

FindElementByName

FindElementByNameも基本的には同じです。google画面の検索ボックスを調べてみます。

下記のソースコードを記述してみます。

driver.FindElementByName("q").SendKeys("sarumori");

1	driver.FindElementByName("q").SendKeys("sarumori");

「sarumori」と記述されましたね。

自動化の関連記事はこちら

Close

Closeメソッドでは、開いたブラウザを閉じることができます。

driver.Close();

1	driver.Close();

Back

Backメソッドはブラウザを戻ることができます。ブラウザの左上にある戻るボタンと同じ挙動ですね。

driver.Navigate().Back();

1	driver.Navigate().Back();

Forword

Forwardメソッドはブラウザを進ませるができます。ブラウザの左上にある進むボタンと同じ挙動ですね。

driver.Navigate().Forward();

1	driver.Navigate().Forward();

まとめ

これでSeleniumの基本的な使い方は終わりです。結構簡単に実装できるので、ぜひ覚えてくださいね！

次の記事ではhtmlの属性の探し方などを記事にしたいと思います。

取り上げたメソッドを存分に使ってみます。

クラス名などが変わっていましたね＾＾；下記のソースコードを修正しました。

サルモリ

今までのコードを存分につかってみよう！

using System;
using OpenQA.Selenium;
using OpenQA.Selenium.Edge;
 
namespace Selenium
{
    class Program
    {
        static void Main(string[] args)
        {
            var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));
            driver.Navigate().GoToUrl("https://google.co.jp/");
            driver.Manage().Window.Maximize();
            //下の３行を追加
            driver.FindElementByXPath("//a[@class='gb_1 gb_2 gb_7d gb_7c']").Click();
            driver.FindElementById("identifierId").SendKeys("KappaChan");
            driver.Navigate().Back();
            driver.Navigate().Forward();
            driver.Navigate().Back();
            driver.FindElementByName("q").SendKeys("yahoo");
            driver.Manage().Window.Maximize();
            driver.FindElementByXPath("//input[@class='gLFyf gsfi']").Click();
            driver.Close();
        }
    }
}

using System;

using OpenQA.Selenium;

using OpenQA.Selenium.Edge;

namespace Selenium

{

class Program

{

static void Main(string[] args)

{

var driver = new EdgeDriver(EdgeDriverService.CreateDefaultService(@"D:\", "msedgedriver.exe"));

driver.Navigate().GoToUrl("https://google.co.jp/");

driver.Manage().Window.Maximize();

//下の３行を追加

driver.FindElementByXPath("//a[@class='gb_1 gb_2 gb_7d gb_7c']").Click();

driver.FindElementById("identifierId").SendKeys("KappaChan");

driver.Navigate().Back();

driver.Navigate().Forward();

driver.Navigate().Back();

driver.FindElementByName("q").SendKeys("yahoo");

driver.Manage().Window.Maximize();

driver.FindElementByXPath("//input[@class='gLFyf gsfi']").Click();

driver.Close();

}

画面がたくさん遷移して、自動化されていることが実感できると思います。

注意

driver.Manage().Window.Maximize()は画面を最大化するコードです。画面を最大化しないと、タグが見つからずにOpenQA.Selenium.ElementNotInteractableExceptionというエラーが発生します。この辺のエラー対策についても後程記事にしていきたいと思います。

今回取り上げたメソッドを使っていけば、基本的にやりたいことは出来ると思います。

最後まで見て頂き、ありがとうございました。

サルモリ

今回の記事は終了だよ！

Seleniumを応用した記事を作りました。こちらも記事も是非みてください。

自動化の関連記事はこちら

人生が変わるオンラインサロン！

月3万副業収入が得られる！Mサロン！31日間無料体験！

C#のLinqをさらに学びたい方へ

C#のLinqを理解して頂くために参考書を執筆致しました！

Linqの演習問題はこちらの参考書に載せているので、問題を解いて理解を深めたい方はこちらの参考書チェックしてください！

下記の画像をクリック！！kindleunlimitedの会員であれば無料で見れます！

⇩初心者向け　　　　⇩中級者向け

C#のLinqをさらに学びたい方へ

C#のLinqを理解して頂くために参考書を執筆致しました！

Linqの演習問題はこちらの参考書に載せているので、問題を解いて理解を深めたい方はこちらの参考書チェックしてください！

下記の画像をクリック！！kindleunlimitedの会員であれば無料で見れます！

⇩初心者向け　　　　⇩中級者向け

Microsoft Edgeを自動化してみよう１

まえがき

C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

C# Google ChromeをSeleniumを使用して、自動化してみよう！！

Seleniumの準備

ブラウザの表示の仕方

C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

googleでの検索方法

属性の取得方法を学ぼう

C# Seleniumを使用して、ポケモン攻略の種族値一覧を取得し、CSVに書き込んでみた。スクレイピングをしたい方は是非みてください。

自動化に便利なメソッド

FindElementByClassName

FindElementById

FindElementByName

Close

Back

Forword

まとめ

C#のLinqをさらに学びたい方へ

C#のLinqをさらに学びたい方へ

Ads Blocker Detected!!!

C# Google ChromeをSeleniumを使用して、自動化してみよう！！　