スクレイピングの結果が出力がされない

Question

以下のサイト
https://shadowverse-portal.com/deckbuilder/create/8?hash=1.8.6RMga.6RMga.6RMga.6cmfA.6cmfA.6cmfA.6vovw.6vovw.6vovw.71TeA.71TeA.71TeA.6kOCI.6kOCI.6kOCI.6zemS.6zemS.6RKEK.6RKEK.6RKEK.6kRNQ.6kRNQ.6kRNQ.6zd2w.6zd2w.6zd2w.6RHYc.6RHYc.6RHYc.6s3fQ.6s3fQ.6s3fQ.61Q1A.61Q1A.6kT4y.6kT4y.6kT4y.6vvVy.6vvVy.6vvVy&lang=ja
の<span class="el-card-list-info-name-text"></span>
の部分のテキストを全て抜き出すために以下のコードを作成したのですがエラーメッセージは出なかったものの出力はされませんでした。そこでコードが間違っているのかと思いurlとcssセレクタを他のサイト(yahooニュースのトピック一覧)に変えて試したところ問題なく出力されたため、かえって解決策が分からなくなってしまいました。どなたか解決策をご教授いただきますようよろしくお願いします。

require "open-uri"

require "nokogiri"

url ="https://shadowverse-portal.com/deckbuilder/create/8?hash=1.8.6RMga.6RMga.6RMga.6cmfA.6cmfA.6cmfA.6vovw.6vovw.6vovw.71TeA.71TeA.71TeA.6kOCI.6kOCI.6kOCI.6zemS.6zemS.6RKEK.6RKEK.6RKEK.6kRNQ.6kRNQ.6kRNQ.6zd2w.6zd2w.6zd2w.6RHYc.6RHYc.6RHYc.6s3fQ.6s3fQ.6s3fQ.61Q1A.61Q1A.6kT4y.6kT4y.6kT4y.6vvVy.6vvVy.6vvVy&lang=ja"


html = URI.open(url) do |page|
  page.read
end

doc = Nokogiri::HTML.parse(html)

puts doc.css("#deckbuilder > div > div.deckbuilder-deck > div > div.deckbuilder-deck-stickify > div.deckbuilder-deck-list > div.deckbuilder-deck-cards > ul > li:nth-child(1n) > div > p.el-card-list-info-name > span")

Answer 1

プログラムとしては間違ってなくて、単に、指定のCSSセレクタに該当するノードが無いだけでしょう。
puts htmlした結果をよく見ましょう。

あるいは、いきなり"#deckbuilder > div > ～～ > span"を指定せず、
"#deckbuilder"から指定を少しずつ増やしていくとか。最初からノードが無いかも知れませんが。

Comments

[aassdd]

回答ありがとうございます。
このcssセレクタはchromeでページを検証しスクレイピングしたい部分でセレクタコピーしたものをそのまま貼り付けたものですがそういう場合でもノードがないということが起こり得るのでしょうか。

[otn]

ありますね。puts htmlを見ましょう。

[aassdd]

確認したところノードが存在していませんでした。
回答ありがとうございました。

[otn]

おそらくJavaScriptで追加されたノードなので、open-uriじゃなくて、ブラウザ+Seleniumでやりましょう。

[aassdd]

ありがとうございます。詳しく調べてみます。