Help us understand the problem. What is going on with this article?

JavaScript等を用いた動的ページをスクレイピングするためのライブラリSeleniumのRubyでの使い方

More than 3 years have passed since last update.

Webサイトのスクレイピングに便利なSelenium

Webサイトの情報を収集する際によく使われる主砲にはMechanizeというライブラリを用いた手法がよく紹介されており、関連する記事や本が多数あります。

Rubyによるクローラー開発技法 巡回・解析機能の実装と21の運用例

しかし、問題は最近のWebサイトの多くはJavaScriptを多用した動的なサイトで、Mechanizeでは一部対応できないことです。そこで登場するのが動的サイトに対応したスクレイピング手法です。この記事ではSeleniumの使い方を紹介します。

前提環境

  • Macbook pro, OS 10.11.5
  • 言語: Ruby
  • irb上で進めていきます
  • Google webブラウザをインストールする必要あり(補足参照)

Seleniumの使い方

今回は例としてtwitter.comにアクセスした時、左下に表示されるトレンドタグの取得方法を見ていきます。

Kobito.hz19SM.png

*より詳しい使い方は公式ドキュメントをご覧ください。

インストール

itermやターミナル上で以下コマンドを叩きます。
$ gem install selenium-webdriver

これで準備完了です。
$ irb
を叩いてRubyを試せる環境に行きましょう。

> require 'selenium-webdriver'
=> true

> driver = Selenium::WebDriver.for(:chrome)
=> #<Selenium::WebDriver::Driver:0x11747e36fed8b568 browser=:chrome>

> url = "https://twitter.com/"
=> "https://twitter.com/"

> driver.get(url)
=> nil

> username_element = driver.find_element(:xpath => "//*[@id=\"signin-email\"]")
=> #<Selenium::WebDriver::Element:0x1b281e59c986bf82 id="0.5584925940159373-1">

> email_element.send_keys("twitter_username") # ここは自分のtwitterアカウントのユーザーネームを入れてください
=> nil

> password_element = driver.find_element(:xpath => "//*[@id=\"signin-password\"]")
=> #<Selenium::WebDriver::Element:0x15b13312080e2094 id="0.5584925940159373-2">

> password_element.send_keys("your_password")   # ここはtwitterアカウントのパスワードを入力
=> nil

> button_element = driver.find_element(:xpath => "//*[@id=\"front-container\"]/div[2]/div[2]/form/table/tbody/tr/td[2]/button")
=> #<Selenium::WebDriver::Element:0x..fdf0b7767475cc5ba id="0.5584925940159373-3">

> button_element.click   # twitterにログインできます!
=> nil

> driver.find_element(:xpath => "//*[@id=\"page-container\"]/div[1]/div[3]/div/div/div[2]/ul/li[1]/a/span[1]")
=> #<Selenium::WebDriver::Element:0x..fd5b9a3feddff8506 id="0.37072282307666615-1">

> trend_tag = driver.find_element(:xpath => "//*[@id=\"page-container\"]/div[1]/div[3]/div/div/div[2]/ul/li[1]/a/span[1]")
=> #<Selenium::WebDriver::Element:0x..fd5b9a3feddff8506 id="0.37072282307666615-1">

> trend_tag.text
=> "#プレミアム女子会"

Seleniumの弱点

今回は手軽なのでSeleniumを使用しましたが、使ってみて幾つか弱点があることに気がつきました。

  • 遅い
    • ページを一回一回レンダリングするのでとても時間がかかります。使っている途中でStackoverflowに質問したところ、PhantomJSを使ったほうが早いし、セットアップも簡単との情報がありました。PhantomJSをためしてみるのもいいかもしれません。
  • ローカルで動かすのとサーバー上で動かすのに環境が違う
  • chrome driverのインストールが面倒

補足

Chrome Driverのインストール

Chromeの場合、Chrome Driverというソフトウェアをダウンロードする必要があります。以下の手順でダウンロードしましょう。
1. 最新版をこちらからダウンロードして解凍。
2. ターミナル上で echo $PATHをしてPATHをチェック
3. 1でダウンロードしたdriverをPATH上に置きます。
例: $ mv ~/Downloads/chromedriver /usr/local/bin

【参考記事】
https://www.qoosky.io/techs/71dd2d67ea

justin999
iOSエンジニア
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした