常連

### 前提・実現したいこと
webの勉強のため、以下のサイトを見て写経しようと思いました。
https://www.atmarkit.co.jp/ait/articles/1603/14/news015_2.html

node.jsを起動しようとしたところ、以下のメッセージが発生しました。

### 発生している問題・エラーメッセージ

```
PS C:\hogehoge\node> node app.js
C:\hogehoge\node\app.js:9
var io = socketio.listen(server);


TypeError: socketio.listen is not a function
    at Object.<anonymous> (C:\hogehoge\node\app.js:9:19)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
    at internal/main/run_main_module.js:17:47
```

### 該当のソースコード
app.js
```javascript
var http = require('http');
var socketio = require('socket.io');
var fs = require('fs');
var server = http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type' : 'text/html'});
    res.end(fs.readFileSync(__dirname + '/index.html', 'utf-8'));
}).listen(3000);  // ポート競合の場合は値を変更
 
var io = socketio.listen(server);
 
io.sockets.on('connection', function(socket) {
    socket.on('client_to_server', function(data) {
        io.sockets.emit('server_to_client', {value : data.value});
    });
});
```
index.html
```
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>websocket-chat</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script type="text/javascript" src="/socket.io/socket.io.js"></script>
</head>
<body>
  <div class="container">
    <h1>WebSocket-Chat</h1>
      <form class="form-inline">
        <div class="form-group">
          <label for="msgForm">メッセージ：</label>
          <input type="text" class="form-control" id="msgForm">
        </div>
          <button type="submit" class="btn btn-primary">送信</button>
      </form>
      <div id="chatLogs"></div>
  </div>
    
    <script type="text/javascript">
        var socket = io.connect();
    
        socket.on("server_to_client", function(data){appendMsg(data.value)});
    
        function appendMsg(text) {
            $("#chatLogs").append("<div>" + text + "</div>");
        }
    
        $("form").submit(function(e){
            var message = $("#msgForm").val();
            $("#msgForm").val('');
            socket.emit("client_to_server", {value : message});
            e.preventDefault();
        });
    </script>
</body>
</html>
```


### 試したこと

socket.ioの導入が失敗しているのかと思いましたが、
2行目の「var socketio = require('socket.io');」でオブジェクトが
生成されているので、昨日一日行き詰っていました。


### 補足情報（FW/ツールのバージョンなど）
- node.jsのバージョン:v14.16.1
- npmのバージョン：6.14.12

node.js の socket.io listen でエラーが発生します。

### 実現したいこと

あるチャットサイトで乱数を使ったコメントをしたいのですがJavaScriptで指定のボタンをタップした判定を出すことはできますか？できるのであれば教えていただけると幸いです。

### 前提

なぜかそこではonclickのHTMLがなかったので
たぶんsocket.ioでやってるのかなと思います。
url貼っておくのでどこで処理してるか分かる人は
教えていただけると幸いです。
https://netroom.co.jp/socket.io/socket.io.js

### 該当のソースコード

```javascript

let a = Math.random();

let element = document.getElementById('comment');
element.value = a ;

document.getElementsById("b_send").click();

completion();
```
HTMLは長くて載せることができませんでした。

### 試したこと

document.getElementById('id');を試してみましたが無理でした。
なぜでしょうか、web上ではクリックすると送信されるんですよね。


JavaScriptで指定のボタンをタッチした判定の出し方はできますか？

C言語のソケットプログラムについて送受信の部分について質問いたします

たとえば送信したいものが
実行処理のタイプ(char)
int 変数何個か(charによりいくつ送信するか変わります)
文字列配列(可変長)

だった場合送受信の部分は簡易コードで書くと
送信側
send(socket,char , sizeogf(char),0)

send(socket,int , sizeogf(int),0)
send(socket,int , sizeogf(int),0)
....
send(socket,int , sizeogf(int),0)

send(送信する文字列配列のサイズをintで送信,sizeof(int) )
for loop
send(文字列送信)

受信側
recv(soc,char,sizeof(char),0)
swithch で分岐して
recv(int ,sizeof(int))
recv(int ,sizeof(int))
......
recv(int ,sizeof(int))

recv(可変長文字列のサイズを受信)
bufを用意
recv(buf,sizeof(buf))




のような形で書くのがいいのでしょうか？
それとも, なにか決まりがあるのでしょうか？
たとえばchar型の文字列につめて一気に送信するとか.. 


このジャンルのプログラムを組む機会があまりなかったので困っています、お力をお貸しください

ソケットプログラムでの送信側と受信側でのプログラミング方法について

```lang-javascript
$(window).on('beforeunload', function() {
    return '移動していいですか？';
});
```
これだと移動する前にしか処理できなくて

```lang-javascript
$(window).unload(function() {
    alert('ページ移動');
});
```
これはうまく動かなかったんですが、
ページ移動するときに処理するにはどうしたらいですか？




-----追記--------

node.jsでゲームの開発をしています。

一対一の対戦で、ページを抜けたら抜けたプレイヤーは負けて、相手に勝利の告知をさせたいと考えています。

server側
```lang-javascript
socket.on('lose', function(data){
	socket.to(otherPlayer_id).emit('win');
	//勝敗による得点の計算
});
```

client側
```lang-javascript
socket.on('win', function(){
	//勝利時の画面処理
});

$(window).bind("beforeunload", function() {
	return ページを抜けたら勝負に負けます。よろしいですか？
});

function lose(){
	sokcet.emit('lose', data);
}
```

プレーヤーがページから離れようとして、「ページを離れる」ボタンを押した時に関数loseを実行したいと思っています。良い方法ありませんか？

ページ移動後に処理がしたい

### 実現したいこと

PLCとUnityをTCPで通信したい


### 前提

三菱PLCであるQ03UDVCPUを使用しEthernetで通信を行います。

まずテスト段階として現在Spyderを使ってWindows10環境でpython3で実行させています。
その後C#に変換してUnityで通信を行う予定です。
通信方式はMCプロトコルの4Eフレームです。

今回W100とW101の合計32bitを取得したいと考えております。


#### 通信
Q03UDVCPUに内蔵されたEthernetポートとPCのEthernetをハブを介さず直結接続します。
[PLC]--Ethernetケーブル--[PC]
##### IPアドレス
PC   192.168.3.50
PLC 192.168.3.39:1025

#### PLC設定
##### 交信データコード設定
バイナリコード交信

[チェック]RUN中書き込みを許可する（FTPとMCプロトコル）

##### オープン設定
1 UDP MELSOFT接続
2.TCP MELSOFT接続
3 TCP MCプロトコル 1100
4 UDP MCプロトコル 1200
5 TCP MELSOFT接続
6 TCP MCプロトコル 9600
7 TCP MCプロトコル 1025
--以下、TCP MELSOFT接続--



### 発生している問題・返答メッセージ
現在通信自体はできるが、GXWorks2の一括モニタで閲覧している値と返答のデータがPLCのbitと一致しない

```
message:b'T\x00\xff\x03\xff\x00\x00\x0c\x00\x10\x04\x01\x00\x00\x00\x00d\xb4\x00\x02'
Received: b'\xd4\x00\x00\x00\x00\x00\x00\x0c\x00\x10\x04\x0b\x00a\xc0\x00\x0c\x00\x10\x04\x00\x00\x00\x00'
W100 value: 49152
W101 value: 3072
```

#### PLCにセットしている値
W100 942   (0000 0011 1010 1110)
W101 5641 (0001 0110 0000 1001) 


### 該当のソースコード

```python3
import socket

# 送信先のIPアドレスとポート番号
ip_address = "192.168.3.39"
port_number = 1025

# バイナリデータ
message = bytes([0x54, 0x00, 0xFF, 0x03, 0xFF, 0x00, 0x00, 0x0C, 0x00, 0x10, 0x04, 0x01, 0x00, 0x00, 0x00, 0x00, 0x64, 0xB4, 0x00, 0x02])
print("message:"+str(message))
# TCPクライアントを作成し、PLCに接続する
client = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
client.connect((ip_address, port_number))

# メッセージを送信する
client.send(message)

# レスポンスを受信する
response = client.recv(1024)

client.close()

# 受信したバイナリデータを表示する
print(f"Received: {response}")

# W100の値を取得する
w100_value = int.from_bytes(response[14:16], byteorder='big', signed=False)
print(f"W100 value: {w100_value}")

# W101の値を取得する
w101_value = int.from_bytes(response[16:18], byteorder='big', signed=False)
print(f"W101 value: {w101_value}")
```

### 試したこと

交信データコードをASCIIに変更して交信
ハブを介して接続してみた
W0などほかにデータが入っている可能性のある場所を探した
W100、W101の値を変更したが、出力の値は変わらなかった
0x03,0xFFを0xFF,0x03と入れ替えるなどしたが正しい値を取得できなかった

### 補足情報（FW/ツールのバージョンなど）
送信文説明
0x54, 0x00　サブヘッダ　4Eなので5400
0xFF　　　　ネットワーク番号
0x03　　　　要求先ユニットI/O番号
0xFF　　　　要求先ユニットI/O番号
0x00　　　　要求先ユニット局番号
0x00,0x0C　データ長
0x00, 0x10　監視タイマ
0x04, 0x01　コマンド(ワード読み出し)
0x00, 0x00　サブコマンド
0x00, 0x00, 0x64　デバイス番号 (100番目を呼び出す)
0xB4　        Wリンクレジスタ読み取り 
0x00, 0x02　2個読み取る

返答言語はC#でもPython3でも構いません。こちらで変換します。
よろしくお願いいたします。

PLCとUnityとのTCP通信（pythonまたはC＃）

Windowsパソコン（サーバー）とRaspberryPi（クライアント）間でpythonによるsocket通信を行いたいです。データは5メガバイトほどです。Windowsパソコンはanacondaのspyderを使っています。プログラムを書いてみました。サーバーのプログラムのwhile文の抜け出し方を教えてください。違った通信方法でオススメ、簡単なものもあれば教えてください。
```ここに言語を入力
# -*- coding: utf-8 -*-
#サーバー
import socket
def main():
    soc = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    soc.bind(("******", ******)) #ホストとポートは隠します
    soc.listen(1)
    soc, addr = soc.accept()
    data_sum = ''
    while True:
        data = soc.recv(1024) #1024バイトづつ分割して受信する
        data_sum = data_sum + data #受信した分だけ足していく
        if データを全て受信したらTrue: #どのようにデータを全て受信したかどうか判断すればよいか分からない
            break
    print data_sum #受信したデータを表示

if __name__ == '__main__':
    main()
```
```ここに言語を入力
# -*- coding: utf-8 -*-
#クライアント
import socket
def main():
	soc = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
	soc.connect(("******", ******)) #ホストとポートは隠します
	data = 'a' * 1024 * 1024 * 5 #5メガバイトのデータを生成
	soc.send(data) #5メガバイトのデータを送信

if __name__ == '__main__':
	main()

```

pythonでsocket通信を行い、大きいデータを送受信したい

### 実現したいこと
Node.js+herokuのWebアプリを開発中です。
[window.getSelection().anchorNode](https://developer.mozilla.org/ja/docs/Web/API/Selection)で取得した、フロントでの選択範囲を開始する[Node(オブジェクト型)](https://developer.mozilla.org/ja/docs/Web/API/Node)の情報を、socketでサーバーに送りたいのですが、うまくいきません。

```Javascript(フロント)
anchor_node = window.getSelection().anchorNode;
console.log(anchor_node);
//選択範囲を開始するNode(テキストノード)のテキストが表示される
console.log(typeof(anchor_node));
//objectと表示される
console.log(anchor_node.nodeType);
//3(TEXT_NODE)と表示される

socket.emit('anchor_node', anchor_node);
```
```Javascript(サーバー)
socket.on('anchor_node', (message) => {
   console.log(message);
   //{}とだけ表示される
});
```

[こちらのページ](https://socket.io/docs/v3/emitting-events/)によると、socket.emitする際、オブジェクトにはJSON.stringify()が自動的に実行されるとあります。
JSON.stringify()が適用されたら、オブジェクト型のanchor_nodeがJSON表記になってよしなにサーバーにわたってくれるのかと思っていましたが、{}とだけ表示され、なぜか中身が消えて？います。
文字列や整数などは問題なく送信・受信ができているので、Nodeのみうまく渡せていない状況です。

サーバに渡したanchor_nodeの情報はデータベース(MySQL)に格納後、ユーザのフロント操作に応じて取り出され利用されます。
主に、ログインしているユーザの編集情報を再現するために利用されます。
その際、anchor_node.parentElementなどの処理をおこなうため、anchor_node.textContentだけを文字列化してsocketで送るという手法では情報が足りず、やはりオブジェクト型をJSON化して、全ての情報を保持しておきたいです。

window.getSelection().anchorNodeにこだわるというよりは、window.getSelection()の持っている情報をデータベースに保持しておければよいので、これ以外のアプローチもありそうでしたらぜひご指摘いただけますと幸いです。
ご教授よろしくお願いいたします。

追記：サーバに渡ったanchor_nodeを、このままMySQLにINSERTしたところ、[object Object]と表示されました



DOMのNodeをsocketでサーバに送りたい

### C言語でUDP通信を実現する（使用機器:P8X32AとW5200、開発環境:SimpleIDE）
現在、添付いたしましたファイルのようにUDP通信プログラムを作成しているのですが、
エラーがなかなか取れません。
[作成したプログラムのZIPファイルへのリンク](https://drive.google.com/file/d/15lpRaOo4jUhdvDjfJt5lxRJy_IEo3pGc/view?usp=sharing)

かなり代表的なエラーではあるのですが、
インクルードしたヘッダファイル(w5200.h)で定義しておりますので、
何が原因かなかなか見つけられておりません。

♦使用しているコード
loopback.c（下に記載）
loopback.h
socket.c
socket.h
w5200.c
w5200.h
wizchip_conf.c
wizchip_conf.h
**__**＊ソースコードが長いため、記載できない部分につきましては下にまとめました。
[作成したプログラムのZIPファイルへのリンク](https://drive.google.com/file/d/15lpRaOo4jUhdvDjfJt5lxRJy_IEo3pGc/view?usp=sharing)**__**




### 発生している問題・エラーメッセージ
```


SimpleIDE Version 1.1.2

propeller-elf-gcc.exe -v GCC 4.6.1 (propellergcc_v1_0_0_2408)
propeller-elf-gcc.exe -I . -L . -Os -mcmm -m32bit-doubles -fno-exceptions -std=c99 -c loopback.c -o cmm/loopback.o
loopback.c: In function 'loopback_udps':
loopback.c:17:4: warning: implicit declaration of function 'getSn_SR' [-Wimplicit-function-declaration]
loopback.c:19:12: error: 'SOCK_UDP' undeclared (first use in this function)
loopback.c:19:12: note: each undeclared identifier is reported only once for each function it appears in
loopback.c:20:10: warning: implicit declaration of function 'getSn_RX_RSR' [-Wimplicit-function-declaration]
loopback.c:47:12: error: 'SOCK_CLOSED' undeclared (first use in this function)
loopback.c:51:31: error: 'Sn_MR_UDP' undeclared (first use in this function)
Done. Build Failed!

Click error or warning messages above to debug.


```

### loopback.c

```c
#include <stdio.h>
#include "loopback.h"
#include "socket.h"
#include "w5200.h"
#include "wizchip_conf.h"

#if LOOPBACK_MODE == LOOPBACK_MAIN_NOBLCOK


int32_t loopback_udps(uint8_t sn, uint8_t* buf, uint16_t port)
{
   int32_t  ret;
   uint16_t size, sentsize;
   uint8_t  destip[4];
   uint16_t destport;

   switch(getSn_SR(sn))
   {
      case SOCK_UDP :
         if((size = getSn_RX_RSR(sn)) > 0)
         {
            if(size > DATA_BUF_SIZE) size = DATA_BUF_SIZE;
            ret = recvfrom(sn, buf, size, destip, (uint16_t*)&destport);
            if(ret <= 0)
            {
#ifdef _LOOPBACK_DEBUG_
               printf("%d: recvfrom error. %ld\r\n",sn,ret);
#endif
               return ret;
            }
            size = (uint16_t) ret;
            sentsize = 0;
            while(sentsize != size)
            {
               ret = sendto(sn, buf+sentsize, size-sentsize, destip, destport);
               if(ret < 0)
               {
#ifdef _LOOPBACK_DEBUG_
                  printf("%d: sendto error. %ld\r\n",sn,ret);
#endif
                  return ret;
               }
               sentsize += ret; // Don't care SOCKERR_BUSY, because it is zero.
            }
         }
         break;
      case SOCK_CLOSED:
#ifdef _LOOPBACK_DEBUG_
         //printf("%d:UDP loopback start\r\n",sn);
#endif
         if((ret = socket(sn, Sn_MR_UDP, port, 0x00)) != sn)
            return ret;
#ifdef _LOOPBACK_DEBUG_
         printf("%d:Opened, UDP loopback, port [%d]\r\n", sn, port);
#endif
         break;
      default :
         break;
   }
   return 1;
}

#endif

```


### 試したこと
エラーに関して参考にしたサイトに以下のものがあり、そのまま試しましたがエラーに変化はありませんでした。
[C言語でMakefileの実行時、インクルードしているはずの変数が"undeclared"となる原因](http://teratail.com/questions/59158)
もしかしたら、この上記のサイトに記載されていることを理解しきれてないのかもしれません


### 補足情報（使用機器、開発環境、参考にしたURL）
♦使用機器
WIZnet W5200 for QuickStart (#40002) 
Propeller QuickStart (#40000)

♦IDE
simpleIDE

また、以下に参考にしたサイトを挙げておきます。
♦プログラムを作成するうえで参考にしたサイト＊今回使用しているのはW5200 
[W5500 UDPサーバーへのデータ送信](https://forum.wiznet.io/t/topic/2703)
[WIZnet ioLibrary](https://github.com/Wiznet/ioLibrary_Driver)
[W5500 UDP機能](http://wizwiki.net/wiki/doku.php?id=products:w5500:application:udp_function)
♦エラーに関して参考にしたサイト
[C言語でMakefileの実行時、インクルードしているはずの変数が"undeclared"となる原因](http://teratail.com/questions/59158)

Socket.IO