ログイン
編集不可のページディスカッション情報添付ファイル
"hogas/ProgrammingSeminar2017"の差分

MMA
1と2のリビジョン間の差分
2017-05-20 22:15:43時点のリビジョン1
サイズ: 5386
編集者: hogas
コメント:
2017-05-20 22:16:14時点のリビジョン2
サイズ: 5386
編集者: hogas
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
#acl hogas:admin,read,write,delete,revert Known: All: #acl hogas:admin,read,write,delete,revert Room: Known: All:
行 173: 行 173:


プログラミング講習

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と表示される

(正しいか計算してみてください)

2品目: 四則演算

hogas/ProgrammingSeminar2017 (最終更新日時 2017-06-13 20:44:05 更新者 hogas)