リアルタイム表示ホームページの作成について

解決済

質問者：runjump
質問日時：2009/07/24 03:24
回答数：4件

はじめまして。
現在、PCで取得した温度データをネットワークを用いてモニターできるシステムを作ろうと思っております。
如何せんWEBプログラムは初めてなもので手探りで進んでいる状態です。

現在考えている方法は
・温度データをテキストファイルで読み込み
・WEBサーバをたちあげて、テキストデータを読み込んで表示
という方法です。
リアルタイムで表示したいため、JAVAscriptを用いたいと思っておりますが、仕様上ファイルの読み書きが難しそうです。
phpも考えたのですが、調べた限り、ブラウザを更新しない限りはデータはリアルタイムで変化しないようです。

今はphpでデータを取得->JAVAscriptで表示
という方法を考えていますが、少しスマートではない気がします。
何か良い方法があるのでしょうか？

どなたかご教授よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： babu_baboo
回答日時：2009/07/24 21:20

#1です。

＞ローカルのファイルを参照して
そのかんきょうがどういうものかわからないが、
Apacheみたいなのがあるなら、うごくとおもうじょ！
ぶらうざもなるべくあたらしげのものを。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>sample</title>

<div>
ただいまの温度<br>
<span id="koko"></span>℃
</div>

<script type="text/javascript">
//@cc_on

if (! /^http/.test(location.href)) {
　alert('この環境じゃ動かない');
} else {
　document.getElementById('koko').innerHTML = getFile('ondo.txt');
}

function getFile ( name ) {
　var obj = new XMLHttpRequest();
　var text = null;
　
　if (obj) {
　　obj./*@if(@_jscript) onreadystatechange @else@*/ onload /*@end@*/ = function () {
　　　if (4 == this.readyState) {
　　　　if (200 == this.status) text = this.responseText;
　　　　if (404 == this.status) text = 'Error! No file.';
　　　}
　　};
　　obj.open( 'GET', name, false );
　　obj.send();
　};
　return text;
}

</script>

- 0
- 件

通報する

この回答へのお礼

ソースコードを示してもらい、大変参考になります。ありがとうございます！
Appacheを導入予定です。ローカルのみアクセスできるように設定する予定です。折れ線グラフで温度変化をモニタできたらと思い探してみたのですが、下記のようなプラグインもあるようですね。
http://allabout.co.jp/internet/javascript/closeu …
これを機にAjaxで実装を目指してみたいです。

通報する

お礼日時：2009/07/25 01:31

No.4

回答者： babu_baboo
回答日時：2009/07/25 09:29

http://www.html5.jp/library/index.html
の、したのほうに、ぐらふもあるじょ！
canvasりようするように、しむけてみる。
Ajaxは、どこぞのちゃんとしたのをつかってね！

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！
非常に参考になりました。
教えていただいたサイトの素材を使ってカッチョいいのを作りたいと思います！

通報する

お礼日時：2009/07/28 17:52

No.2

回答者： noname#94983
回答日時：2009/07/24 09:12

>今はphpでデータを取得->JAVAscriptで表示

>という方法を考えていますが、少しスマートではない気がします。

いや、リアルタイムに更新ということであれば、それが一番スマートだろうと思う。サーバー側に、データの更新、データの読込みといったPHPを用意し、ブラウザ側ではJavaScriptのタイマーを使って定期的にPHPに非同期アクセスし、結果を表示する、という形になるだろう。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
悩んだ末の苦肉の策でしたが、結構良い方法だったのですね。安心しました。
この路線で調べたところ
http://chaichan.web.infoseek.co.jp/qa6000/qa6183 …
が参考になりそうな気がします。
まだまだ時間はかかりそうですが、がんばってみます。
ありがとうございました。

通報する

お礼日時：2009/07/24 13:19

No.1