GIMP
|
|
|
- きみつぐ にいだ
- 5 years ago
- Views:
Transcription
1 (JavaScript ) Javascript A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, JavaScript.png 1
2 GIMP
3 <html> <head> <script> var ctx; function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); var card = document.getelementbyid("c01"); ctx.drawimage(card, 100, 100); </script> </head> <body onload="init()"> <canvas id="canvas" width="400" height="400"></canvas> <img id="c1" src="c01.png" style="display:none" /> </body> </html> <html> <head> <script> var ctx; function init() { var canvas = document.getelementbyid("canvas"); 3
4 ctx = canvas.getcontext("2d"); var card = new Image(); card.src = "c01.png"; ctx.drawimage(card, 0, 0, 200, 300, 100, 100, 71, 96); </script> </head> <body onload="init()"> <canvas id="canvas" width="400" height="300"></canvas> </body> </html> Google Chrome JavaScript Google Chrome VC++ Canvas Python JavaScript Python <html> <head> <script> var ctx; var carddeck = []; 4
5 function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); var image = document.getelementbyid("c1"); var backimage = document.getelementbyid("z1"); var card = new Card(0, 0, image, backimage); drawcard(card, 100, 100, true); drawcard(card, 200, 100, false); </script> </head> <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> 5
6 function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); (x, y) flag==true flag==false card_set() <html> <head> <script> var ctx; var carddeck = []; function Card(suit, rank, image, backimage) { 6
7 this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); var card = new Card(s, r, image, backimage); carddeck.push(card); function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); cardset(); drawcard(carddeck[0], 100, 100, true); drawcard(carddeck[50], 200, 100, true); </script> </head> 7
8 <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> 8
9 <img id="s3" src="s03.png" style="display:none" /> <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> card_initialize() <html> <head> <script> var ctx; var carddeck = []; function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; 9
10 this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); var card = new Card(s, r, image, backimage); carddeck.push(card); function cardinitialize() { i = carddeck.length while (i > 0) { var s = Math.floor(Math.random() * i); var temp = carddeck[--i] carddeck[i] = carddeck[s] carddeck[s] = temp function init() { var canvas = document.getelementbyid("canvas"); 10
11 ctx = canvas.getcontext("2d"); cardset(); cardinitialize(); drawcard(carddeck[0], 100, 100, true); drawcard(carddeck[50], 200, 100, true); </script> </head> <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> 11
12 <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> <img id="s3" src="s03.png" style="display:none" /> <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> gameinitialize() <html> 12
13 <head> <script> var ctx; var carddeck = []; var comhand = []; var userhand = []; var Yama = []; var getcom = []; var getuser = []; var dispcom = []; var gameoverp = false; var complayp = false; var trump = 0; function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); 13
14 var card = new Card(s, r, image, backimage); carddeck.push(card); function cardinitialize() { i = carddeck.length while (i > 0) { var s = Math.floor(Math.random() * i); var temp = carddeck[--i] carddeck[i] = carddeck[s] carddeck[s] = temp function gameinitialize() { comhand = [] userhand = [] Yama = [] cardinitialize() var index = 0 for (var i = 0; i < 13; i++) { comhand.push(carddeck[index]); index++; for (var i = 0; i < 13; i++) { userhand.push(carddeck[index]); index++; for (var i = 0; i < 26; i++) { Yama.push(carddeck[index]); index++; getcom = []; getuser = []; dispcom = []; gameoverp = false; complayp = false; trump = Yama[Yama.length-1].suit; 14
15 function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); cardset(); gameinitialize(); drawcard(comhand[0], 100, 100, true); drawcard(userhand[5], 200, 100, true); drawcard(yama[25], 300, 100, false); </script> </head> <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> 15
16 <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> <img id="s3" src="s03.png" style="display:none" /> <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> 16
17 ShowBan() <html> <head> <script> var ctx; var carddeck = []; var comhand = []; var userhand = []; var Yama = []; var getcom = []; var getuser = []; var dispcom = []; var gameoverp = false; var complayp = false; var trump = 0; function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); ctx.strokestyle = "blue"; ctx.linewidth = 1; ctx.strokerect(x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; 17
18 case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); var card = new Card(s, r, image, backimage); carddeck.push(card); function cardinitialize() { i = carddeck.length while (i > 0) { var s = Math.floor(Math.random() * i); var temp = carddeck[--i] carddeck[i] = carddeck[s] carddeck[s] = temp function gameinitialize() { comhand = [] userhand = [] Yama = [] cardinitialize() var index = 0 for (var i = 0; i < 13; i++) { comhand.push(carddeck[index]); index++; for (var i = 0; i < 13; i++) { userhand.push(carddeck[index]); index++; for (var i = 0; i < 26; i++) { Yama.push(carddeck[index]); index++; getcom = []; getuser = []; 18
19 dispcom = []; gameoverp = false; complayp = false; trump = Yama[Yama.length-1].suit; function ShowBan() { ctx.clearrect(0, 0, 1000, 600); var pos = 10; for (var i = 0; i < comhand.length; i++) { drawcard(comhand[i], pos, 10, false); pos += 72; pos = 10; for (var i = 0; i < getcom.length; i++) { drawcard(getcom[i], pos, 110, true); pos += 20; pos = 10; if (Yama.length > 0) { drawcard(yama[yama.length-1], pos, 210, true); // pos = 145; pos = 245; if (dispcom.length > 0) { drawcard(dispcom[0], pos, 210, true); pos = 10; for (var i = 0; i < getuser.length; i++) { drawcard(getuser[i], pos, 310, true); pos += 20; pos = 10; for (var i = 0; i < userhand.length; i++) { drawcard(userhand[i], pos, 410, true); pos += 72; ctx.font = "24px Times New Roman "; ctx.strokestyle = "blue"; ctx.fillstyle = "blue"; if (gameoverp == false) { ctx.filltext(" ", 400, 265); else { 19
20 var comvalue = getcom.length / 2; var uservalue = getuser.length / 2; var drawstring = "Game Over "; drawstring += uservalue; drawstring += " : "; drawstring += comvalue; if (comvalue > uservalue) { drawstring += " "; ctx.stroketext(drawstring, 200, 265); else if (comvalue < uservalue) { drawstring += " "; ctx.stroketext(drawstring,200, 265); else { drawstring += " "; ctx.stroketext(drawstring, 200, 265); function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); cardset(); gameinitialize(); ShowBan(); </script> </head> <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> 20
21 <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> <img id="s3" src="s03.png" style="display:none" /> <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> 21
22 drawcard() function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); ctx.strokestyle = "blue"; ctx.linewidth = 1; ctx.strokerect(x, y, 71, 96); buttonpress(event) mousepress() <html> <head> <script> var ctx; var carddeck = []; 22
23 var comhand = []; var userhand = []; var Yama = []; var getcom = []; var getuser = []; var dispcom = []; var gameoverp = false; var complayp = false; var trump = 0; function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); ctx.strokestyle = "blue"; ctx.linewidth = 1; ctx.strokerect(x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); var card = new Card(s, r, image, backimage); 23
24 carddeck.push(card); function cardinitialize() { i = carddeck.length while (i > 0) { var s = Math.floor(Math.random() * i); var temp = carddeck[--i] carddeck[i] = carddeck[s] carddeck[s] = temp function gameinitialize() { comhand = [] userhand = [] Yama = [] cardinitialize() var index = 0 for (var i = 0; i < 13; i++) { comhand.push(carddeck[index]); index++; for (var i = 0; i < 13; i++) { userhand.push(carddeck[index]); index++; for (var i = 0; i < 26; i++) { Yama.push(carddeck[index]); index++; getcom = []; getuser = []; dispcom = []; gameoverp = false; complayp = false; trump = Yama[Yama.length-1].suit; function ShowBan() { 24
25 ctx.clearrect(0, 0, 1000, 600); var pos = 10; for (var i = 0; i < comhand.length; i++) { drawcard(comhand[i], pos, 10, false); pos += 72; pos = 10; for (var i = 0; i < getcom.length; i++) { drawcard(getcom[i], pos, 110, true); pos += 20; pos = 10; if (Yama.length > 0) { drawcard(yama[yama.length-1], pos, 210, true); // pos = 145; pos = 245; if (dispcom.length > 0) { drawcard(dispcom[0], pos, 210, true); pos = 10; for (var i = 0; i < getuser.length; i++) { drawcard(getuser[i], pos, 310, true); pos += 20; pos = 10; for (var i = 0; i < userhand.length; i++) { drawcard(userhand[i], pos, 410, true); pos += 72; ctx.font = "24px Times New Roman "; ctx.strokestyle = "blue"; ctx.fillstyle = "blue"; if (gameoverp == false) { ctx.filltext(" ", 400, 265); else { var comvalue = getcom.length / 2; var uservalue = getuser.length / 2; var drawstring = "Game Over "; drawstring += uservalue; drawstring += " : "; drawstring += comvalue; if (comvalue > uservalue) { 25
26 drawstring += " "; ctx.stroketext(drawstring, 200, 265); else if (comvalue < uservalue) { drawstring += " "; ctx.stroketext(drawstring,200, 265); else { drawstring += " "; ctx.stroketext(drawstring, 200, 265); function mousepress(event) { var mx = event.offsetx; var my = event.offsety; var userindex = -1; var pos = 10; for (var i = 0; i< userhand.length; i++) { if (mx>pos && mx<pos+72 && my>410 && my<510) { userindex = i; break; pos += 72; if (userindex < 0) { return; if (complayp == false) { var suit = userhand[userindex].suit; var rank = userhand[userindex].rank; var comindex = -1; for (var i = 0; i < comhand.length; i++) { if (comhand[i].suit == suit) { comindex = i; break; if (comindex < 0) { for (var i = 0; i < comhand.length; i++) { if (comhand[i].suit == trump) { comindex = i; break; 26
27 if (comindex < 0) { comindex = Math.floor(Math.random() * comhand.length); if (comhand[comindex].suit == userhand[userindex].suit) { if (comhand[comindex].rank == 0) { getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else if (userhand[userindex].rank == 0) { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else if (comhand[comindex].rank > userhand[userindex].rank) { getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else if (comhand[comindex].suit == trump) { getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else if (userhand[userindex].suit == trump) { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; userhand.splice(userindex, 1); comhand.splice(comindex, 1); else { // var suit = userhand[userindex].suit; var rank = userhand[userindex].rank; if (suit!= dispcom[0].suit) { flag = false; 27
28 for (var i = 0; i < userhand.length; i++) { if (userhand[i].suit == dispcom[0].suit) { flag = true; break; if (flag == true) { var s =" "; if (dispcom[0].suit == 0) { s += " "; else if (dispcom[0].suit == 1) { s += " "; else if (dispcom[0].suit == 2) { s += " "; else { s += " "; s += " "; ctx.font = "24px Times New Roman "; ctx.fillstyle = "red"; ctx.filltext(s, 400, 365); return; if (dispcom[0].suit == userhand[userindex].suit) { if (dispcom[0].rank == 0) { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else if (userhand[userindex].rank == 0) { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else if (dispcom[0].rank > userhand[userindex].rank) { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else if (dispcom[0].suit == trump) { 28
29 getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else if (userhand[userindex].suit == trump) { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; userhand.splice(userindex, 1); if (Yama.length > 0) { if (complayp == true) { // comhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); userhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); else { // userhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); comhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); if (comhand.length == 0) { gameoverp = true; dispcom = []; else if (complayp == true) { // var comindex = Math.floor(Math.random() * comhand.length); dispcom = [comhand[comindex]]; comhand.splice(comindex, 1); else { // dispcom = []; ShowBan(); function init() { var canvas = document.getelementbyid("canvas"); 29
30 ctx = canvas.getcontext("2d"); canvas.onmousedown = mousepress; cardset(); gameinitialize(); ShowBan(); </script> </head> <body onload="init()"> <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> 30
31 <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> <img id="s3" src="s03.png" style="display:none" /> <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> </body> </html> 31
32 gamestart() <html> <head> <script> var ctx; var carddeck = []; var comhand = []; var userhand = []; var Yama = []; var getcom = []; var getuser = []; var dispcom = []; var gameoverp = false; var complayp = false; var trump = 0; function Card(suit, rank, image, backimage) { this.suit = suit; this.rank = rank; this.image = image; this.backimage = backimage; 32
33 function drawcard(card, x, y, flag) { if (flag == true) { ctx.drawimage(card.image, 0, 0, 200,300, x, y, 71, 96); else { ctx.drawimage(card.backimage, 0, 0, 200,300, x, y, 71, 96); ctx.strokestyle = "blue"; ctx.linewidth = 1; ctx.strokerect(x, y, 71, 96); function cardset() { var backimage = document.getelementbyid("z1"); carddeck = []; for (var s = 0; s < 4; s++) { for (var r = 0; r < 13; r++) { var name = ""; switch (s) { case 0: name = "c"; break; case 1: name = "d"; break; case 2: name = "h"; break; case 3: name = "s"; break; name = name + (r + 1); var image = document.getelementbyid(name); var card = new Card(s, r, image, backimage); carddeck.push(card); function cardinitialize() { i = carddeck.length while (i > 0) { var s = Math.floor(Math.random() * i); var temp = carddeck[--i] carddeck[i] = carddeck[s] carddeck[s] = temp 33
34 function gameinitialize() { comhand = [] userhand = [] Yama = [] cardinitialize() var index = 0 for (var i = 0; i < 13; i++) { comhand.push(carddeck[index]); index++; for (var i = 0; i < 13; i++) { userhand.push(carddeck[index]); index++; for (var i = 0; i < 26; i++) { Yama.push(carddeck[index]); index++; getcom = []; getuser = []; dispcom = []; gameoverp = false; complayp = false; trump = Yama[Yama.length-1].suit; function ShowBan() { ctx.clearrect(0, 0, 1000, 600); var pos = 10; for (var i = 0; i < comhand.length; i++) { drawcard(comhand[i], pos, 10, false); pos += 72; pos = 10; for (var i = 0; i < getcom.length; i++) { drawcard(getcom[i], pos, 110, true); pos += 20; pos = 10; if (Yama.length > 0) { drawcard(yama[yama.length-1], pos, 210, true); 34
35 // pos = 145; pos = 245; if (dispcom.length > 0) { drawcard(dispcom[0], pos, 210, true); pos = 10; for (var i = 0; i < getuser.length; i++) { drawcard(getuser[i], pos, 310, true); pos += 20; pos = 10; for (var i = 0; i < userhand.length; i++) { drawcard(userhand[i], pos, 410, true); pos += 72; ctx.font = "24px Times New Roman "; ctx.strokestyle = "blue"; ctx.fillstyle = "blue"; if (gameoverp == false) { ctx.filltext(" ", 400, 265); else { var comvalue = getcom.length / 2; var uservalue = getuser.length / 2; var drawstring = "Game Over "; drawstring += uservalue; drawstring += " : "; drawstring += comvalue; if (comvalue > uservalue) { drawstring += " "; ctx.stroketext(drawstring, 200, 265); else if (comvalue < uservalue) { drawstring += " "; ctx.stroketext(drawstring,200, 265); else { drawstring += " "; ctx.stroketext(drawstring, 200, 265); function mousepress(event) { var mx = event.offsetx; var my = event.offsety; 35
36 var userindex = -1; var pos = 10; for (var i = 0; i< userhand.length; i++) { if (mx>pos && mx<pos+72 && my>410 && my<510) { userindex = i; break; pos += 72; if (userindex < 0) { return; if (complayp == false) { var suit = userhand[userindex].suit; var rank = userhand[userindex].rank; var comindex = -1; for (var i = 0; i < comhand.length; i++) { if (comhand[i].suit == suit) { comindex = i; break; if (comindex < 0) { for (var i = 0; i < comhand.length; i++) { if (comhand[i].suit == trump) { comindex = i; break; if (comindex < 0) { comindex = Math.floor(Math.random() * comhand.length); if (comhand[comindex].suit == userhand[userindex].suit) { if (comhand[comindex].rank == 0) { getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else if (userhand[userindex].rank == 0) { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else if (comhand[comindex].rank > userhand[userindex].rank) { 36
37 getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else if (comhand[comindex].suit == trump) { getcom.push(userhand[userindex]); getcom.push(comhand[comindex]); complayp = true; else if (userhand[userindex].suit == trump) { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; else { getuser.push(userhand[userindex]); getuser.push(comhand[comindex]); complayp = false; userhand.splice(userindex, 1); comhand.splice(comindex, 1); else { // var suit = userhand[userindex].suit; var rank = userhand[userindex].rank; if (suit!= dispcom[0].suit) { flag = false; for (var i = 0; i < userhand.length; i++) { if (userhand[i].suit == dispcom[0].suit) { flag = true; break; if (flag == true) { var s =" "; if (dispcom[0].suit == 0) { s += " "; else if (dispcom[0].suit == 1) { s += " "; else if (dispcom[0].suit == 2) { s += " "; else { 37
38 s += " "; s += " "; ctx.font = "24px Times New Roman "; ctx.fillstyle = "red"; ctx.filltext(s, 400, 365); return; if (dispcom[0].suit == userhand[userindex].suit) { if (dispcom[0].rank == 0) { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else if (userhand[userindex].rank == 0) { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else if (dispcom[0].rank > userhand[userindex].rank) { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else if (dispcom[0].suit == trump) { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; else if (userhand[userindex].suit == trump) { getuser.push(userhand[userindex]); getuser.push(dispcom[0]); complayp = false; else { getcom.push(userhand[userindex]); getcom.push(dispcom[0]); complayp = true; userhand.splice(userindex, 1); if (Yama.length > 0) { 38
39 if (complayp == true) { // comhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); userhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); else { // userhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); comhand.push(yama[yama.length-1]); Yama.splice(Yama.length-1, 1); if (comhand.length == 0) { gameoverp = true; dispcom = []; else if (complayp == true) { // var comindex = Math.floor(Math.random() * comhand.length); dispcom = [comhand[comindex]]; comhand.splice(comindex, 1); else { // dispcom = []; ShowBan(); function init() { var canvas = document.getelementbyid("canvas"); ctx = canvas.getcontext("2d"); canvas.onmousedown = mousepress; cardset(); gameinitialize(); ShowBan(); function gamestart() { cardset(); gameinitialize(); ShowBan(); </script> </head> <body onload="init()"> 39
40 <canvas id="canvas" width="1000" height="600"></canvas> <img id="c1" src="c01.png" style="display:none" /> <img id="c2" src="c02.png" style="display:none" /> <img id="c3" src="c03.png" style="display:none" /> <img id="c4" src="c04.png" style="display:none" /> <img id="c5" src="c05.png" style="display:none" /> <img id="c6" src="c06.png" style="display:none" /> <img id="c7" src="c07.png" style="display:none" /> <img id="c8" src="c08.png" style="display:none" /> <img id="c9" src="c09.png" style="display:none" /> <img id="c10" src="c10.png" style="display:none" /> <img id="c11" src="c11.png" style="display:none" /> <img id="c12" src="c12.png" style="display:none" /> <img id="c13" src="c13.png" style="display:none" /> <img id="d1" src="d01.png" style="display:none" /> <img id="d2" src="d02.png" style="display:none" /> <img id="d3" src="d03.png" style="display:none" /> <img id="d4" src="d04.png" style="display:none" /> <img id="d5" src="d05.png" style="display:none" /> <img id="d6" src="d06.png" style="display:none" /> <img id="d7" src="d07.png" style="display:none" /> <img id="d8" src="d08.png" style="display:none" /> <img id="d9" src="d09.png" style="display:none" /> <img id="d10" src="d10.png" style="display:none" /> <img id="d11" src="d11.png" style="display:none" /> <img id="d12" src="d12.png" style="display:none" /> <img id="d13" src="d13.png" style="display:none" /> <img id="h1" src="h01.png" style="display:none" /> <img id="h2" src="h02.png" style="display:none" /> <img id="h3" src="h03.png" style="display:none" /> <img id="h4" src="h04.png" style="display:none" /> <img id="h5" src="h05.png" style="display:none" /> <img id="h6" src="h06.png" style="display:none" /> <img id="h7" src="h07.png" style="display:none" /> <img id="h8" src="h08.png" style="display:none" /> <img id="h9" src="h09.png" style="display:none" /> <img id="h10" src="h10.png" style="display:none" /> <img id="h11" src="h11.png" style="display:none" /> <img id="h12" src="h12.png" style="display:none" /> <img id="h13" src="h13.png" style="display:none" /> <img id="s1" src="s01.png" style="display:none" /> <img id="s2" src="s02.png" style="display:none" /> <img id="s3" src="s03.png" style="display:none" /> 40
41 <img id="s4" src="s04.png" style="display:none" /> <img id="s5" src="s05.png" style="display:none" /> <img id="s6" src="s06.png" style="display:none" /> <img id="s7" src="s07.png" style="display:none" /> <img id="s8" src="s08.png" style="display:none" /> <img id="s9" src="s09.png" style="display:none" /> <img id="s10" src="s10.png" style="display:none" /> <img id="s11" src="s11.png" style="display:none" /> <img id="s12" src="s12.png" style="display:none" /> <img id="s13" src="s13.png" style="display:none" /> <img id="z1" src="z01.png" style="display:none" /> <button onclick="gamestart()"> </buton> </body> </html> Python JavaScript 41
GIMP
(JavaScript ) Javascript 1. 2 2. 3. A, K, Q, J, 10, 9, 8, 7, 4. 5. 6. 7. J Q K A 8. 9. 6 10. 11. 12. 13. A- K- Q- J- 10-9 8 7 JavaScript.png 1 GIMP 200 300 2 var ctx; function init()
from Tkinter import * root = Tk() c0 = Canvas(root, width = 400, height = 300) c0.pack() image_data = PhotoImage(file = c1.gif ) c0.create_image(200,
(Python ) Python Python 2 1. 2 2. 52 3. A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, 2 4. 13 5. 6. 7. 8. 9. 13 10. 11. 12. Python.gif 1 from Tkinter import * root = Tk() c0 = Canvas(root, width = 400, height =
cards.gif from Tkinter import * root = Tk() c0 = Canvas(root, width = 400, height = 300) c0.pack() image_data = PhotoImage(file = c1.gif ) c0.create_i
(Python ) Python Python 2 1. 2 2. 52 3. A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, 2 4. 13 5. 6. 7. 8. 9. 13 10. 11. 12. Python http://www.jftz.com/cards/ 1 cards.gif from Tkinter import * root = Tk() c0 = Canvas(root,
A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3,
40 2 1. 2 2. 52 3. A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, 2 4. 13 5. 6. 7. 8. 9. 13 10. 11. 12. 1 VC++ VC++ Visual C++ Professional 2010 Visual C++ 2010 express Windows whist 2 OK] 3 Form1 size 800, 500
GIMP import javafx.application.application; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext;
(JavaFX ) JavaFX 2 1. 2 2. 52 3. A, K, Q, J, 10, 9, 8, 7, 6, 5, 4, 3, 2 4. 13 5. 6. 7. 8. 9. 13 10. 11. 12. Java.gif 1 GIMP import javafx.application.application; import javafx.scene.scene; import javafx.scene.canvas.canvas;
JavaScript 1.! DOM Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2
JavaScript (2) 1 JavaScript 1.! 1. 2. 3. DOM 4. 2. 3. Ajax Shelley Powers,, JavaScript David Flanagan, JavaScript 2 (1) var a; a = 8; a = 3 + 4; a = 8 3; a = 8 * 2; a = 8 / 2; a = 8 % 3; 1 a++; ++a; (++
javascript key
Associate Professor Department of International Social Studies KYOAI GAKUEN UNIVERSITY Email: ogashiwa@c.kyoai.ac.jp, ogashiwa@wide.ad.jp sample
untitled
JavaScript HP JavaScript JavaScript Web JavaScript Web JavaScript JavaScript JavaScript HTML HTML HTML JavaScript 1. JavaScript ON/OFF 2. JavaScript 3. 4. 5. 6. 7. 8. 9. 10. if 11. if 12. switch 13. 14.
paper.pdf
Cop: Web 1,a) 1,b) GUI, UI,,., GUI, Java Swing., Web HTML CSS,. CSS,, CSS,.,, HTML CSS Cop. Cop, JavaScript,,. Cop, Web,. Web, HTML, CSS, JavaScript, 1., GUI, Web., HTML CSS (UI), JavaScript, Web GUI.
19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで
19 ステップで 2 大人気スクリプト言語を学ぶ GUI のあるアプリを作る STEP11 から STEP12 までまとめ 1.Python での GUI アプリ作成 Python は標準ではグラフィックスの機能を持ちませんが ライブラリを使うことで GUI のアプリを作成することができる そこで Kivy というソフトウェアを使う Kivy は Python のパッケージ管理システム pip を使ってインターネット上のファイルサーバからインストールが可能である
HOW DO I WebBrowser コントロールで HTML5 を 使用するには ここでは以下の手順で説明します Video 要素を使用する Silverlight と JavaScript の間でやり取りする Canvas 要素を使用する Video 要素を使用する 1. Visual Stu
HOW DO I WebBrowser コントロールで HTML5 を 使用するには ここでは以下の手順で説明します Video 要素を使用する Silverlight と JavaScript の間でやり取りする Canvas 要素を使用する Video 要素を使用する 1. Visual Studio で "Windows Phone ゕプリケーション " プロジェクトテンプレートを使って "HTML5BrowserFeatures"
第 2 部 JavaScript 編 17 演習の答え 17.1( 演習 3-3)1 列目の width を 200px 2 列目を 300px にしなさい pr3-3.html <title> </title> <table border="1" style="border-collapse:co
付録 第 2 部 JavaScript 編 17 演習の答え 17.1( 演習 3-3)1 列目の width を 200px 2 列目を 300px にしなさい pr3-3.html
インターネットマガジン2001年9月号―INTERNET magazine No.80
+CD-ROM Å 5 M0.9. A N S W E R function calc () { t = ocument.getelementbyi("tboy"); for(i = 0; i < t.rows.length; i++) { win = Number(t.rows[i].cells[3].firstChil.noeValue); lost = Number(t.rows[i].cells[].firstChil.noeValue);
JavaScript の使い方
JavaScript Release10.5 JavaScript NXJ JavaScript JavaScript JavaScript 2 JavaScript JavaScript JavaScript NXJ JavaScript 1: JavaScript 2: JavaScript 3: JavaScript 4: 1 1: JavaScript JavaScript NXJ Static
chap04.indd
# Android Application with HTML5/JavaScript Guide Book CHAPTER_ POINT // -003 206 Android Application with HTML5/JavaScript Guide Book # STEP_01 #-03 207 # STEP_02 STEP_03 STEP_ 208 Android Application
SmartBrowser_document_build30_update.pptx
SmartBrowser Update for ios / Version 1.3.1 build30 2017 年 8 月 株式会社ブルーテック 更新内容 - 概要 ios Version 1.3.1 build28 の更新内容について 1. 設定をQRから読み込み更新する機能 2.URLをQRから読み込み画面遷移する機能 3.WEBページのローカルファイル保存と外部インテントからの起動 4.JQuery-LoadImageライブラリの組み込み
07_経営論集2010 小松先生.indd
19 1 2009 105 123 Web Web Web Web World Wide Web WWW OS 1990 WWW Web HTML CSS JavaScript Web 1 WWW 2 Web Web 3 Web 4 HTML5 5 Web Web 3 1970 WWW HTML Web WWW WWW WWW WWW WWW 105 Web WWW 2 Web 1 1 NTT NTT
Java演習(4) -- 変数と型 --
50 20 20 5 (20, 20) O 50 100 150 200 250 300 350 x (reserved 50 100 y 50 20 20 5 (20, 20) (1)(Blocks1.java) import javax.swing.japplet; import java.awt.graphics; (reserved public class Blocks1 extends
インターネットマガジン1999年7月号―INTERNET magazine No.54
A MagnaviIp9907Htmltips +CD-ROM 3 3 A N S W E R HTML TIPS&TRICKS A N S W E R function Init() { block.style.setexpression("left",
JavaScript によるはじめてのアルゴリズム入門の特徴 1.HTML5+JavaScript で標準的なグラフィックス処理が可能 C のグラフィックスは各処理系に依存しますが HTML5+JavaScript では標準のグラフィックスメソッドを使用できます これにより はじめてのアルゴリズム入
JavaScript によるはじめてのアルゴリズム入門の特徴 1.HTML5+JavaScript で標準的なグラフィックス処理が可能 C のグラフィックスは各処理系に依存しますが HTML5+JavaScript では標準のグラフィックスメソッドを使用できます これにより はじめてのアルゴリズム入門 シリーズでは主に C Java VisualBasic などでしかプログラムを書けませんでしたが
SVG 6 ( 3) I(SVG) 2017/5/30 HTML (1) 1 2 4 5 6 CodeIgniter Con 2011, Tokyo Japan, February
CodeIgniter Con 2011, Tokyo Japan, February 19 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 http://www.iviking.org/fx.php/ 25 26 10 27 28 29 30 31
第 8 回の内容 クライアントサイド処理 JavaScript の基礎
第 8 回の内容 クライアントサイド処理 JavaScript の基礎 クライアントサイド処理 クライアントサイド / サーバサイド クライアントサイド サーバサイド Web ブラウザ Web サーバ 動的な Web ページ Web ブラウザ Web サーバ Web ブラウザ Web サーバ リソース生成 描画 描画 リソース生成 再描画 描画 再描画 描画 リソース生成 再描画 動的な Web ページとページ遷移
2 JavaScript 2JavaScript JavaScript 2-11hello1.html hello JavaScript演習
JavaScript 演習 2 1 本日の内容 prompt 関数 演習 1 演習 2 document.getelementbyid 関数 演習 3 イベント処理 基本的なフォーム テキストボックスの入力値の取得 演習 4 IE における JavaScript のデバッグ方法 1. ツール インターネットオプションメニューを実行 2. 詳細設定タブの スクリプトエラーごとに通知を表示する をチェック
Microsoft PowerPoint _1a-HTML.pptx
HTML 5 の設計思想 誰もが自由に使い続けることができるオープンな Web 特定企業が定めた仕様 (API) や技術 ( プラグイン ) に頼らない 例 : アドビの Flash, マイクロソフトの Silverlight HTML5 に追加された新しい要素 ( タグ ) video, audio 要素 ( 動画や音声を再生する ) canvas 要素 ( ビットマップグラフィックスの表示 )
Vol.56 No (Mar. 2015) Canvas SVG HTML Web Viewport Library UML Canvas SVG 1,000 HTML SVG Viewport Library Viewport Library HTML HTML Web H
Vol.56 No.3 1039 1048 (Mar. 2015) Web 1,a) 1,b) 2014 6 30, 2014 10 8 HTML5 Web HTML5 HTML Canvas SVG HTML Canvas SVG Web Viewport Library Viewport Library HTML SVG Viewport Library Viewport Library AssureNote
Level1_ key
HTML5 1 2019 8 1.5 API ( ) 1.5.1 API 1.5.2 API 1.5.3 API 1.5.4 API!2 HTML5 Web HTML5 Web Web HTML5 Web Web Web Web Web HTML5!3 Web HTML5 Web HTML Web Web Web API Web HTML Web Web!4 1 2 HTML/HTML5 HTML5
ch31.dvi
1 1 1.1 1.1.1 ( ) ( 1.1 ): [ ] [ ] CPU[ + ] [ ] CPU( ) ( 1 2 1 1.1: ( 1.1 ): ( ) [ ] ( )[ ] + ( ) (+ ) ( ) ( ) 1.1. 3 1.2: ( ) ( ) ( 1.2) 4 1 1.3: 120m/ (432km/h) 0.5 2m/ 1 ( 1 ) ( ) ( ) ( 1.3) 1.1. 5
1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jq
1 1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jquery jcanvas jquery jcanvas (jquery )
8 if switch for while do while 2
(Basic Theory of Information Processing) ( ) if for while break continue 1 8 if switch for while do while 2 8.1 if (p.52) 8.1.1 if 1 if ( ) 2; 3 1 true 2 3 false 2 3 3 8.1.2 if-else (p.54) if ( ) 1; else
演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 演習
Web データ管理 JavaScript (4) (4 章 ) 2012/1/11( 水 ) 1/22 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20120111 演習
1.1. jquery 1 jquery jcanvas javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web Web jquer
1 1.1. jquery 1 jquery jcanvas javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web Web jquery jcanvas jquery jcanvas 1.2. jcanvas HTML5 Canvas
Web±ÜÍ÷¤Î³Ú¤·¤µ¤ò¹â¤á¤ëWeb¥Ú¡¼¥¸²ÄÄ°²½¥·¥¹¥Æ¥à
Web Web 2 3 1 PC, Web, Web. Web,., Web., Web HTML, HTML., Web, Web.,,., Web, Web., Web, Web., Web, Web. 2 1 6 1.1.................................................. 6 1.2.................................................
SVG資料第10回目(その2) Ajaxによる同期通信と非同期通信の違い
10 ( SVG 10 ( Ajax Ajax I(SVG) 2017/6/27 10 ( Ajax 10 ( Ajax 100 10 HTML 1 2 3 4 5 6
< F2D825282CC947B909482CC A815B83682E6A>
3 の倍数のトランプカード 1. はじめに [Java アプレット ] [Java アプリケーション ] ここにトランプが 1 組あります ジョーカー 2 枚を除いて 52 枚を使います 3 の倍数は スペード クローバ ダイヤ ハートに それぞれ 3 と 6 と 9 と 12 の 4 枚ずつあるので 4 4=16 枚あります この 52 枚のトランプから 1 枚引いたとき そのカードが 3 の倍数である確率を考えます
< F2D82518CC282CC D2E6A7464>
2 個のさいころ 1. はじめに [Java アプレット ] [Java アプリケーション ] 2 個のさいころを同時に投げたときの目の出方を考えてみましょう この 2 個のさいころをそれぞれ さいころ Ⅰ さいころ Ⅱ とすると その目の出方は順に 1 1 2 1 3 1 4 1 5 1 6 1 1 2 2 2 3 2 4 2 5 2 6 2 1 3 2 3 3 3 4 3 5 3 6 3 1 4
すばやく小さくはじめられる HTML5 CSS3 JavaScriptで 青森のコンテンツをつくる 青森大学ソフトウェア情報学部 小久保 温(こくぼ あつし) alert('x=' + x); var styletable = { normal: "default", syncing: "syncing", failed:
¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse
![¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse](/thumbs/104/163649157.jpg "¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse")
I Exercise on Programming I http://bit.ly/oitprog1 13 of 14 ( RD S ) I 13 of 14 1 / 39 https://bit.ly/oitprog1 ( RD S ) I 13 of 14 2 / 39 game.rb ( RD S ) I 13 of 14 3 / 39 game.rb 12 ( ) 1 require "io/console"
( )
2016 13H018 1 1 2 2 3 4 3.1............................................... 4 3.2 ( ).................................... 5 4 6 4.1........................................ 6 4.2..................... 6 5
listings-ext
(6) Python (2) ( ) ohsaki@kwansei.ac.jp 5 Python (2) 1 5.1 (statement)........................... 1 5.2 (scope)......................... 11 5.3 (subroutine).................... 14 5 Python (2) Python 5.1
インターネットマガジン2001年2月号―INTERNET magazine No.73
+CD-ROM Å 5 5.5 M8 A N S W E R A N S W E R
< F2D F B834E2E6A7464>
ランダムウォーク [Java アプレット ] [Java アプレリケーョン ] 1. はじめに 酔っぱらいは前後左右見境なくふらつきます 酔っぱらいは目的地にたどり着こうと歩き回っているうちに何度も同じところに戻って来てしまったりするものです 今 酔っぱらいが数直線上の原点にいるとします 原点を出発して30 回ふらつくとき 30 回目に酔っぱらいがいる位置は 出発点である原点からどれくらい離れてしまっているのでしょうか
untitled
2007 IT G Google Map API WEB2.0 2007 8 23 GoogleMapAPI GoogleMapAPI Google Web URL XHTML JavaScript GoogleMAP LHACA FFFTP TeraPad Haruhiro Unno Japan Electronics College 1 GoogleMapAPI Web Google GMail
Taro13-第６章（まとめ）.PDF
% % % % % % % % 31 NO 1 52,422 10,431 19.9 10,431 19.9 1,380 2.6 1,039 2.0 33,859 64.6 5,713 10.9 2 8,292 1,591 19.2 1,591 19.2 1,827 22.0 1,782 21.5 1,431 17.3 1,661 20.0 3 1,948 1,541 79.1 1,541 79.1
1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jq
1 1.1. jquery 1 jquery jcanvas jquery javascript jquery JavaScript jquery $() JavaScript JavaScript jquery Googlr Chrome Eddge(Enternet Explorer) Web jquery jcanvas jquery jcanvas (jquery )
2.2 Java C main Java main 2 C 6 C Java 3 C Java ( ) G101Hello.java G101Hello main G101Hello.java /* G101Hello */ class G101Hello { /* main */ public s
2 2013 4 16 2.1............................... 2 1 2.2 Java......................... 2 2 2.3............. 2 2 2.4................................ 2 4 2.5............................ 2 5 2.6............................
Microsoft Word - PaLearn_manual_05c.doc
c.palearn API リファレンスマニュアル (5. コンテンツ開発編 ) Panasonic Learning Systems Co., Ltd. Ver.1.1 目次 1 4 PaLearn API の概要... 4 PaLearn API の動作原理... 5 PaLearnLIB.js の役割... 6 API について... 6 LMSInitialize... 7 LMSGetValue...
: Shift-Return evaluate 2.3 Sage? Shift-Return abs 2 abs? 2: abs 3: fac
Bulletin of JSSAC(2012) Vol. 18, No. 2, pp. 161-171 : Sage 1 Sage Mathematica Sage (William Stein) 2005 2 2006 2 UCSD Sage Days 1 Sage 1.0 4.7.2 1) Sage Maxima, R 2 Sage Firefox Internet Explorer Sage
JavaScript¥×¥í¥°¥é¥ß¥ó¥°ÆþÌç
JavaScript 2009 5 28 1 2 1.1 JavaScript.................................. 2 1.2..................................... 3 1.3 if................................... 4 2 6 2.1.....................
1153006 JavaScript try-catch JavaScript JavaScript try-catch try-catch try-catch try-catch try-catch 1 2 2 try-catch try-catch try-catch try-catch 25 1153006 26 2 12 1 1 1 2 3 2.1... 3 2.1.1... 4 2.1.2
PowerPoint プレゼンテーション
情報整理のための Google Map API 入門 日紫喜光良 プロジェクト I/II 2016.9.23 1 今日の目標 Google Map API を用いて Google Map の地図上にマーカーを表示する HTML Web ページの構造を宣言する 地図を表示する場所を宣言する Javascript プログラミング Web ページの地図表示箇所上に 地図を描く マーカーオブジェクトを生成して
SGML HTML XML Markup Language Web HTML HTML SGML Standard Generalized Markup Language Markup Language DTD Document Type Definition XML SGML Markup Language HTML XML HTML XML JavaScript JAVA CGI HTML Web
Microsoft PowerPoint - 201409_秀英体の取組み素材（予稿集）.ppt
1 2 3 4 5 6 7 8 9 10 11 No Image No Image 12 13 14 15 16 17 18 19 20 21 22 23 No Image No Image No Image No Image 24 No Image No Image No Image No Image 25 No Image No Image No Image No Image 26 27 28
1 ななちゃんの IT 教室ライブラリに挑戦の巻 第 1 回ライブラリとは なな : ライブラリって何? 図書館? 先生 : 今 ここで話題にしているのは Javascript で便利に使えるプログラム ( 関数群 ) を集めたもののことです なな : 図書館で本を借りて読むように 必要な関数を借り
ななちゃんの IT 教室 ライブラリに挑戦の巻 by nara.yasuhiro@gmail.com ななちゃんがライブラリに挑戦するというお話 第 0.1 版 2018 年 3 月 27 日 フリー素材 http://freeillustration.net もくじ 第 1 回ライブラリとは第 2 回一般的なライブラリ第 3 回 jquery 第 4 回 Chart.js 第 5 回 D3.js
Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/18
Web データ管理 JavaScript (3) (4 章 ) 2011/12/21( 水 ) 1/18 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用できます ) 演習名 使用するフォルダ 演習 1 Z: Web データ管理 20111221
第10回 コーディングと統合（WWW用）.PDF
10 January 8, 2004 algorithm algorithm algorithm (unit testing) (integrated testing) (acceptance testing) Big-Bang (incremental development) (goto goto DO 50 I=1,COUNT IF (ERROR1) GO TO 60 IF (ERROR2)
医療者のための情報技術入門第 9 回プログラムがはたらくしくみを学ぶ (2) 日紫喜光良 概要 1. はじめに- 具体例から ここから Javascript のプログラミング入門 次はどうする--
2014.6.23 医療者のための情報技術入門第 9 回プログラムがはたらくしくみを学ぶ (2) 日紫喜光良 概要 1. はじめに- 具体例から- ------------- ここから------------ 2.Javascript のプログラミング入門 ------------ 次はどうする-------- 3. 足りないものは借りてくる-Javascript のライブラリ 4. 仕事は人にやらせる-サーバーとブラウザの役割分担
アプレットの作成
- 1 - import java.applet.applet; import java.awt.graphics; public class HelloWorld extends Applet { public void init() { resize(150,60) ; public void paint ( Graphics g ) { g.drawstring("hello, world!",
001 No.3/12 1 1 2 3 4 5 6 4 8 13 27 33 39 001 No.3/12 4 001 No.3/12 5 001 No.3/12 6 001 No.3/12 7 001 8 No.3/12 001 No.3/12 9 001 10 No.3/12 001 No.3/12 11 Index 1 2 3 14 18 21 001 No.3/12 14 001 No.3/12
地域と文化資産
11 2005 1980 151 20 65 1 6 37 7 A D E F G H - 2 - 2005 8 6 10:00 10:30 2-432 A D 7 E 8 1-F 1-G - 3 - 2005 H 1970 2005 8 26-4 - A B D E F G H 3 7 8 1 5 6 1 10-5 - 2005 10 1 5 6 1 1 30 2 3 5 3 2 1 2005 8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 http://www.moj.go.jp/press/090130-1.html 55 56 57
ななちゃんの IT 教室 マルチタートルでオブジェクトを理解しようの巻 by 複数のタートルを操作する環境でななちゃんがオブジェクト指向とは何かを勉強します 第 0.7 版 2017 年 5 月 7 日 フリー素材
ななちゃんの IT 教室 マルチタートルでオブジェクトを理解しようの巻 by nara.yasuhiro@gmail.com 複数のタートルを操作する環境でななちゃんがオブジェクト指向とは何かを勉強します 第 0.7 版 2017 年 5 月 7 日 フリー素材 http://freeillustration.net もくじ第 1 回復習! 第 2 回マルチタートル! 第 3 回書き方の工夫第 4
< F2D82B682E182F182AF82F12E6A7464>
3 人のじゃんけん [Java アプレット ] [Java アプリケーション ] 1. はじめに A 君 B 君 C 君の 3 人でじゃんけんを 1 回するときの勝ち負けを考えてみましょう あいこの場合は A 君 B 君 C 君の順に グー グー グー チョキ チョキ チョキ パー パー パー グー チョキ パー グー パー チョキ チョキ グー パー チョキ パー グー パー グー チョキ パー
I 11
I 11 2 h 345 645 3 var strs = ["meijo", "university", "abc", "shiogama","yagoto", "ueda", "hara", "irinaka", "yagoto-nisseki", "kanayama"] function make_table(){ var a = [] for (var i = 0; i < strs.length;
< F2D92DE82E8914B82CC977088D32E6A7464>
釣り銭の用意の実験 [Java アプレット ] [Java アプリケーション ] 1. はじめに クラス会などの幹事を務めることはありませんか 幹事になったつもりで考えてみてください 仮に クラス会への参加者人数は 35 人で 会費は 3500 円であるとします また 参加者は 1000 円札 4 枚でお釣りを必要とする人と 1000 円札 3 枚と 500 円玉 1 個でお釣りの要らない人の 2
d_appendixB-asp10appdev.indd
付録 B jquery Visual Studio 00 ASP.NET jquery ASP.NET MVC Scripts jquery jquery-...js jquery jquery とは jquery JavaScript JavaScript jquery Ajax HTML 図 B- jqurey とブラウザの関係 Visual Studio 00 jquery JavaScript
サービス付き高齢者向け住宅賠償責任保険.indd
1 2 1 CASE 1 1 2 CASE 2 CASE 3 CASE 4 3 CASE 5 4 3 4 5 6 2 CASE 1 CASE 2 CASE 3 7 8 3 9 10 CASE 1 CASE 2 CASE 3 CASE 4 11 12 13 14 1 1 2 FAX:03-3375-8470 2 3 3 4 4 3 15 16 FAX:03-3375-8470 1 2 0570-022808
スライド 1
Sencha Touch 入門 2011/11 伊藤雄大 ( 株 ) コア北海道カンパニー ビジネスソリューション部 IT ビジネスチーム アジェンダ 1. 会社紹介 自己紹介 2. なぜWebUI? 3. Sencha Touch ってどんな感じ? 4. Sencha Touch デモ 5. どうやって実装するの?- 基礎編 6. どうやって実装するの?- 応用編 7. 今回の開発で困ったこと 会社紹介
untitled
Ajax Web Ajax http://www.openspc2.org/javascript/ajax/ajax_stu dy/index.html Life is beautiful Ajax http://satoshi.blogs.com/life/2005/06/ajax.html Ajax Ajax Asynchronous JavaScript + XML JavaScript XML
macromedia Dreamweaver macromedia Fireworks macromedia Flash
Web 1030231 15 1 27 1 1 2 2 3 3.1 macromedia Dreamweaver 3 3.2 macromedia Fireworks 4 3.3 macromedia Flash 5 4 4.1 6 4.2 7 5 5.1 31 5.2 40 5.3 49 6 57 58 59 1 Flash 1 2 Web Flash Flash Web 2 3 3.1 macromedia
1
1 2 3 4 確認しよう 今回のサンプルプログラムにアクセスしてみましょう 1. デスクトップ上のフォルダをクリックし /var/www/html に example1.html と example2.php ファイルがあることを確認します 2. ブラウザを起動し 次の URL にアクセスします http://localhost/example1.html 3. 自分の手を選択して じゃんけんぽん
( )$("canvas").drawarc({strokestyle:"red", x:100, y:100, radius:20, start:0, end:360); drawline(x1:, y1:,... xn:, yn:) drawline n 2 n 3 x1: y1: xn: yn
0.1. jquaery jcanvas jquery John Resig OSS JavaScript Web JavaScript jquery jquery 1 0.2. jcanvas jcanvas 0.3. jcanvas HTML5 Canvas Canvas jcanvas jcanvas jquery Canvas API jcanvas Grouping Layer jcanvas
1 ななちゃんの IT 教室アニメーションプログラムを作ろうの巻 第 1 回 ハローワールド なな これって 朝日新聞の ののちゃんの DO 科学 のパクリ? 先生 パロディって言ってちょうだい 家政婦のミタ ( 家政婦は見た のパロディ ) クレヨンしんちゃんのダズニーランド ( ディズニーランド
ななちゃんの IT 教室 アニメーションプログラムを作ろうの巻 by nara.yasuhiro@gmail.com プログラミングをまったく知らなかったななちゃんがアニメーションプログラムを作れるようになるまでのお話 第 1.2 版 2017 年 5 月 7 日 もくじ第 1 回 ハローワールド第 2 回 アニメーション用の画面 ( キャンバス ) 第 3 回 くりかえし第 4 回 ボールのアニメ第
Microsoft Word - W3C's_ARIA_Support
W3C の ARIA (Accessible Rich Internet Applications) 対応 : Windows Internet Explorer 8 Beta 1 for Developers Web 作業の操作性を向上 2008 年 3 月 詳細の問い合わせ先 ( 報道関係者専用 ) : Rapid Response Team Waggener Edstrom Worldwide
2 2 ( M2) ( )
2 2 ( M2) ( ) 2007 3 3 1 2 P. Gaudry and R. Harley, 2000 Schoof 63bit 2 8 P. Gaudry and É. Schost, 2004 80bit 1 / 2 16 2 10 2 p: F p 2 C : Y 2 =F (X), F F p [X] : monic, deg F = 5, J C (F p ) F F p p Frobenius
NetworkApplication-09
ネットワークアプリケーション 第 9 回 JavaScript によるクライアントサイドウェブプログラミング 石井健太郎 (423 研究室 オフィスアワー火 3 限 ) スケジュール 9 月 27 日第 1 回 TCP/IPプロトコルスイート 10 月 4 日第 2 回 Javaによるウィンドウプログラミング 10 月 11 日第 3 回 ネットワークアプリケーションのプログラミングモデル 10 月
JavaScript演習
JavaScript 演習 2 山口研究室後期博士課程 3 年玉川奨 ( たまがわすすむ ) 居室 :24-604 / 23-620 mail : s_tamagawa@ae.keio.ac.jp 1 前回の補足説明 + 復習 IE における JavaScript のデバッグ方法 prompt 関数 演習問題 1 IE における JavaScript のデバッグ方法 1. ツール インターネットオプションメニューを実行
~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID
10 10 10.1 1. 2. 3. HTML(HyperText Markup Language) Web [ ][ ] HTML Web HTML HTML Web HTML ~b08a001/www/ ( ) ~b08a001/www-local/ ( ) html ( ) 10.2 WWW WWW-local b08a001 ~b08a001/www/ ~b08a001/www-local/
11 Bootstrap Font Awesome $ cd ~/projects/modest_greeter $ npm install --save jquery popper.js tether --save package.json depen
11 Bootstrap Font Awesome Bootstrap Font Awesome Modest- Greeter 11.1 Bootstrap Phoenix Bootstrap CSS/JavaScript Bootstrap PC Web ModestGreeter Bootstrap Bootstrap 4 Bootstrap 4 2017 11 Bootstrap4 87 11
¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse
![¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse](/thumbs/97/134738565.jpg "¥×¥í¥°¥é¥ß¥ó¥°±é½¬I Exercise on Programming I [1zh] ` `%%%`#`&12_`__~~~ alse")
I Exercise on Programming I http://bit.ly/oitprog1 1, 2 of 14 ( RD S ) I 1, 2 of 14 1 / 44 Ruby Ruby ( RD S ) I 1, 2 of 14 2 / 44 7 5 9 2 9 3 3 2 6 5 1 3 2 5 6 4 7 8 4 5 2 7 9 6 4 7 1 3 ( RD S ) I 1, 2
World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML
Web 工学博士大堀隆文 博士 ( 工学 ) 木下正博 共著 World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML ii HTML CSS CSS HTML HTML HTML HTML Eclipse Eclipse Eclipse
Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5
Web プログラミング 1 JavaScript (4) (4 章 ) 2013/7/17( 水 ) 日時 講義内容 4/10 ( 水 ) ガイダンス Web (1 章 ) 4/17 ( 水 ) HTML+CSS (1) (2 章 ) 4/24 ( 水 ) HTML+CSS (2) (2 章 ) 5/8 ( 水 ) HTML+CSS (3) (2 章 ) 5/15 ( 水 ) HTML+CSS (4)
(Java/FX ) Java CD Java version Java VC++ Python Ruby Java Java Eclipse Java Java 3 Java for Everyone 2 10 Java Midi Java JavaFX Shape Canvas C
(Java/FX ) Java CD Java version 10.0.1 Java VC++ Python Ruby Java Java Eclipse Java Java 3 Java for Everyone 2 10 Java Midi Java JavaFX Shape Canvas Canvas Eclipse Eclipse M... 1 javafx e(fx)clipse 3.0.0
19 3!! (+) (>) (++) (+=) for while 3.1!! (20, 20) (1)(Blocks1.java) import javax.swing.japplet; import java.awt.graphics;
19 3!!...... (+) (>) (++) (+=) for while 3.1!! 3.1.1 50 20 20 5 (20, 20) 3.1.1 (1)(Blocks1.java) public class Blocks1 extends JApplet { public void paint(graphics g){ 5 g.drawrect( 20, 20, 50, 20); g.drawrect(
< F2D834F838C A815B A CC>
グレゴリー ライプニッツの公式 [Java アプレット ] [Java アプリケーション ] 1. はじめに 次のグレゴリー ライプニッツの公式を用いて π の近似値を求めてみましょう [ グレゴリー ライプニッツの公式 ] π 4 =1-1 3 + 1 5-1 7 + 1 9-1 + 11 シミュレーションソフト グレゴリー ライプニッツの公式による π の近似 を使って π の近似値が求まる様子を観察してみてください
< F2D B838A835882CC8CF68EAE2E6A7464>
ウォーリスの公式 [Java アプレット ] [Java アプリケーション ] 1. はじめに 次のウォーリスの公式を用いて π の近似値を求めてみましょう [ ウォーリスの公式 ] π=2{ 2 2 4 4 6 6 1 3 3 5 5 7 シミュレーションソフト ウォーリスの公式による π の近似 を使って π の近似値が求まる様子を観察してみてください 2.Java アプレット (1) Javaプログラムリスト
10 (1) s 10.2 rails c Rails 7 > item = PlanItem.new => #<PlanItem id nil, name nil,...> > item.name = "" => "" > item.valid? => true valid? true false
10 (1) 16 7 PicoPlanner validations 10.1 PicoPlanner Web Web invalid values validations Rails validates validate 107 10 (1) s 10.2 rails c Rails 7 > item = PlanItem.new => #
2016 IP 1 1 1 1.1............................................. 1 1.2.............................................. 1 1.3............................................. 1 1.4.............................................
Thread
14 2013 7 16 14.1....................................... 14 1 14.2 Thread................................... 14 1 14.3............................. 14 5 14.4....................................... 14 10
Ｗｅｂデザイン論
2008 年度松山大学経営学部開講科目 情報コース特殊講義 Web デザイン論 檀裕也 (dan@cc.matsuyama-u.ac.jp) http://www.cc.matsuyama-u.ac.jp/~dan/ 前回の課題 Web デザイン論 の期末試験まで何日残っているか表示する Web ページを JavaScript で制作し 公開せよ 宛先 : dan@cc.matsuyama-u.ac.jp