Skip to main content
本文に 1491 文字追加
ソース リンク

ご指摘を受けましてserver.jsとsocket.htmlのコードを書き直したのですが以下のようなエラーが出ます

TypeError: server.use is not a function

server.js

var express = require('express');
var http = require('http');
  io = require('socket.io');
var server = express();

server = http.createServer(function(req, res){

  server.use(express.static(__dirname+'/public'));
  //fs.readFile('./socket.html','utf-8',doReard);
  function doReard(err,data){
    res.writeHead(200, {'Content-Type': 'text/html'});
  res.write(data);
    res.end();
  }
});
 server.listen(8080);

var socket = io.listen(server);
socket.on('connection', function(client){
    client.on('message', function(message) {
        client.broadcast(message);
        console.log(message);
    });

    client.on('disconnect', function(){
            console.log('Conncection closed.');
    });
});

socket.html

<!DOCTYPE html>
<html lang="ja">
<meta charset="utf-8">
<head>
    <script type="text/javascript" src="https://cdn.socket.io/socket.io-  1.4.5.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://localhost:8080/images/client.js"></script>
</head>
<body>
<table id="data">
<tr><th>x</th><th>y</th><th>z</th></tr>
</table>
</body>
</html>

何度も申し訳ありませんが詳しい方いらっしゃいましたらよろしくお願いいたします

ご指摘を受けましてserver.jsとsocket.htmlのコードを書き直したのですが以下のようなエラーが出ます

TypeError: server.use is not a function

server.js

var express = require('express');
var http = require('http');
  io = require('socket.io');
var server = express();

server = http.createServer(function(req, res){

  server.use(express.static(__dirname+'/public'));
  //fs.readFile('./socket.html','utf-8',doReard);
  function doReard(err,data){
    res.writeHead(200, {'Content-Type': 'text/html'});
  res.write(data);
    res.end();
  }
});
 server.listen(8080);

var socket = io.listen(server);
socket.on('connection', function(client){
    client.on('message', function(message) {
        client.broadcast(message);
        console.log(message);
    });

    client.on('disconnect', function(){
            console.log('Conncection closed.');
    });
});

socket.html

<!DOCTYPE html>
<html lang="ja">
<meta charset="utf-8">
<head>
    <script type="text/javascript" src="https://cdn.socket.io/socket.io-  1.4.5.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://localhost:8080/images/client.js"></script>
</head>
<body>
<table id="data">
<tr><th>x</th><th>y</th><th>z</th></tr>
</table>
</body>
</html>

何度も申し訳ありませんが詳しい方いらっしゃいましたらよろしくお願いいたします

不等号を装飾して影響を消しました。
ソース リンク
nekketsuuu
  • 2.4万
  • 12
  • 53
  • 117

client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
< の<記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします

client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
< の記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします

client-ios.jsでエラーが起きているのですが、どこを直せばいいのかわかりません
<記号でのエラーのようですけどどこにも使ってないのでさっぱりです
javascriptに詳しい方いらっしゃいましたらお願いいたします

本文から 1424 文字削除
ソース リンク
SyntaxError: expected expression, got '<'    client-ios.js:1

ソースコード

var pos_x, pos_y;
var canvas, ctx;
function load() {
    pos_x = 0;
    pos_y = 0;
    canvas = document.getElementById("main");
     ctx = canvas.getContext("2d");

    display();
 }

function display() {
    ctx.clearRect(0, 0, 300, 300);
    //150は黄色の背景の半分つまり中心でそこからのズレを指定している
    ctx.fillRect(150+pos_x, 150-pos_y, 40, 20);

    setTimeout(display, 50); // タイマーで定期的に display() を実行
}
function iosHandleOrientation(event) {
    var orientData = event.accelerationIncludingGravity;
    var accel_scale = 30.0;
    var filter_val = 0.1;

    // ローパスフィルタ
    pos_x = (orientData.x*accel_scale * filter_val) + (pos_x * (1.0 - filter_val));
    pos_y = (orientData.y*accel_scale * filter_val) + (pos_y * (1.0 - filter_val));

    $("#x").text(orientData.x);
    $("#y").text(orientData.y);
}
window.addEventListener("devicemotion", iosHandleOrientation, true);
$(function() {
var socket = new io.Socket(null, {port: 8080});

socket.connect();
window.addEventListener('devicemotion', function(evt) {
    var acc = evt.accelerationIncludingGravity;
    socket.send(acc);
},true);
});

追記

上記のプロジェクトとは別のプロジェクトを実行しても同様のエラーが発生しました
http://d.hatena.ne.jp/tomo-ono/20110530/1306740692
のサイトを参考に作成したのですが、server.js(サーバー側のjsファイル)の記述がどちらのプロジェクトでも似ような記述になっているでもしかするとそこに原因があるのかもしれないのですが、依然として解決方法が分かりません

SyntaxError: expected expression, got '<'    client-ios.js:1

ソースコード

var pos_x, pos_y;
var canvas, ctx;
function load() {
    pos_x = 0;
    pos_y = 0;
    canvas = document.getElementById("main");
     ctx = canvas.getContext("2d");

    display();
 }

function display() {
    ctx.clearRect(0, 0, 300, 300);
    //150は黄色の背景の半分つまり中心でそこからのズレを指定している
    ctx.fillRect(150+pos_x, 150-pos_y, 40, 20);

    setTimeout(display, 50); // タイマーで定期的に display() を実行
}
function iosHandleOrientation(event) {
    var orientData = event.accelerationIncludingGravity;
    var accel_scale = 30.0;
    var filter_val = 0.1;

    // ローパスフィルタ
    pos_x = (orientData.x*accel_scale * filter_val) + (pos_x * (1.0 - filter_val));
    pos_y = (orientData.y*accel_scale * filter_val) + (pos_y * (1.0 - filter_val));

    $("#x").text(orientData.x);
    $("#y").text(orientData.y);
}
window.addEventListener("devicemotion", iosHandleOrientation, true);
$(function() {
var socket = new io.Socket(null, {port: 8080});

socket.connect();
window.addEventListener('devicemotion', function(evt) {
    var acc = evt.accelerationIncludingGravity;
    socket.send(acc);
},true);
});

追記

上記のプロジェクトとは別のプロジェクトを実行しても同様のエラーが発生しました
http://d.hatena.ne.jp/tomo-ono/20110530/1306740692
のサイトを参考に作成したのですが、server.js(サーバー側のjsファイル)の記述がどちらのプロジェクトでも似ような記述になっているでもしかするとそこに原因があるのかもしれないのですが、依然として解決方法が分かりません

SyntaxError: expected expression, got '<'    client.js:1

http://d.hatena.ne.jp/tomo-ono/20110530/1306740692
のサイトを参考に作成したのですが、解決方法が分かりません

本文に 2069 文字追加
ソース リンク
読み込んでいます
書式の改善
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64
読み込んでいます
ソース リンク
読み込んでいます