環境構築

目次

  1. windowsにPythonをインストール
  2. コマンドプロントでSeleniumをインストールする
  3. WebDriverをダウンロードする
  4. chromeのバージョンアップ
    1. 1.PythonでSeleniumのwebdriverモジュールをインポート
    2. 2.操作するブラウザを開く
    3. 3.操作するページを開く
    4. 4.timeモジュールをインポート
    5. 5.class属性で指定する
    6. 6.クリックする1
    7. 7.クリックする2

windowsにPythonをインストール

Python3のインストール

こちらを参照してください。

コマンドプロントでSeleniumをインストールする

このコマンドを実行するとインストールされます。

pip install selenium

WebDriverをダウンロードする

公式サイトからChromeのWebDriverの最新版をダウンロード

![](https://web.archive.org/web/20200925223318im_/https://i1.wp.com/sho- kun.com/wp- content/uploads/2019/06/キャプチャ.png?resize=1000%2C594&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i1.wp.com/sho- kun.com/wp-content/uploads/2019/06/キャプチャ.png?resize=1000%2C594&ssl=1)

最新版をクリック

![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/キャプチャ-5.png?resize=814%2C266&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp-content/uploads/2019/06/キャプチャ-5.png?resize=814%2C266&ssl=1)

するとこのような画面になるので「win32.zip」をクリック

ダウンロードが始まるので、終わったら解凍する。

解凍が終わったら「chromedriver.exe」を

任意の場所に移動させる。

今回はここ

C:\Users\ユーザー名\Desktop\Selenium

この際にchromeのバージョンを合わせないと動かない場合がある

chromeのバージョンアップ

1.chromeを開いて

2.右上の![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/-1-e1559713883241.png?resize=24%2C22&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/-1-e1559713883241.png?resize=24%2C22&ssl=1)をクリック

3.ヘルプ(H)

4.Google chromeについて(G)

ここが現在のバージョンです。

勝手に更新が始まるので、完了したら再起動をします。

![](https://web.archive.org/web/20200925223318im_/https://i0.wp.com/sho- kun.com/wp- content/uploads/2019/06/-2-e1559727934398.png?resize=691%2C243&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i0.wp.com/sho- kun.com/wp- content/uploads/2019/06/-2-e1559727934398.png?resize=691%2C243&ssl=1)

![](https://web.archive.org/web/20200925223318im_/https://i0.wp.com/sho- kun.com/wp- content/uploads/2019/06/-3-e1559727958307.png?resize=694%2C241&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i0.wp.com/sho- kun.com/wp- content/uploads/2019/06/-3-e1559727958307.png?resize=694%2C241&ssl=1)

再起動後このようになっていれば成功です。

![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/-4-e1559727980903.png?resize=691%2C238&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/-4-e1559727980903.png?resize=691%2C238&ssl=1)

以上で環境の構築は終了です。

Seleniumでスクレイピングする

先ほど「chromedriver.exe」を保存した階層で作業します。

C:\Users\ユーザー名\Desktop\Selenium\test.py

を作成します。

内容は以下

# 1.Seleniumのwebdriverモジュールをインポート
from selenium import webdriver

# 2.操作するブラウザを開く
# /Users/ユーザー名/Desktop/Selenium/chromedriver
driver = webdriver.Chrome('/Users/takahashi/Desktop/Selenium/chromedriver.exe')

# 3.操作するページを開く
driver.get('https://www.google.co.jp')

# 4.timeモジュールのインポート
import time  
time.sleep(1)

# 5.class属性で指定する
driver.find_element_by_name('q').send_keys('わんこ')

time.sleep(1)

# 6.クリックする1
driver.find_element_by_name('btnK').click()

time.sleep(1)

# 7.クリックする2
driver.find_element_by_xpath("//*[text()=\"画像\"]").click()

time.sleep(1)



time.sleep(5)
driver.quit()

順に説明していきます

1.PythonでSeleniumのwebdriverモジュールをインポート

from selenium import webdriver

seleniumのwebdriverというモジュールを読み込んでいます。

おまじないみたいな感じです。

2.操作するブラウザを開く

先ほど保存した「chromedriver.exe」を指定します。

/Users/ユーザー名/Desktop/Selenium/chromedriver

driver = webdriver.Chrome('/Users/takahashi/Desktop/Selenium/chromedriver.exe')

3.操作するページを開く

今回はgoogleを表示させます。

driver.get('https://www.google.co.jp')

4.timeモジュールをインポート

サイトの読み込みを待つために1秒停止させる

import time
time.sleep(1)

5.class属性で指定する

driver.find_element_by_name('q').send_keys('わんこ')

driver.find_elementまでが決まり文句のようなもの

後ろの「by_name」で

html文のname「xxx」を指定できる

「name=q」に「わんこ」と入力する

という意味

デバッグモードで見るといい(F12で表示)

![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp- content/uploads/2019/06/キャプチャ-6.png?resize=1024%2C499&ssl=1)![](https://web.archive.org/web/20200925223318im_/https://i2.wp.com/sho- kun.com/wp-content/uploads/2019/06/キャプチャ-6.png?resize=1024%2C499&ssl=1)

6.クリックする1

検索ボタンをクリックする

スリープ1秒

driver.find_element_by_name('btnK').click()

time.sleep(1)

7.クリックする2

表示された検索結果から画像に切り替える

スリープ1秒

driver.find_element_by_xpath("//*[text()=\"画像\"]").click()
time.sleep(1)

もっといろいろできるみたいなので調べていきます