2chをまとめてみた

2chスレをちまちままとめたりしています。まったりとお付き合いください。
TOPスポンサー広告 ≫ プログラミング教えるよー、意識高い系の暇人来いTOP2chまとめ ≫ プログラミング教えるよー、意識高い系の暇人来い

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

このエントリーをはてなブックマークに追加
スポンサー広告 | Comments (-) | Trackbacks (-)

プログラミング教えるよー、意識高い系の暇人来い

http://hayabusa.open2ch.net/test/read.cgi/news4vip/1455277108/
1:名無しさん@おーぷん 2016/02/12(金)20:38:28 ID:aPI
・暇人対象
・どの言語教えたらいいのか分からないので、ブラウザがあれば出来るからjavascript教えてみる。
・他の言語の方がいいならそっちやる。ただしスレ主は別に凄腕プログラマではないから、
初心者向けの本よめば分かることぐらいしか教えられない。

・前提条件
 ・パソコンを使える
 ・タイピングは得意である
 ・暇である

はじめまーす



2:名無しさん@おーぷん 2016/02/12(金)20:39:04 ID:fZW
期待


このエントリーをはてなブックマークに追加

10:名無しさん@おーぷん 2016/02/12(金)20:43:11 ID:aPI
初めに

プログラミングとはコンピュータに指示を出して、色々やります。
とりあえずプログラミングが出来る環境を立ち上げましょう。

firefoxを使っているのなら、コントロールキーとkを同時に押します。
chromeを使っているなら、コントロールキーとjを同時に押します。

そうするとなんか出ます。インターネットエクスプローラーはどうやれば出るのか知りません。

ここに色々入力すると、コンピュータが頑張ってそれを実行します。

とりあえず、なんかかっこいい開発する感じの画面が出たら完了です。

ここまでで質問ある人






12:名無しさん@おーぷん 2016/02/12(金)20:43:53 ID:aPI
ごめん、嘘、shiftも一緒に押して


13:名無しさん@おーぷん 2016/02/12(金)20:44:26 ID:bNj
インターネットエクスプローラーだ…
残念


14:名無しさん@おーぷん 2016/02/12(金)20:44:35 ID:5J8
>>13
F12


16:名無しさん@おーぷん 2016/02/12(金)20:45:46 ID:bNj
>>14
うわ、初めて見る画面が出た
ありがとう


21:名無しさん@おーぷん 2016/02/12(金)20:48:50 ID:aPI
出ましたか?とりあえず、そこに

3 + 5

と打ち込んで下さい。8が返ってきたら、たぶんそれはコンソールです。
入力する場所がなかったりしたら違うので頑張って下さい


32:名無しさん@おーぷん 2016/02/12(金)20:57:24 ID:bNj
F12を押して出た画面でコンソールとかいう所を開いて
3 + 5って入れたら8が出てきた
初めてパソコンを触る子供みたいな気分だw
ふだん当たり前に使ってるけどコンピュータの仕組みを全然知らないんだと気付かわれますわ


22:名無しさん@おーぷん 2016/02/12(金)20:48:54 ID:jnm
こういうのまってた


23:名無しさん@おーぷん 2016/02/12(金)20:49:04 ID:fZW
ほうほう


38:名無しさん@おーぷん 2016/02/12(金)21:03:27 ID:5J8
ちなみに

足し算→+
引き算→-
掛け算→*
割り算→/


35:名無しさん@おーぷん 2016/02/12(金)21:01:19 ID:aPI
大丈夫ですかー?

命令を書くことで、それをブラウザが実行して、8という計算結果を買えしてくれた訳ですね。
電卓代わりになるのでいろいろ遊んで下さい。

プログラムを実行するというのは、結局、文字で書いたコンピュータへの指令を与えると、
その指令に対応していたら、それを実行してくれます。

詳しい仕組みは考えなくてもいいです。ボタンを押したらブラウザが開くのは当たり前ですね?
これもボタンを押したという情報をコンピュータに与えている訳です。

文字で書いた指令を与えると、それを実行して返してくれるのが、このコンソールちゃんな訳です。

受け取れる命令が複雑なだけで、他のプログラムと変わりません。


37:名無しさん@おーぷん 2016/02/12(金)21:03:06 ID:aPI
次に

alert();

と入力して実行してみて下さい。音はでません。

;(セミコロン)は、今回は省いても構いません。


40:名無しさん@おーぷん 2016/02/12(金)21:05:03 ID:bNj
>>37
先生、webページからのメッセージ とかいう空白のウィンドウが開いてしまって
何も起こりません


41:名無しさん@おーぷん 2016/02/12(金)21:05:08 ID:0B4
なんかオープンの内容ってのが出てundefinedってなった


45:名無しさん@おーぷん 2016/02/12(金)21:07:27 ID:aPI
>>41
成功です!この命令は、メッセージを出すものです。

alert("Open Vip");

としてみて下さい。結果が代わると思います。


43:名無しさん@おーぷん 2016/02/12(金)21:06:29 ID:bNj
OKなんですか!?
ありがとう


47:名無しさん@おーぷん 2016/02/12(金)21:08:40 ID:aPI
" " を省略すると、失敗してしまいますのでお気をつけください。


49:名無しさん@おーぷん 2016/02/12(金)21:08:53 ID:sTH
できた!


51:名無しさん@おーぷん 2016/02/12(金)21:09:27 ID:5J8
()の中の物が表示されるんですな


52:名無しさん@おーぷん 2016/02/12(金)21:09:50 ID:bNj
表示されるウィンドウの中身がOpen Vipになりました


58:名無しさん@おーぷん 2016/02/12(金)21:14:45 ID:aPI
出題して一区切りします。

また、ここまでで分からないことがあったら質問して下さい。

1.alert();を使って、好きなメッセージを出して下さい。
2.alert();を使って、数字の5を出して下さい。
3.alert();を使って、99999999掛ける99999999の計算結果を出して下さい。


60:名無しさん@おーぷん 2016/02/12(金)21:16:43 ID:0B4
でけた


61:名無しさん@おーぷん 2016/02/12(金)21:16:51 ID:sTH
できた!


63:名無しさん@おーぷん 2016/02/12(金)21:19:37 ID:bNj
alert("99999999*99999999");って入力してEnter押すと
ウィンドウ内に99999999*99999999と表示されるだけで計算結果が出ないです…

はじめの3+5みたいに、alert無しで99999999*99999999と入力したら計算できた模様


65:名無しさん@おーぷん 2016/02/12(金)21:21:11 ID:sTH
>>63
ヒント:セミコロンはその中身が文字であることを表す。つまり・・・


68:名無しさん@おーぷん 2016/02/12(金)21:25:30 ID:dPg
>>65
×セミコロン
○ダブルクォーテーション


64:名無しさん@おーぷん 2016/02/12(金)21:20:41 ID:bNj
あれ、出来てないのは自分だけか
何故だろう


66:名無しさん@おーぷん 2016/02/12(金)21:22:31 ID:aPI
>>64
赤い文字でエラーが出ていますか?出ていたら教えて下さい


67:名無しさん@おーぷん 2016/02/12(金)21:24:16 ID:bNj
エラーメッセージは出ません


70:名無しさん@おーぷん 2016/02/12(金)21:26:03 ID:bNj
駄目だあ
どうしてだろう

スレの流れを止めてしまって申し訳ないです
入力する文字列はalert("99999999*99999999");で合ってますか?


71:名無しさん@おーぷん 2016/02/12(金)21:26:25 ID:0B4
あるものが要らない


73:名無しさん@おーぷん 2016/02/12(金)21:27:36 ID:bNj
""が要らなかったのか!
計算結果が出ました
どうもありがとう


74:名無しさん@おーぷん 2016/02/12(金)21:32:02 ID:aPI
進めます。

コンピュータは人の気持ちが分からないので、人が期待する動作をしません。コンピュータは、
思ったとおりではなく、書いたとおりに動きます。

""の中に入れた文字は、ただの文字としてコンピュータは判断します。
数字と認識してないので、計算してくれません。

逆に、""をつけないと数字として認識されます。

この種類のことを「型」と言います。5は数値型、"5"は文字列型だと判断されます。


79:名無しさん@おーぷん 2016/02/12(金)21:37:04 ID:sTH
なーるー


75:名無しさん@おーぷん 2016/02/12(金)21:32:30 ID:t15
エクセルの書式設定みたいなもんか


76:名無しさん@おーぷん 2016/02/12(金)21:33:09 ID:kvW
>>75
VBAやるなら同じルールあるからね


80:名無しさん@おーぷん 2016/02/12(金)21:37:28 ID:aPI
プログラム言語には、この型をすごく厳格に処理するする言語もありますが、javascriptは、
かなり型が緩い言語ですので、意識する必要はあまりありません。java等をやったことがある人は、
javascriptの型の緩さに困惑するかもしれません。あまり気にしない方がいいでしょう。


77:名無しさん@おーぷん 2016/02/12(金)21:33:20 ID:0B4
intとかならった気がする


81:名無しさん@おーぷん 2016/02/12(金)21:39:25 ID:aPI
次は代入を学びます。とりあえず、次の分を一行ずつ実行して下さい。

number = 5
alert(number)


84:名無しさん@おーぷん 2016/02/12(金)21:41:52 ID:aPI
numberには何が入っているでしょうか?numberとだけ入力してエンターを押してみましょう。
予想は付くと思いますが・・・


85:名無しさん@おーぷん 2016/02/12(金)21:41:58 ID:sTH
できた!


83:名無しさん@おーぷん 2016/02/12(金)21:40:48 ID:bNj
ウィンドウの中に「5」っていうものが出てきました


87:名無しさん@おーぷん 2016/02/12(金)21:43:27 ID:5J8
5って出るにゃ


88:名無しさん@おーぷん 2016/02/12(金)21:43:28 ID:bNj
5が出ました


89:名無しさん@おーぷん 2016/02/12(金)21:44:16 ID:aPI
では、次のプログラムを実行するとどうなるでしょうか?

number = 5
number = 8

alert(number)


90:名無しさん@おーぷん 2016/02/12(金)21:44:38 ID:0B4



92:名無しさん@おーぷん 2016/02/12(金)21:45:06 ID:jV4
8


93:名無しさん@おーぷん 2016/02/12(金)21:45:39 ID:jV4
楽しい


94:名無しさん@おーぷん 2016/02/12(金)21:47:22 ID:bNj
8!


95:名無しさん@おーぷん 2016/02/12(金)21:47:46 ID:aPI
順調ですね。では次に問題です。これは何が出るでしょうか?
少し考えてみましょう。

number = 5
number = number + 3

alert(number)


97:名無しさん@おーぷん 2016/02/12(金)21:48:40 ID:aPI
選択肢用意するの忘れました。

1.5
2.8
3.3
4.number = number + 3がおかしいのでエラーになる


98:■忍法帖【Lv=10,だいおうイカ,51j】 2016/02/12(金)21:49:20 ID:jV4
5か?


99:名無しさん@おーぷん 2016/02/12(金)21:49:24 ID:0B4
2かな


100:名無しさん@おーぷん 2016/02/12(金)21:50:24 ID:sTH
8かな


102:名無しさん@おーぷん 2016/02/12(金)21:50:39 ID:aPI
自分で実行して答えを確かめてもいいですよ。5分後に答え合わせと解説です。


103:名無しさん@おーぷん 2016/02/12(金)21:51:05 ID:bNj
8ですね


101:名無しさん@おーぷん 2016/02/12(金)21:50:31 ID:jV4
8だ


105:名無しさん@おーぷん 2016/02/12(金)21:55:45 ID:aPI
プログラム言語の代入とは、数学の代入とは違います。

数学では、 x = x + 3という式は明らかに間違いです。
しかし、プログラムでは、x + 3の結果が、新しくxに格納されます。

数学における代入は、英単語で、substitution
一方プログラムでは、英単語で、assign(割り当てる)と書きます

気をつけましょう!

=記号の右側の結果が、左に入ります。


106:名無しさん@おーぷん 2016/02/12(金)21:56:13 ID:4x7
良スレ乙


112:名無しさん@おーぷん 2016/02/12(金)22:08:09 ID:aPI
ここまでは大丈夫ですかー?進行早かったら言って下さい。

次はif文に入りますifは英語で「もし~」という意味ですね。

もし~だったら~する。という文ですね。

その前に、条件を表現する方法を学びましょう。

次を入力して試して下さい

3 < 5

5 < 3

3 == 5

5 == 5


113:名無しさん@おーぷん 2016/02/12(金)22:09:12 ID:0B4
trueやらfalseやら


115:名無しさん@おーぷん 2016/02/12(金)22:12:26 ID:aPI
3 * 5をすると、8が返ってきますね。同じく、
3 < 5をすると、trueが返ってきます。
5 < 3だと、falseが返ってきますね。

trueは、正しいと言う意味です。3 < 5は正しいので、trueですね。
falseは、間違っているという意味です。5 < 3は間違っているので、falseですね。

<と、>は、広がっている方が大きいとtrueを返します。そうでないならfalseを返します。


121:名無しさん@おーぷん 2016/02/12(金)22:24:29 ID:aPI
if文に入ります。下の命令をそれぞれ実行してみて下さい。
if文はif(){}と書きます。

if(true){alert("trueだよ!")}

if(false){alert("falseです!")}


124:名無しさん@おーぷん 2016/02/12(金)22:33:39 ID:aPI
風呂入ってきます。少し一気にすすめ過ぎた感があるので、風呂から上がって少しやったら今日は
終わりにします。


131:名無しさん@おーぷん 2016/02/12(金)23:12:05 ID:aPI
風呂上がりましたー

それではif文の説明に入ります。
if文では、if(true){}の時に、{}の中が実行され、
if(false){}の時に、実行されません。

if文の機能はこれだけです。
if(true){}で実行。
if(false){}で実行されない。です。

これでどのように、「もし~なら~をする」が表現できるのでしょうか?

例えば、xに数字が代入されているとします。
このxが、3より大きかったら、を条件として表してみます。

x > 3

上記の条件は、xが3より大きいときにはtrue,そうでないときにはfalseを返しますね。
ということは、これをそのままif文の中にいれると何が起こるでしょう。

if(x > 3){alert("3より大きいです")}

もし、xが3より大きいなら、x > 3は、trueになりますね。if(){}では、まず()の中身が計算されます。
つまり、上記の式はまず、

if(true){alert("3より大きいです")}
となり、trueなので、alert("3より大きいです")が実行されます。

このようにif文を書いていく訳ですね!


135:名無しさん@おーぷん 2016/02/12(金)23:18:34 ID:4x7
>>131
なるほど!乙です!


132:名無しさん@おーぷん 2016/02/12(金)23:13:38 ID:aPI
はい。というわけで、"ぬるぽ"なら"ガッ"を返すプログラムを宿題とします。

有難うございました。
スポンサーサイト

Comment













非公開コメントにする
Trackback

Trackback URL

RSS

カウンター
Lc.ツリーカテゴリー
ブログランキング
アクセスランキング
[ジャンルランキング]
その他
43位
アクセスランキングを見る>>

[サブジャンルランキング]
その他
40位
アクセスランキングを見る>>
最新コメント
Powered
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。