プログラミング講習
by hogas
「プログラミング」について、ふわっとでも理解をしてもらえればと思います。
本日のメニュー
- お店探し: 導入
- お通し: 準備
- 前菜: 第一歩
- メインディッシュ 1~N 品目: 主な内容
- スープ: 閑話
- デザート: 結び
お店探し
身近のお話
PC、スマートフォン、自動改札機、ラジコン、...
電気回路とか、プログラムとかで動いている
プログラム
機械を動かすための##### 命令書
書といっても言葉は色々
ここではソフトウェアを扱う
プログラミング
機械を思うように動かして嬉しくなること
そのためにプログラムを書くこと
プログラミング
機械がわかるのは、電気の ON/OFF
これを 0/1 で表現して制御する
のを##### 人間にわかりやすい##### 言語というもので包んである
これによって人間と機械の橋渡しができている
プログラミング言語
人間がわかる言葉から
機械がわかる言葉に##### 変換する機構
(特に"人間がわかる言語"の部分)
プログラミング言語
色々な言語があるが、最終的には
内部で0と1に変換されて機械が動いている
(言語から別の言語へ変換されていきながら
0と1になっていったりもする)
JavaScript
プログラミング言語のひとつ
ブラウザで使ったりすることが多い
(サーバでも使う)
なぜJavaScriptをやるか
ちょっとだけ手を付けるときに
わかりやすい(主観)
(言語処理系は詳しく決まっているし
進化し続けている、らしい)
わからない場合
周りの先輩とかに聞いてください
隣にすごい人が居たら教わっても問題ありません
わかる場合
楽しんでください
お通し
使うもの
ブラウザ
僕は GoogleChrome を使います
FireFox や Edge でも
それ以外でも構いません
使うもの
表示場所
Console
F12 とか Ctrl + Shift + I とか
Cmd + Option + I とかで開く
右上メニューからでも開く
使うもの
hoge.html
ここにすでにhoge.jsが読み込んである
hoge.js
ここにソースコードを書く
使うもの
ブラウザでhoge.htmlを開く
- ドラッグ & ドロップ とか
- Ctrl + O とか Cmd + O とか
We are MMA! と出ていればOK
使うもの
エディタ
僕は SublimeText を使います
Atom や Vim や Emacs でも
その他でも構いませんが
メモ帳 では大変で
OfficeWord では不可能です
使うもの
エディタで hoge.js を開く
- ドラッグ & ドロップ とか
- Ctrl + O とか Cmd + O とか
- hoge.js
- // This is MMA
とあればOK
前菜: 好きな文字を表示する
- hoge.js
- // This is MMA
- console.log(3)
こう書いたら ##### 保存 して
ブラウザを ##### 再読込 すると
Consoleに3
が表示される
前菜: 好きな文字を表示する
- hoge.js
- // This is MMA
- console.log('A')
こう書いたら ##### 保存 して
ブラウザを ##### 再読込 すると
ConsoleにA
が表示される
前菜: 好きな文字を表示する
「A という文字」は 'A'
と書く
単に A
とだけ書くと別の意味になる(後述)
数字はそのまま3
でOK
前菜: 好きな文字を表示する
- hoge.js
- // This is MMA
- console.log('MMA')
何文字でもいける
保存 && ブラウザ再読込 で実行する
1品目: 足し算
計算機なので計算したい
計算結果を表示するようにする
- hoge.js
- console.log(2 + 3)
保存 && ブラウザ再読込 すると
5
と表示される
1品目: 足し算
それなりに大きい数でもできる
- hoge.js
- console.log(12345 + 67890)
保存 && ブラウザ再読込 すると
80235
と表示される
(正しいか計算してみてください)