他のWEBサイトの情報を自動で取得して表示させる。

質問

個人用のサーバーPC上で勉強を兼ねて
ローカルのテストサイトを作成し、そこにiGoogleのように
自分が必要な情報だけを集めたWebページを作成したいと思っております。

掲載したい情報にYahooファイナンスの￥－＄のレート情報があるのですが、以下の点がわからず質問いたしました。

・外部のWebサイト(今回の場合Yahooファイナンス)の情報を常時取得し
自分のテストサイト上に表示したい。

DOMを使うのかなと思ったのですが、該当ページを表示させそこにscriptを走らせて値を取得するのならわかるのですが、Webページ上に常に組み込むためにどうしたらいいのかがわかりません。 必要な言語や解説をされているサイトなどがあれば教えていただきたいです。

自分のイメージとしてDOMで該当サイトの値を取得し、その情報をPHPなどの言語を使ったWEBページ上に表示するのかなと、思っていたりします。

お手数ですが、ご存知の方よろしくお願いいたします。

回答No.1

noname#94983 · ベストアンサー

まず、JavaScript（DOMとかいうことは、要するにJavaScriptのAjaxで取得ということをイメージしているのだろうと思う）では、そのWebページがアップされているサーバ以外のサーバから情報を取得することはできない。したがって、Yahooなど他のサイトの情報は、JavaScriptでは取り出せない。

方法としては、PHPでも何でもいいが、サーバサイドに、指定したサイトから必要なファイルをダウンロードし、加工して必要な部分だけを取り出し送り返すプログラムを用意する。そして、Webページに埋め込んだJavaScriptで、タイマーなどを使い一定時間ごとにAjaxでサーバのPHPプログラムを呼び出して必要な情報を取得する、といった形になると思う。

場合によっては、データ量が半端でないとか、相手側のサーバに大きな負担をかけるという場合は、cronなどで一定間隔でPHPプログラムを実行し、取得した情報をファイルにキャッシュしてJavaScriptからはそのキャッシュにアクセスするといったアレンジは必要になるかもしれない。が、基本は「サーバサイドで情報を取得するプログラムを用意し、JavaScriptからアクセスする」というスタイルと考えていいだろう。

とりあえず、サーバサイドのプログラミング言語（PHPでもPerlでもいい）を一通りマスターし、JavaScriptのAjax関係の機能について調べる必要があるだろう。

お礼

早速のご回答ありがとうございます。なるほど、JavaScriptでは外部のサーバの情報は取得できないのですね。

＞本は「サーバサイドで情報を取得するプログラムを用意し、JavaScriptからアクセスする」というスタイル

すごくわかりやすい一文でした。
まずは「サーバサイドで情報を取得するプログラム」
を作ってみようと思います。

ありがとうございました。