> ## Documentation Index
> Fetch the complete documentation index at: https://www.octoparse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 最初のタスクを作成する

> Octoparseの初心者ガイド。自動検出機能、検索結果ページのページング、XPathによるデータ抽出を、デモ動画とヘルプセンターの手順とあわせて紹介します。

Octoparseは初めてですか？このページでは、よく使う3つのスクレイピング作業を短いデモ動画で紹介します。ECサイトの商品情報の収集、ページをまたいだ結果の取得、表データの抽出です。各セクションには、手順を確認できるヘルプセンター記事も掲載しています。

<Tip>
  多くのサイトでは、まず[自動検出](/docs/jp/platform/auto-detect)を試してください。より細かく制御したい場合は、[ノーコードビルダー](/docs/jp/platform/no-code-builder)を使います。
</Tip>

## ECサイトをスクレイピングする

ECサイトのスクレイピングでは、主に2種類のページを扱います。**一覧ページ**には、複数商品のタイトル、価格、URLなどの基本情報がまとまっています。**詳細ページ**には、仕様、説明文、画像、レビューなど、より詳しい情報があります。詳細ページだけを抽出することも、一覧ページの後に詳細ページへ遷移して両方の情報を集めることもできます。

**商品一覧ページをスクレイピングする**

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/EfnBjBPeenU" title="商品一覧ページをスクレイピングする" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

**商品詳細ページをスクレイピングする**

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/WLmuQrfdmPU" title="商品詳細ページをスクレイピングする" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

手順ガイド：

* [データリストをスクレイピングする](https://helpcenter.octoparse.com/ja/articles/6470956-%E3%83%87%E3%83%BC%E3%82%BF%E3%83%AA%E3%82%B9%E3%83%88%E3%82%92%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0%E3%81%99%E3%82%8B)
* [リスト内の各リンクをクリックし、新しいページからデータを抽出する](https://helpcenter.octoparse.com/ja/articles/6470996-%E3%83%AA%E3%82%B9%E3%83%88%E5%86%85%E3%81%AE%E5%90%84%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97-%E6%96%B0%E3%81%97%E3%81%84%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%8A%BD%E5%87%BA%E3%81%99%E3%82%8B)
* [一覧ページと詳細ページの両方からデータを抽出する](https://helpcenter.octoparse.com/ja/articles/6470985-%E4%B8%80%E8%A6%A7%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A8%E8%A9%B3%E7%B4%B0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E4%B8%A1%E6%96%B9%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%8A%BD%E5%87%BA%E3%81%99%E3%82%8B)
* [eBayから商品情報をスクレイピングする](https://helpcenter.octoparse.com/ja/articles/6471040-ebay%E3%81%8B%E3%82%89%E5%95%86%E5%93%81%E6%83%85%E5%A0%B1%E3%82%92%E3%82%B9%E3%82%AF%E3%83%AC%E3%82%A4%E3%83%94%E3%83%B3%E3%82%B0-v8-4)

## ページネーションを処理する

多くのWebサイトでは、検索結果が複数ページに分割されています。Octoparseでは、よく使われる2つのパターンをいくつかの設定で処理できます。

**「もっと見る」ボタン**

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/bsmPpC6hMT4" title="もっと見るボタンがあるページをスクレイピングする" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

**無限スクロール**

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/LpcDt9Hy9K4" title="無限スクロールのページをスクレイピングする" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

手順ガイド：

* [「もっと見る」ボタンによるページネーションを処理する](https://helpcenter.octoparse.com/ja/articles/6470991-%E3%82%82%E3%81%A3%E3%81%A8%E8%A6%8B%E3%82%8B%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E3%82%88%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%87%A6%E7%90%86%E3%81%99%E3%82%8B)
* [クリックしないと表示されない情報をスクレイピングする](https://helpcenter.octoparse.com/ja/articles/6471166-%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%97%E3%81%AA%E3%81%84%E3%81%A8%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%AA%E3%81%84%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B)
* [無限スクロールによるページネーションを処理する](https://helpcenter.octoparse.com/ja/articles/6470993-%E7%84%A1%E9%99%90%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E5%87%A6%E7%90%86%E3%81%99%E3%82%8B)
* [ページスクロールを設定する](https://helpcenter.octoparse.com/ja/articles/6470945-%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B)
* [ページ内の指定エリアをスクロールする](https://helpcenter.octoparse.com/ja/articles/6470983-%E9%83%A8%E5%88%86%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB-web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E6%8C%87%E5%AE%9A%E3%82%A8%E3%83%AA%E3%82%A2%E5%86%85%E3%82%92%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB)

## 表をスクレイピングする

表はデータを行と列で整理しています。このデモでは、カスタムタスクを使って表データを抽出する方法を紹介します。

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/aN5ERcsxKRg" title="表データをスクレイピングする" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

手順ガイド：

* [表データをスクレイピングする](https://www.octoparse.com/blog/scrape-data-from-a-table)
* [CoinGeckoから暗号資産価格をスクレイピングする](https://www.octoparse.com/blog/cryptocurrency-market-analysis-with-web-scraping)

## 次のステップ

基本に慣れたら、すぐに使えるスクレイパーを[テンプレート](/docs/jp/platform/templates)で探すか、[アカデミー](/docs/jp/academy/scrape-amazon)のサイト別ガイドを確認してください。
