1. ホーム /
  2. プログラミングとは

プログラミングとは

プログラミングとは、プログラムを作ることです。

では、プログラムとは何かというと、それはコンピューターへの指令文だと思ってください。コンピューターは電子機器です。その電子機器がどうやって指令文を理解するのか、多くの方にはブラックボックスだと思います。きちんとしたプログラミングの理解には、コンピューターのしくみの理解が欠かせません。コンピューターのしくみコースでは、そこからプログラムの意味を理解していきます。

コンピューターのしくみ コース

プログラムの例：(○×ゲーム)

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>○×ゲーム</title>
    <style>
        table{
            background: #009900;
        }
        td {
		width:100px;
		height:100px;
		font-size:50pt;
		text-align: center;
		vertical-align: middle;
		background: #ffffff;
        }
        p{
            font-size: 30px;
        }
    </style>
</head>
<body onload="init()">
    <table id="table"></table>
    <p id="message"></p>
    <script>
        var count = 0;
        var cell = [];
        var sum = [];
        var message = document.getElementById("message");
        function init() {
            var table = document.getElementById("table");
            for (var i = 0 ; i < 3 ; i++) {
                var tr = document.createElement("tr");
                cell[i] = [];
                for (var j = 0 ; j < 3 ; j++) {
                    var td = document.createElement("td");
                    td.className = "cell";
                    td.id = "cell" + i + j;
                    td.onclick = clicked;
                    tr.appendChild(td);
                    cell[i][j] = 0;
                }
                table.appendChild(tr);
            }
        }
        function clicked(e) {
            var x = e.target.id.charAt(5);
            var y = e.target.id.charAt(4);
            if (e.target.textContent == "" && message.textContent == "") {
                if (count++ % 2 == 0) {
                    e.target.textContent = "○";
                    cell[x][y] = 1;
                    judge("○");
                } else {
                    e.target.textContent = "×";
                    cell[x][y] = -1;
                    judge("×");
                }
            }
        }

        var judge = function(player){
            sum = [
                cell[0][0]+cell[1][0]+cell[2][0],
                cell[0][1]+cell[1][1]+cell[2][1],
                cell[0][2]+cell[1][2]+cell[2][2],
                cell[0][0]+cell[0][1]+cell[0][2],
                cell[1][0]+cell[1][1]+cell[1][2],
                cell[2][0]+cell[2][1]+cell[2][2],
                cell[0][0]+cell[1][1]+cell[2][2],
                cell[0][2]+cell[1][1]+cell[2][0],
            ];
            for (var z = 0; z < 8; z++){
                if (Math.abs(sum[z]) == 3){
                    message.textContent = player + " win!";
                }
            }
        }

    </script>
</body>
</html>

プログラムについてもっと深く知りたい場合は、絵でわかるシリーズ プログラムとは何か をご覧ください。

絵でわかるシリーズ　プログラムとは何か