teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問D3.js＋Socket.IO＋Node.js

編集履歴

質問編集履歴

8

修正

2016/01/07 07:33

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -128,7 +128,7 @@
128
128
 
129
129
  var 1_generate = document.getElementById("＊＊").value;
130
130
 
131
- var 1_generate = document.getElementById("＋＋").value;
131
+ var 2_generate = document.getElementById("＋＋").value;
132
132
 
133
133
 
134
134
 

7

修正

2016/01/07 07:32

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -140,9 +140,9 @@
140
140
 
141
141
  // クライアントからサーバーへ送信
142
142
 
143
- ioSocket.emit( "node_generate", 1_generate );
143
+ ioSocket.emit( "1_generate", 1_generate );
144
144
 
145
- ioSocket.emit( "pass_generate", 2_generate );
145
+ ioSocket.emit( "2_generate", 2_generate );
146
146
 
147
147
 
148
148
 

6

修正

2016/01/07 07:32

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -114,6 +114,40 @@
114
114
 
115
115
  <script src="/socket.io/socket.io.js"></script>
116
116
 
117
+ ・
118
+
119
+ ・
120
+
121
+ ・
122
+
123
+ //ボタンを押すとサーバに接続
124
+
125
+ d3.select("#○○○○").on("click", function() {
126
+
127
+ //データの取得
128
+
129
+ var 1_generate = document.getElementById("＊＊").value;
130
+
131
+ var 1_generate = document.getElementById("＋＋").value;
132
+
133
+
134
+
135
+ // サーバーに接続
136
+
137
+ var ioSocket = io.connect();
138
+
139
+
140
+
141
+ // クライアントからサーバーへ送信
142
+
143
+ ioSocket.emit( "node_generate", 1_generate );
144
+
145
+ ioSocket.emit( "pass_generate", 2_generate );
146
+
147
+
148
+
149
+ })
150
+
117
151
  ```
118
152
 
119
153
  ###node.js
@@ -135,3 +169,15 @@
135
169
  を使っています．
136
170
 
137
171
  ファイル操作(fs)モジュールを使ってNode.jsからJson形式へ書き出しているようにしています．
172
+
173
+
174
+
175
+ ###参照教科書
176
+
177
+ amazonにつながりますが，これを見ています
178
+
179
+ [はじめてのNode.js](http://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AENode-js-%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%B5%E3%82%A4%E3%83%89JavaScript%E3%81%A7Web%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E9%96%8B%E7%99%BA%E3%81%99%E3%82%8B-%E6%9D%BE%E5%B3%B6-%E6%B5%A9%E9%81%93/dp/4797370904)
180
+
181
+ [JS+Node.jsによるWebクローラー/ネットエージェント開発テクニック ](http://www.amazon.co.jp/dp/4883379930/ref=pd_lpo_sbs_dp_ss_1?pf_rd_p=187205609&pf_rd_s=lpo-top-stripe&pf_rd_t=201&pf_rd_i=4797370904&pf_rd_m=AN1VRQENFRJN5&pf_rd_r=0X8A9C1WXN5KVHHE45SH)
182
+
183
+ [Node.jsの教科書](http://www.amazon.co.jp/%E7%8F%BE%E5%A0%B4%E3%81%A7%E9%80%9A%E7%94%A8%E3%81%99%E3%82%8B%E5%8A%9B%E3%82%92%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%91%E3%82%8B-Node-js%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E6%8E%8C%E7%94%B0-%E6%B4%A5%E8%80%B6%E4%B9%83/dp/4839950695/ref=pd_sim_14_7?ie=UTF8&dpID=61RkrbVLDQL&dpSrc=sims&preST=_AC_UL160_SR124%2C160_&refRID=0X8A9C1WXN5KVHHE45SH)

5

修正

2016/01/07 07:31

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -35,6 +35,26 @@
35
35
 
36
36
 
37
37
 
38
+
39
+ ###環境
40
+
41
+ クライアント側
42
+
43
+ JavaScript
44
+
45
+ |
46
+
47
+ socket.io
48
+
49
+ D3.js-------------JSON形式
50
+
51
+
52
+
53
+ サーバ側
54
+
55
+ node.js v5.2.0
56
+
57
+
38
58
 
39
59
 
40
60
 
@@ -86,7 +106,15 @@
86
106
 
87
107
  ということでした．
88
108
 
109
+ ###Javascript
89
110
 
111
+ ```
112
+
113
+ <script src="d3.v3.js"></script>
114
+
115
+ <script src="/socket.io/socket.io.js"></script>
116
+
117
+ ```
90
118
 
91
119
  ###node.js
92
120
 

4

修正

2016/01/07 07:19

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -14,11 +14,15 @@
14
14
 
15
15
  しかし，コンソールでnode ○○.jsを実行し，localhost:○○○○へつなぐと，
16
16
 
17
-
17
+ ```
18
18
 
19
19
  Uncaught SyntaxError: Unexpected token <
20
20
 
21
21
  (index):75 Uncaught ReferenceError: d3 is not defined
22
+
23
+ ```
24
+
25
+
22
26
 
23
27
 
24
28
 
@@ -34,30 +38,72 @@
34
38
 
35
39
 
36
40
 
37
- 補足-------------------------
41
+ ###補足
38
42
 
39
43
  ブラウザの環境はfirefoxですがChromeでも同様でした．
40
44
 
41
45
  エラー詳細は
42
46
 
47
+ ```
48
+
43
49
  SyntaxError: expected expression, got '<'
44
50
 
45
51
  d3.v3.js:1:0
46
52
 
53
+ ```
47
54
 
55
+
56
+
57
+ ```
48
58
 
49
59
  ReferenceError: d3 is not defined
50
60
 
51
61
  localhost:○○○○:75:5
52
62
 
63
+ ```
64
+
65
+
66
+
53
67
 
54
68
 
55
69
  それぞれ
56
70
 
71
+
72
+
73
+ ```
74
+
57
75
  <!DOCTYPE html>
76
+
77
+ ```
78
+
79
+ ```
80
+
81
+ var svg = d3.select("body").append("svg")
82
+
83
+ ```
58
84
 
59
85
 
60
86
 
61
- var svg = d3.select("body").append("svg")
87
+ ということでした．
62
88
 
89
+
90
+
91
+ ###node.js
92
+
93
+ モジュールは
94
+
95
+ ```
96
+
97
+ var fs = require('fs');
98
+
99
+ var http =require('http');
100
+
101
+ var server = http.createServer();
102
+
103
+ var io = require('socket.io').listen(server);
104
+
105
+ ```
106
+
63
- ということでした．
107
+ を使っています．
108
+
109
+ ファイル操作(fs)モジュールを使ってNode.jsからJson形式へ書き出しているようにしています．

3

書式の改善

2016/01/07 07:09

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
  ReferenceError: d3 is not defined
50
50
 
51
- localhost:8080:75:5
51
+ localhost:○○○○:75:5
52
52
 
53
53
 
54
54
 

2

補足

2016/01/05 11:37

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,9 @@
34
34
 
35
35
 
36
36
 
37
+ 補足-------------------------
38
+
37
- 補足としてブラウザの環境はfirefoxですがChromeでも同様でした．
39
+ ブラウザの環境はfirefoxですがChromeでも同様でした．
38
40
 
39
41
  エラー詳細は
40
42
 

1

補足

2016/01/05 11:35

投稿

nano-dia
nano-dia

スコア32

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- しかし，コンソールでnode ○○.jsを実行し，localhost○○○○へつなぐと，
15
+ しかし，コンソールでnode ○○.jsを実行し，localhost:○○○○へつなぐと，
16
16
 
17
17
 
18
18
 
@@ -27,3 +27,35 @@
27
27
  クライアント側にD3.jsのライブラリを含むとNode.jsがうまく機能できないのでしょうか．
28
28
 
29
29
  双方向通信にはSocket.IOを使用しています．
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+ 補足としてブラウザの環境はfirefoxですがChromeでも同様でした．
38
+
39
+ エラー詳細は
40
+
41
+ SyntaxError: expected expression, got '<'
42
+
43
+ d3.v3.js:1:0
44
+
45
+
46
+
47
+ ReferenceError: d3 is not defined
48
+
49
+ localhost:8080:75:5
50
+
51
+
52
+
53
+ それぞれ
54
+
55
+ <!DOCTYPE html>
56
+
57
+
58
+
59
+ var svg = d3.select("body").append("svg")
60
+
61
+ ということでした．