２０年目のプログラマーが教えるプログラミングに最適な勉強法とは？

僕は仕事でプログラムを作ります。
仕事は２０年ほどやっているんですが、小学生の頃もやってました。

当時は、パソコンなんて持っていなかったんで、友だちが持っていた、ファミリーベーシックと言って、ファミコンにつないでBASIC言語でプログラムが作れるソフトを借りて作ってました。

その頃からプログラミングをやっていたので、かれこれ３０年以上、プログラミングに携わっていることになります。

それで、仕事で使ってるプログラミングについてですが、
使っている言語は１つではないんですよね。
最初はVB4でしたが、それもだんだんバージョンアップしてきて、VB5とか、VB6に変わってきました。

また、Windowsだけではなく、いろんなプラットフォーム上で動くプログラムも作る必要が出てきて、C言語やPHP、Perlなども使ってきました。

統計やAI関係に関わることも出てきたのでPythonまで手を出してます。

最近では、Javaを使うことが多くなりました。

色んな言語を使うので、一番最初に苦労するのは、その言語を覚えるときなんですよね。
似たりよったりの部分もあるんですけど、VB系とC言語やPHP、Javaは全然違いますし、

細かい部分で言うと、PHPもJavaもC言語も違います。

しかも、早く覚えないと仕事には締切がありますから、期間内に言語を習得して出来た成果を収めないといけません。

そういうときに、いかに効率よく言語を習得するかがポイントになってくるんですよね。

そこで、この記事では、僕が実践している、
新しいプログラミング言語を”そこそこ”使えるようになるための、オススメの勉強方法をご紹介しますね。

全ては、「Hello World」から

誰が言ったかわかりませんが、プログラミングの最初の門は「Hello World」です。

どういうことかと言うと、画面上に、「Hello World」という文字を表示する、小さなテストプログラムを最初に作ります。

このプログラムを作ることで、プログラムの基本的な書き方と、画面に文字を表示する方法を学ぶわけです。

・・・というか、学ぶと言うよりも確認ですね。
プログラムを作るための基本的な枠や、コンパイルの方法もここで確認するわけです。

ちなみに、この「Hello World」って、誰が最初に考えたんでしょうね。
文字を表示するだけなら、何でも良いんですけどね。プログラム関係の入門書もそうですが、プログラムを解説するサイトでも、最初に表示する文字って、体外「Hello World」なんですよね。

・・・学校で習ったプログラムの授業も、最初は「Hello World」でしたね。

プログラミングに携わる人は、「Hello World」と言えば、ほぼ全員がみんなピンとくるはずです。

(´・ω・｀)
「あ～あの、最初のやつね。」

って感じでね。

C言語

#include <stdio.h>

int main (void) {
   printf(“hello world\n”);
}

PHP

<?php

print(“hello world\n”);

?>

変数を覚える

次に変数の使い方を覚えます。
変数を覚えないと、先に進みませんからね。

変数の定義の仕方や使い方を確認するわけです。

C言語ならば、

「変数の型　変数名」というように定義しますし、

int i;
i = 1 + 2;
printf(“%d\n”,i);

PHPならば、変数の定義は特に必要ないですが、変数の頭には必ず$をつけますよね。

$i = 1+2;
print(“$i”);

Javaの場合はCとほぼ同じですが、変数の定義によっては、privateやpublicを付ける場合もあります。

こんなふうに、言語によって変数の扱い方は変わります。

分岐を覚える

変数の次は分岐です。

分岐は、どの言語でも「if文」です。

if文を覚えることで、プログラム上で判断が可能になりますね。

if文の書き方は、ほぼどんな言語でも似たりよったりなんですが、大事な部分が地味に異なってきます。

例えば、

C言語の場合

if (i==0) {
   iが0だった場合の処理…
}

iという変数が0だった場合の分岐です。
見ての通り、イコールを２つ書くんですよね。

コレがVisual Basicであれば変わってきます。

Visual Basic

If i=0 Then
   iが0だった場合の処理…
End If

イコールは１つで良いわけです。カッコもいりません。
なので、C言語でプログラムを書いた後、Visual Basicでプログラムを書くと、間違う場合が多いんです^^;

PHPの場合は、基本的には、イコール２つで同じ値かどうか判断しますが、イコールを３つ使う場合もあります。

PHP

if ($i===$j) {
   $iと$jが同じ型だった場合の処理…
}

コレって、「変数$iと変数$jが同じ形の場合」ということなんですよね。どういうことかと言うと、

$i = 1;
$j = 2;

であれば、同じ整数(Integer)が入っているから同じ型って言えるんですけど、

$i = 1;
$j = “文字列”;

こういう値が入っているなら　整数と文字列なんで、違う型ってことです。
こういう判断もPHPでは可能ということなんですね。

PHPでは、変数は宣言をする必要がなく使えるので、こんなイコール３つで判断を可能にしているのかもしれませんね。

ループを覚える

分岐を覚えたら、今度はループを覚えます。

どんなプログラム言語も、for文やwhile文でループが可能です。
でも、ループの書き方は、プログラム言語によって、まちまちです。

一見似たような書き方が可能な場合もあれば、ぜ～んぜん違う場合もあります。ループの処理は必ず使う場面が出てくるので、このあたりはしっかりと確認する必要がありますね。

C言語

for (i=0; i < 10; i++) {
   printf(“%d\n”,i);
}

int i=0;
while(i < 10) {
   printf(“%d\n”,i);
   i++;
}

Visual Basic

For i=0 to 10
   Debug.Print i
Next i

Dim i As Integer
Do While i < 10
   Debug Print i
   i=i+1
Loop

配列を覚える

さて、今度は配列を覚えます。
分岐、ループ、配列が作れれば、大概のプログラムは作れるわけです。
・・・ま、ホントはもっとありますが、プログラムの基本はコレで抑えられます。

配列の書き方は、もーほんとに、言語によって様々あります。

それに、配列を定義した後に、そのサイズを変えられるかどうか、そのサイズの変更方法も確認したほうが良いですね。

Visual Basic

Dim hairetu(10) as Integer
Redim hairetu(100)   'これで配列のサイズを変更できます。

Java

int[] hairetu = new int[10];
ArrayList<Integer> hairetu2 = new ArrayList<Integer>();  //可変する場合はListクラスを使うほうが便利

C言語

int hairetu[3];
int *hairetu2; //可変する場合はポインタを使う

C言語の場合、可変する配列を使うならポインタを使うんですが、
このポインタってやつが頭を悩ます一つなんですよねー。
未だに苦手意識が・・・

ライフゲームを作ってみる

変数、分岐、ループ、配列を覚えたら、後はプログラムを作ります。
ここまで来たら、実際に作ってみないと覚えないんですよねー。

ということで、簡単なライフゲームを作ります。

・・・ちなみに、ライフゲームって知っていますか？

簡単に言うと、隣り合う要素の数によって、そのマスの生き/死にの判断を行うゲームです。

死んでいるマスの隣り合うマスが３つあると、そのマスは誕生します。（誕生）

生きているマスの隣り合うますが２～３であれば、そのマスは生存を継続します。（生存）

生きているマスの隣り合うますが１以下であれば、そのマスは死亡します。（過疎）

生きているマスの隣り合うますが４つ以上であれば、そのマスは死亡します。（過密）

この４つのルールに従って、マスの生き死にを判断するプログラムです。

マスの表示に凝ってしまうと、グラフィック関係の処理が必要になってくるので、かなり難しくなってしまうんですが、

マスの表示を Hello World で使ったときの文字表示の方法を使うことで、処理を簡単にできます。

文字で表す、生き死には・・・まっ何でも良いです。

基本的には、■と□でいいですが、0と1でもいいですし、★と☆でもいいです。
ま、違いが分かれば良いんですよね。

さて、ライフゲームが本当に作れるかどうかってことですが、今まで覚えた、変数、分岐、ループ、配列で、作れます。

どういう変数が必要が考えて、ライフゲームのロジックを考えてみてくださいね。

実際に作ってみた

・・・ということで、今までの流れでどんなプログラム学習になるのか、実際に作ってみました。

使った言語はJavaScript。ブラウザさえあれば誰でも使えるプログラム言語です。

今回ご紹介した、Hello World表示～ライフゲームの作成まで、実際にやってみたコードはこちらです。

1. <html>
2. <body>
3. <script>
5. //hello world表示
6. document.write("hello world<br/>");
8. //変数宣言
9. var i = 0;
11. //分岐とループ
12. for (i=0; i < 10; i++) {
13.    document.write("i=" + i + "<br/>");
14.    if (i==5) document.write("真ん中<br/>");
15. }
17. //配列
18. var array = new Array(5);
20. array[0]=1;
21. array[1]=11;
22. array[2]=111;
23. array[3]=1111;
24. array[4]=11111;
26. for (i=0; i < array.length; i++) {
27.    document.write("array[" + i + "]=" + array[i] + "<br/>");
28. }
30. //ライフゲーム
31. var maxloop = 10; //周回数
32. var rows = 10; //縦数
33. var cols = 12; //列数
34. var cells = new Array(
35. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
36. 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0,
37. 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0,
38. 0, 0, 0, 1, 0, 0, 0, 1, 1, 1, 0, 0,
39. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
40. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
41. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
42. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
43. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
44. 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 );
47. //世代表示
48. document.write("0世代 ----------------------------<br/>");
49.    
50. //今回の結果を表示
51. for (i=0; i < cells.length; i++) {
52.    var buf = "□";
53.    if (cells[i]==1) buf="■";
54.    document.write(buf);
55.    
56.    //列数を満たすと改行する
57.    if ((i+1) % cols==0) {
58.       document.write("<br/>");
59.    }
60. }
62. //処理開始
63. for (sedai=0; sedai < maxloop; sedai++) {
64.    //世代表示
65.    document.write((sedai+1) + "世代 ----------------------------<br/>");
66.    
67.    //作業バッファ
68.    var wcells = new Array(cols * rows);
69.       
70.    //全セルをチェック
71.    for (cellcnt=0; cellcnt < cells.length; cellcnt++) {
72.       //この場所の位置を特定
73.       var row = Math.floor(cellcnt / cols); //Math.floor() <= 切り捨て
74.       var col = Math.floor(cellcnt - row*cols);
75.       
76.       //デバック
77.       //console.log("cellcnt=" + cellcnt +
78.       // " row=" + row +
79.       // " col=" + col +
80.       // " cells=" + cells[cellcnt]);
81.       
82.       //周りの要素を記録
83.       var mawari = 0;
84.       var idx=0;
85.       //左上
86.       if (row > 0 && col > 0) {
87.         idx = (row-1)*cols + col-1;
88.         mawari += cells[idx];
89.         
90.         //デバック表示
91.         //console.log("cellcnt=" + cellcnt);
92.         //console.log("row=" + row);
93.         //console.log("col=" + col);
94.         //console.log("idx=" + idx);
95.         //console.log("cells=" + cells[idx]);
96.         //console.log("mawari=" + mawari);
97.       }
98.       
99.       //上
100.       if (row > 0) {
101.         idx = (row-1)*cols + col;
102.         mawari += cells[idx];
103.       }
104.       //右上
105.       if (row > 0 || col < cols-1) {
106.         idx = (row-1)*cols + col+1;
107.         mawari += cells[idx];
108.       }
109.       //左
110.       if (col > 0) {
111.         idx = row*cols + col-1;
112.         mawari += cells[idx];
113.       }
114.       //右
115.       if (col < cols-1) {
116.         idx = row*cols + col+1;
117.         mawari += cells[idx];
118.       }
119.       //左下
120.       if (row < rows-1 && col > 0) {
121.         var idx = (row+1)*cols + col-1;
122.         mawari += cells[idx];
123.       }
124.       //下
125.       if (row < rows-1) {
126.         idx = (row+1)*cols + col;
127.         mawari += cells[idx];
128.       }
129.       //右下
130.       if (row < rows-1 && col < cols-1) {
131.         idx = (row+1)*cols + col+1;
132.         mawari += cells[idx];
133.       }
134.       
135.       //生死の決定
136.       var life=0;
137.       if (cells[cellcnt]==0 && mawari==3) {
138.          //誕生
139.          life=1;
140.       } else if (cells[cellcnt]==1 && mawari >= 2 && mawari <= 3) {
141.          //生存
142.          life=1;
143.       } else if (cells[cellcnt]==1 && mawari <= 1) {
144.          //過疎
145.          life=0;
146.       } else if (cells[cellcnt]==1 && mawari >= 4) {
147.          //過密
148.          life=0;
149.       }
150.       
151.       //作業バッファに格納
152.       wcells[cellcnt]=life;
153.    }
154.    
155.    //配列の移動
156.    for (i=0; i < cells.length; i++) {
157.       cells[i]=wcells[i];
158.    }
159.    
160.    //今回の結果を表示
161.    for (i=0; i < cells.length; i++) {
162.       var buf = "□";
163.       if (cells[i]==1) buf="■";
164.       document.write(buf);
165.       
166.       //列数を満たすと改行する
167.       if ((i+1) % cols==0) {
168.          document.write("<br/>");
169.       }
170.    }
171. }
173. </script>
174. </body>
175. </html>

こちらのページで、実際に動かしてみているので、気になる方はアクセスしてみてくださいね。

→ JavaScriptテストのページ

・・・ひさびさやったからめんどくさかった・・・

ちなみに、プログラムコードは、こちらのサイトで変換してブログに表示しています。
プログラムをブログで表示したいって思っている人は、こちらの記事も参考にしてくださいね。

プログラムをWordPressの記事にキレイに表示する方法とは？

こちらの記事で、色んなプログラム言語のコードをちょっとだけ紹介しました。 この記事を書くときに、実はかなり悩みました。 なぜかと言うと、WordPressでは記事の中に、プログラムを書いてしまうと正常に表示されないからです。...

mocyokoi-wadai.work

2020.01.28

まとめ

この記事では、僕がよくやっていたプログラム言語の習得方法をご紹介しました。

基本的には、Hello Worldを表示してから、変数、分岐、ループ、配列を覚えたら、ライフゲームを作ってみると、

そうすると、大概、慣れるってことです。

よく、プログラム言語を勉強するって言う人がいますけど、僕が思うプログラム言語は、勉強してもあんまり覚えません。

プログラム言語って、大工さんが使うトンカチやノコギリと同じようなもんで、目的のものを実現するための道具だと思ってます。

道具ですから、勉強よりも、まず実際に使ってみないと覚えませんし、慣れません。

基本的なことを覚えたら、後は慣れるまでガシガシとプログラム言語を書いてみるしか無いですね。

プログラム言語をおぼえたいと思っている方はこの記事を読んで、ガシガシとプログラム言語を打ち込んでくださいね。