- ベストアンサー
リアルタイム表示ホームページの作成について
はじめまして。 現在、PCで取得した温度データをネットワークを用いてモニターできるシステムを作ろうと思っております。 如何せんWEBプログラムは初めてなもので手探りで進んでいる状態です。 現在考えている方法は ・温度データをテキストファイルで読み込み ・WEBサーバをたちあげて、テキストデータを読み込んで表示 という方法です。 リアルタイムで表示したいため、JAVAscriptを用いたいと思っておりますが、仕様上ファイルの読み書きが難しそうです。 phpも考えたのですが、調べた限り、ブラウザを更新しない限りはデータはリアルタイムで変化しないようです。 今はphpでデータを取得->JAVAscriptで表示 という方法を考えていますが、少しスマートではない気がします。 何か良い方法があるのでしょうか？ どなたかご教授よろしくお願いいたします。
- runjump
- お礼率65% (69/105)
- JavaScript
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
#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>
その他の回答 (3)
- babu_baboo
- ベストアンサー率51% (268/525)
http://www.html5.jp/library/index.html の、したのほうに、ぐらふもあるじょ！ canvasりようするように、しむけてみる。 Ajaxは、どこぞのちゃんとしたのをつかってね！
お礼
ありがとうございます！ 非常に参考になりました。 教えていただいたサイトの素材を使ってカッチョいいのを作りたいと思います！
>今はphpでデータを取得->JAVAscriptで表示 >という方法を考えていますが、少しスマートではない気がします。 いや、リアルタイムに更新ということであれば、それが一番スマートだろうと思う。サーバー側に、データの更新、データの読込みといったPHPを用意し、ブラウザ側ではJavaScriptのタイマーを使って定期的にPHPに非同期アクセスし、結果を表示する、という形になるだろう。
お礼
ありがとうございます。 悩んだ末の苦肉の策でしたが、結構良い方法だったのですね。安心しました。 この路線で調べたところ http://chaichan.web.infoseek.co.jp/qa6000/qa6183.htm が参考になりそうな気がします。 まだまだ時間はかかりそうですが、がんばってみます。 ありがとうございました。
- babu_baboo
- ベストアンサー率51% (268/525)
Ajaxをさんしょう。
お礼
ご回答ありがとうございます。 Ajaxは難しそうなので食わず嫌いしていました。ローカルのファイルを参照して動的に表示というのが一つのソースコードで実現できるのでしょうか？ もしよろしければ似たようなサンプルを置いてある場所を教えていただけるとうれしいです。
関連するQ&A
- リアルタイムの時間表示について
JavaScriptでリアルタイム表示をさせたいのですが、 フォームでテキストボックスを指定するため、枠が表示されてしまいます。 枠を表示させない方法はありますでしょうか。よろしくお願いします。
- 締切済み
- JavaScript
- リアルタイム時間表示について
現在の時間（リアルタイム表示）を表示したいのです。formや画像、ステータスバーを使用するのではなく document.writeを使用して表示する方法を教えてください。どうしてもリアルタイムにならないし、エラーになってできません。 Javascriptは外部ファイルにまとめたいので、関数にしてHTMLに読み込みたいと思っています。教えてくださいm(__)m
- ベストアンサー
- JavaScript
- ログイン中のメンバーを表示したい
10人くらいで使うちょっとしたウェブアプリを作っているのですが、 ログインしてるメンバーをリアルタイムで判定するやり方が思いつきません。 ちなみに使ってる言語はhtml,css,php,javascriptです。 表示をリアルタイムに反映させるにはJavascriptでログイン状態の部分を書き換えてればいいと思うのですが、どうやってログイン状態を取得すればよいのでしょう。 色々なやり方があると思うのでヒントをいただけたらと思います。
- ベストアンサー
- AJAX
- リアルタイムな時間の取得
ASPでリアルタイムな時間の取得は可能でしょうか？ JavaScriptでリアルタイムな時間は取得できたのですが、 JavaScriptはあくまでも各ブラウザのシステムの時間を取得します。 サーバの時間をリアルタイムに各ブラウザに表示させたいのです。 もし何かわかられる方がいらっしゃれば、教えてくださいm(__)m
- ベストアンサー
- Microsoft ASP
- GoogleMapをリアルタイムに更新
データベース(MｙSQL)に更新があった場合、GoogleMap上にリアルタイムにマーカーを表示させたいと考えています。 現在、XMLファイルの読み込みライブラリー downloadxml.js を利用し、PHPのXMLファイルを読み込んで実装しています。 調査していくと、リアルタイムに更新を行うには、ajaxを利用することがわかりました。 そのため 、jQuery のJavaScriptライブラリーを利用してPHPのXMLファイルを読み込む形になるのか、と思っているのですが、データベースに更新があった場合にリアルタイムにGoogleMapを更新させるには、どちらの読み込みで行うとよろしいのでしょうか？ またリアルタイム更新には、cometという技術を使う必要があるということを調査して分かったのですが、具体的なソースコードが出ているページなど詳しい説明が載っているページがあれば、教えていただきたいです。 よろしくお願いします。
- ベストアンサー
- MySQL
- JSPでのリアルタイムな時刻表示
HTML内にJSPを使用してリアルタイムな時刻を表示させたいのですが、 方法がわかりません。JavaScriptではできるのですがJSPではできないのでしょうか？ よろしくお願いします。
- ベストアンサー
- Java
- GoogleMapsで、表示されている地図範囲のマーカーのみを表示させたい
DB（MySQL）に格納された位置データ（名称・緯度・経度）を、PHPのループ処理で取得し、GoogleMapsに表示させる仕組みを作っています。 DBのデータ数が少ないうちはいいのですが、多くなってくると、全てを表示させるには処理の時間と負荷がかかりそうです。 そこで、今表示している地図範囲に含まれるデータのみを画面表示させたいのですが、どのようにすればいいのでしょうか？ getBoundsで現在の地図範囲を取得したり、if＋containsで範囲に含まれるかどうかを判断したりすることはわかりました。 ただし、これらはJavaScriptなので、PHPで取得した位置データを直接やり取りすることができないと思います。 PHPからJavaScriptのコードとして、全データを書き出し、それを処理することも考えましたが、位置データがソース上で丸見えになることも避けたいですし、吐き出すソースが膨大な量になるので現実的ではないと思ってあきらめました。 PHP→XML→JavaScriptという手段も考えたのですが、XMLの知識がないため具体的にどうすればいいのかわからず、こちらもあきらめました。 理想は、JavaScriptでDBデータを取得できればいいのですが、JavaScriptに関しても知識がないのでわかりません。 この件に関して、詳しく説明があるサイトもしくは○○の△△を使えばいいよ、みたいなアドバイスをいただければ嬉しいです。 よろしくお願いします。
- 締切済み
- JavaScript
- リアルタイムに動くグラフの作成
現在、Excel2003を使用し折れ線グラフを作成しようと考えています。 そこで皆さんに教えて頂きたいのですが、 Excelに、 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ ○セル番号Ｌ・Ｍ・Ｎ（セルを結合して中央揃え） ○セル番号ＬＭＮの５行～１０行目にそれぞれ計６個、２から－２ぐらいの変動幅でリアルタイムに数字が表示。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ このようなデータを外部データリンクから取得しています。 そこでこの６個の数値の動きをそれぞれ３０分おきぐらいに折れ線グラフに反映させ、一ヶ月くらいの数値の動きを見たいのですが、このようにリアルタイムに動くグラフ（株のチャートのようなもの）は作成可能でしょうか。 どなたか分かる方、知恵をお借りいただける方、よろしくお願いいたします。
- 締切済み
- オフィス系ソフト
- ホームページの作成について
始めましてHP作成初心者です。現在始めて作成中です。 これまで完成されたHPの修正、ページ作成など多少さわっていたので、 作成できると思っていましたが、立ち上げをした事がありませんでした。 現在壁にぶつかっています。 まずは環境から。。 win XP Dreamweaver 8 sakura スタンダード sakuraでドメイン取得 上記環境にて作成中です。 【質問内容】※時系列 １．sakuraのサーバをレンタル、同時にドメイン取得（～.com） ２．Dreamweaver8でもともと存在するサイトのデータをUP（表示されました） ３．サイトの内容を修正していたが、プロが構築したサイトなので、複雑に絡み合っていて、 レイアウトが崩れたため断念。 ４．Webからフリーの簡易テンプレートをDLし、UP。 ５．.htaccess内、AddType application/x-httpd-php .php .htm .htmlの問題で表示されず。 ６．Webで検索し、上記をメモ帳で修正（AddType application/x-httpd-php .php .htm .html） ７．問題解決せず。（表示されず） ８．上記問題をWeb検索中、「サーバ内のキャッシュが…」とあった気がしたので、DW8の リモート内ファイルを全削除（実行中過ちを犯した事を悟る。。） ９．知識が無いので、戻せず、webページには「index off」が表示された状態。 １０．sakuraへサーバ初期化依頼。（最初からやりなおしたかった。） １１．初期化完了後、ドメインの割り当ては変更無かったので、フリーテンプレートUP。 １２．「index off」が表示されたまま。（sakura.ne.jpのページも同じ表示） １３．何をどうしていいのか、今どういう状態なのかわからず本質問を投稿。 この知識の無い若造にどうか手助けをお願いします（泣） ちなみに完成されたサイトしかさわっていませんので、初期構築の知識はありません。
- 締切済み
- SE・インフラ・Webエンジニア
- 調整した時刻をリアルタイムで表示させる方法
お世話になります。 Webサイト上にテキスト形式で、 調整した時刻（実際の時刻から数時間マイナスした時刻）をリアルタイムに表示させたいのですが、 どなたか方法をご存じの方はいらっしゃいますでしょうか。 JavaやCGIなど探してみましたがどうしても思うようにいきませんので、お力を貸して頂ければ助かります。
- ベストアンサー
- CGI
お礼
ソースコードを示してもらい、大変参考になります。ありがとうございます！ Appacheを導入予定です。ローカルのみアクセスできるように設定する予定です。折れ線グラフで温度変化をモニタできたらと思い探してみたのですが、下記のようなプラグインもあるようですね。 http://allabout.co.jp/internet/javascript/closeup/CU20080225A/ これを機にAjaxで実装を目指してみたいです。