Pipesというサービスを使って、スクレイピングできたのですが、いつのまにかサービスが終了していました。その代わりとして同じくYahooが提供しているYQLというサービスで同様のことができたのでその方法を紹介します。デモhttp://ithat.me/wp-content/uploads/2016/12/only-js-web-scraping-with-yql.html今回は、例としてNAVERまとめの人気記事を取得して表示させたいと思います。右クリック/検証で開発者ツールを表示して、スクレイピングしたい部分がどういう構成をしているか調べます。いうブロックが並んでいることが分かります。よって、この部分をスクレイピングすればよいことが分かります。いうところがまさにSQL文ですね。取得したいURLを記述します。全ページをJSON化したデータが入っています。毎回全データを取得していてはレスポンスに時間がかかります。今回のように特定の場所(人気記事)だけ取り出したい場合は、一部だけ取り出すように設定する必要があります。部分でxpath式を使って絞り込むことができます。いうように指定します。xpath式について詳しく知りたい方は以下の記事が参考になると思います。console.log(data.query.results.li[0].div[1].div.p[1].span[0].content);});人気記事は20個取得できるので、ループで回せばよいのですが、目的のデータまでの階層がかなり深いのでまずは最初の1記事だけ取り出してみました。JSONのデータの取り出し方は以下の記事が非常に参考になると思います。要素にデータを挿入します。$('.response').append(result);});これで、自由な形式でHTMLを出力できます。