spreadsheetの使い方

Xpathの使い方が分からない!けどChromeの検証使ってみたら・・

Chromeの検証画面からXpathを取得する手順

例として、以前ご紹介したImportXML記事の「h1タイトルのXpath」を取得してみます。

 

記事タイトルは基本的には「h1」タグで記載されているはずなので、Xpathもh1の要素を取得していきます。

 

先ずは該当記事を開いて、タイトル部分にカーソルを持っていきます。

 

その場所(Xpathを取得したい要素)で右クリックを押して メニュー > 検証(メニュー画面の一番下) をクリック。

 

すると画面右側(右上)に現在開いているページのソース」が表示されます。

 

ページのソース上にカーソルを移動し右クリックして メニューCopyCopy XPath をクリック。

 

これでタイトルのXpathが取得できました\(^o^)/!

 

コピーしたXpathはコチラ↓きちんとh1の要素が取得出来ていますね。

//*[@id="post-2092"]/h1

 

ではImportXML関数に取得したXpathを挿入してみましょう!

 

ImportXML関数に挿入してみよう

https://pixabay.com/users/wilhei/

ImportXMLの構文は、

=ImportXML(URL,"Xpath")

です。

 

ポイントとしては「Xpath」の部分はダブルクオーテーション(")で囲うこと。

 

今回はスプレッドシートを開いて適当なセルに

  • タイトルを取得したいURL
  • Importxml関数

を記入します。

 

まずImportXML関数を記入してURL(記事URL)を指定します。

今回はB2セルにURLを表示しておいて、ImportXMLではB2セルをURLに割り振りました。

 

次に先ほどコピーした「Xpath」をペースト。

 

しかしこのままではimportXML関数の定義に沿ってないので、結果がエラーになってしまいます。修正しましょう!

 

Xpathの左右にダブルクオーテーション””を付けて・・

 

[]の中のダブルクオーテーションをシングルクォーテーションに変更します。ダブルクオテーションが重複しちゃいますからね。

 

アニメーションで・・

 

ここまで体裁を整えればあとはEnterを押して完成を見てみましょう!

 

無事、タイトルが取得できましたね!!

 

アヒルン
ヤッタw!h1取得出来たwww

 

同様に「カテゴリのXpath」と

"//*[@id='breadcrumb']/ol/li[2]/a/span"

 

「アイキャッチのXpath」も取得して

"//img/@src"

 

ImportXML関数に挿入してみると・・

 

カテゴリ・アイキャッチ画像のどちらとも取得出来ていますね!

 

とはいってもLoading(読み込み)が多くあり全てのデータ取得が直ぐに完璧に行えるかというと、そうではありませんでした。

 

MEMO

具体的にはどの位の量でLoadingになるのかイマイチ把握できてません。この辺の解決方法も分かったら追記します。

 

何はともあれXpathの使い方、取得したい要素が分からないなら

 

結論Xpathの使い方が分からなければ Chrome>検証 >「Xpath Copy」がオススメ

 

ということです(`・ω・´)ゞ!

 

何度もXpath Copyを行っていると何となく規則性が見えてくるかも・・

 

オススメGOOGLETRANSLATE関数の使い方!スプレッドシート上のテキストを翻訳出来るよ!

まとめ:先ずはXpathを使ってみよう!

Pexels / Pixabay

というわけで「Xpathの使い方」なんて大それたタイトルにしてしまいましたが、無事にimportXML関数にて求めていた要素は取得できましたか?

 

今回はほんとに僕の備忘録な部分が大半で、理解も説明もイマイチかもでごめんなさい。個人的には

  • Xpath使い方が分からなければ
    Chrome>検証>Xpath Copy
    で要素を取得出来る!

ということが分かっただけでも大収穫でした。

 

何気にimportxml関数が、こんなに奥が深いものだったとは。新しい世界が開けた感じで

 

もし作れたらサイト情報を取得するXpathの一覧でも次回作ろうかしら・・

自動化スプレッドシート行・列固定をワンクリックで!コピペでカンタンに再現出来るよ!

スプレッドシートquery関数の使い方!vlookupより断然オススメ!

複数あるシートやデータの中から「ほしいデータ」だけが抽出出来たら一覧表の作成なんかが捗りますよね。   はい、上記GIFでもご紹介しておりますがスプレッドシート独自関数の1つQUERY関数な ...

  • この記事を書いた人
  • 最新記事
oyakun

oyakun

30代半ば♂妻・子3人の5人で日々激戦中。Google app script&VBA初心者が自分の備忘録を兼ねて「スプレッドシート、Excel、WordPress、plugin」の設定等、主にブログやアフィリエイト周辺のtipsを背伸びしながらご紹介しています。

Copyright© OYAKUDACHI.XYZ , 2019 All Rights Reserved.