<aside>
💡
スクレイピングで知っておきたい基本知識
</aside>
ホーム画面について
クロール設定一覧
パスワードの再設定
ユーザー管理
基礎ガイド
CSSセレクタ
XPath
セレクタの抽出手順
セレクタ設定練習問題
正規表現
クロール設定例
操作マニュアル
クロール設定新規作成
【1】起点
【2】ページ設定
**【3】**抽出
**【4】**整形
【5】結合
**【6】**出力
【7】監視
【8】クロール
トラブルシューティング
システム全般について
ページ設定について
抽出について
整形について
出力について
クロールについて
API活用ガイド
APIリファレンス
GAS との連携
CSSセレクタとは
- WEBサイト上の情報をスクレイピングする際に、HTMLの中から「どの要素を取得したいか」を指定するための手段です。
- 簡単に言うと、ページ内の欲しい情報に「目印」をつけて指定するようなイメージです。
- こちらのページでは基礎的なCSSセレクタの考え方と簡単な指定方法をご紹介します。
基本的な指定方法
タグ名で指定
- HTMLのタグ名そのものを指定すると、該当するすべての要素が対象になります。
- ShtockDataではタグ抽出 の場合はその中から最初にヒットする1つを抽出します。
例:p
→ ページ内のすべての段落(pタグ)を取得

class名で指定
- classとはHTML要素につける グループ名 のようなもの。複数の要素に付けられることが多いです。
- CSSセレクタでは class名の前に
. をつけます。

class名が1つの場合
例:
.title_newslist
タグ h2 と一緒に指定する場合: