マガジンのカバー画像

プログラムが魔法でないとわかればプログラマになれる

24
運営しているクリエイター

記事一覧

はじめに ~ プログラムが魔法でないとわかればプログラマになれる 1

はじめにプログラム。プログラムが書けるとゲームやアプリが作れるらしい。誰でもやってみたいと思わせるのに十分な魅力を持っています。

ミュージシャンに憧れて楽器を触ってみた人は多くても、自分の弾きたい曲を弾けるようにまでなった人はそれほど多くないでしょう。同様に、プログラムも入門書を買って読んでみた人はいても、プログラムが書けて便利だと思えたり、作りたかったものが作れるようにまでなった人はそれほど多

もっとみる
スキありがとうございます!続きを書く元気がでます。

プログラムとは ~ プログラムが魔法でないとわかればプログラマになれる 2

プログラムとは何か先ほどのプログラムには ( ) " ; という謎の記号があると前述しましたが、これについては後で改めて説明することにします。それよりも、プログラムとは何なのかをまずは見てもらいたかったのです。

プログラムとは何でしょうか。プログラムとはアルファベットや数字、+、-、=などの記号を使って書かれた 文字 のことです。

コンピューターにこの 文字(プログラム) を読み取らせれば動き

もっとみる
スキありがとうございます!続きを書く元気がでます。

文字とは ~ プログラムが魔法でないとわかればプログラマになれる 3

プログラムが読み込める文字とは
前項ではプログラムが 文字 であると説明しました。続いて、この文字をどうやったらプログラムとして動かすことができるのかをお話ししましょう。

コンピューターに文字を入力する方法は色々あります。Wordを起動すれば文字を入力できます。ですが、Wordに文字を入力してもプログラムは動きません。では一体どこに文字を入力すれば良いのでしょうか。もちろんプログラムを入力するた

もっとみる
スキありがとうございます!続きを書く元気がでます。

プログラミング言語とは ~ プログラムが魔法でないとわかればプログラマになれる 4

プログラミング言語とはプログラムが文字であること、プログラムを動かすには純粋な文字だけを保存したファイルが必要なことを説明しました。さて、そろそろ本題のプログラムに話を戻しましょう。

プログラムには 文法 というものがあります。文法は国語にも英語にもありますから馴染みがあると思います。文法とは言葉を作る上でのルールのことですが、プログラムにも書き方にルールがあります。このルールはプログラミング言

もっとみる
スキありがとうございます!続きを書く元気がでます。

なぜ記号を使うのか ~ プログラムが魔法でないとわかればプログラマになれる 5

プログラムに記号が使われる理由最初に紹介したプログラムはJavaScriptというプログラミング言語です。JavaScriptはウェブブラウザで動かすことができますので、親しみやすい言語の一つと言えるでしょう。Javaという似た名前の言語もありますが、全く異なる言語ですので注意してください。Javaも有名なプログラミング言語でAndroidアプリの開発などに利用されています。

alert("こん

もっとみる
スキありがとうございます!続きを書く元気がでます。

プログラムは塊で理解する ~ プログラムが魔法でないとわかればプログラマになれる 6

プログラムは1文字ずつ読まずに塊ごとに理解するでは、そろそろ最初に紹介したプログラムに登場する記号の意味を説明しましょう。

alert("こんにちは");

プログラムを知らない人が見ると次のような区切りで見えてしまうのではないかと思います。

alert    (    "    こんにちは    "    )    ;

前から順番に読んでしまうとこのように区切りたくなってしまいますが、プロ

もっとみる
スキありがとうございます!続きを書く元気がでます。

半角スペースと改行 ~ プログラムが魔法でないとわかればプログラマになれる 7

プログラムを区切る半角スペースそろそろプログラムを変えてみましょう。

let price = 100;let tax = price * 0.08;let total = price + tax;alert(total);

このプログラムをウェブブラウザで動かすと次のように表示されます。

108 と表示されました。特に言及がなければプログラミング言語はJavaScriptを使って説明を進めま

もっとみる
スキありがとうございます!続きを書く元気がでます。

変数 ~ プログラムが魔法でないとわかればプログラマになれる 8

= は数学のイコールではない改めて先ほどのプログラムの1行目をみてみましょう。

let price = 100;

さて、どのように読んでいけば良いでしょうか。最後の ; は既に述べたとおり一つの文(命令)の終わりを示す記号で日本語の句点と同じ意味です。つまりこの命令の内容は ; を除いた let price = 100 の部分ということになります。 まずは = という記号に注目してみましょう。

もっとみる
スキありがとうございます!続きを書く元気がでます。

名前の付け方 ~ プログラムが魔法でないとわかればプログラマになれる 9

名前の付け方プログラムの = が数学の = ではなく、 = の右に書かれた内容に名前をつける命令であることを説明しました。

let price = 100;

「price」という名前は私が勝手に名付けたと述べましたが、名前はどうやって決めれば良いでしょうか。

まず、名前に使っても良い文字というものがあります。普通はアルファベット、数字、 _ (アンダースコア)を使います。具体的な例でいうと「

もっとみる
スキありがとうございます!続きを書く元気がでます。

命令の組み合わせで動作になる ~ プログラムが魔法でないとわかればプログラマになれる 10

プログラムは小さな命令を積み上げて動くlet price = 100;

先ほどから例に出しているプログラムの1行目です。 100 を price と呼んで使えるようになる命令だとわかっても、いまひとつピンとこないのではないでしょうか。100は100のままで良いのではないか、100をわざわざpriceと言い換えて何か良いのか、といった疑問が湧いてきます。このように命令の意味がわかっても釈然としない

もっとみる
スキありがとうございます!続きを書く元気がでます。

四則演算を使う ~ プログラムが魔法でないとわかればプログラマになれる 11

計算は真っ先に行われるプログラムには計算を行う命令があります。足す、引く、掛ける、割る、など数学の式と同じように使うことができます。

let answer = 1 + 2;alert(answer);

このプログラムをウェブブラウザで動かすと 3 と表示されます。 1行目は 1 + 2 を answer という名前で呼べるようにする命令です。2行目は alert() (画面に表示するための命令

もっとみる
スキありがとうございます!続きを書く元気がでます。

プログラムを使う理由 ~ プログラムが魔法でないとわかればプログラマになれる 12

税込価格を計算するプログラムの解説税込価格を計算するプログラムを説明する準備ができましたので一気に読み切ってしまいましょう。

let price = 100;let tax = price * 0.08;let total = price + tax;alert(total);

1行目は 100 を price という名前で使えるようにする命令です。

2行目は * (アスタリスク)に注目して

もっとみる
スキありがとうございます!続きを書く元気がでます。

プログラムの通り道 ~ プログラムが魔法でないとわかればプログラマになれる 13

プログラムの通り道今まで説明してきたプログラムは全て 上から下に順番に 動くものでした。それで作れるプログラムもありますが、役に立つプログラムを作ろうとすると繰り返しや条件分岐が必要になります。条件分岐は「条件によって作業内容を変える」と説明してきたものです。

プログラムの命令だけを見ながら話をしても頭に入らないと思いますのでまずは既に知っているもので説明しましょう。

「すごろく」はご存知でし

もっとみる
スキありがとうございます!続きを書く元気がでます。

条件はイエスかノーか ~ プログラムが魔法でないとわかればプログラマになれる 14

もし◯◯に使える条件はイエスかノーで答えられるものだけlet age = 19;if (age < 20) { alert("お酒は販売できません");}

このプログラムは20歳未満の場合にお酒を販売できないと画面に表示するものです。このプログラムでは age の内容を 19 としましたが、この 19 の部分は 20 や 25 など他の数も入れて動かしてみると考えてください。 age が

もっとみる
スキありがとうございます!続きを書く元気がでます。