【VIP】プログラミング教えるよー、意識高い系の暇人来い てんこもり。


powered by てんこもり。

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

1: 名無しさん 2016/02/12(金)20:38:28 ID:aPI

・暇人対象
・どの言語教えたらいいのか分からないので、ブラウザがあれば出来るからjavascript教えてみる。
・他の言語の方がいいならそっちやる。ただしスレ主は別に凄腕プログラマではないから、
初心者向けの本よめば分かることぐらいしか教えられない。

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

はじめまーす




10: 名無しさん 2016/02/12(金)20:43:11 ID:aPI

初めに

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

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

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

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

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

ここまでで質問ある人


12: 名無しさん 2016/02/12(金)20:43:53 ID:aPI

ごめん、嘘、shiftも一緒に押して


21: 名無しさん 2016/02/12(金)20:48:50 ID:aPI

出ましたか?とりあえず、そこに

3 + 5

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


22: 名無しさん 2016/02/12(金)20:48:54

こういうのまってた


23: 名無しさん 2016/02/12(金)20:49:04

ほうほう


32: 名無しさん 2016/02/12(金)20:57:24

F12を押して出た画面でコンソールとかいう所を開いて
3 + 5って入れたら8が出てきた
初めてパソコンを触る子供みたいな気分だw
ふだん当たり前に使ってるけどコンピュータの仕組みを全然知らないんだと気付かわれますわ


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

>>37
先生、webページからのメッセージ とかいう空白のウィンドウが開いてしまって
何も起こりません


42: 名無しさん 2016/02/12(金)21:05:37

>>40
先生じゃないけどそれでOKやで


45: 名無しさん 2016/02/12(金)21:07:27 ID:aPI

>>40-41

成功です!この命令は、メッセージを出すものです。

alert("Open Vip");

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


38: 名無しさん 2016/02/12(金)21:03:27

ちなみに

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


43: 名無しさん 2016/02/12(金)21:06:29

OKなんですか!?
ありがとう


47: 名無しさん 2016/02/12(金)21:08:40 ID:aPI

" " を省略すると、失敗してしまいますのでお気をつけください。


49: 名無しさん 2016/02/12(金)21:08:53

できた!


50: 名無しさん 2016/02/12(金)21:09:15

質問ですコントロールキーとは何でしょうか


53: 名無しさん 2016/02/12(金)21:10:11 ID:aPI

>>50
質問ありがとうございます。キーボードの左下にある、Ctrlと書かれたキーのことです。


57: 名無しさん 2016/02/12(金)21:13:52

>>53
なるほど!ありがとうございます
次の質問なんですがjsはエディターに書き込んで作るんですか?


59: 名無しさん 2016/02/12(金)21:16:10 ID:aPI

>>57
その通りです。どのプログラム言語でも、エディターに書き込んで作るのは変わりません。
しかし、ひとまずはメモ帳で十分です。また、エディターにいちいち書き込んでそれを読み込まなくても、
簡単な確認ならコンソールだけで出来ます。


118: 名無しさん 2016/02/12(金)22:17:15

>>59
なるほど!ありがとうございます!
最後の質問なんですがjsとHTMLとCSSの関係性を簡単にお願いします


120: 名無しさん 2016/02/12(金)22:22:16 ID:aPI

>>118

HTML...ページの文章にタグによって構造を与える。要はテキストを分類できる。ここは段落、など。
CSS...HTMLの見た目を決めることが出来る。昔はHTML自体に見た目も指定していたが。構造と見た目で
役割分担することで、すっきりとまとまるようになった。
javascript...プログラム言語。ブラウザで動く。HTMLやCSS自体を操作することも出来る。通常の
プログラミングも行える。


51: 名無しさん 2016/02/12(金)21:09:27

()の中の物が表示されるんですな


58: 名無しさん 2016/02/12(金)21:14:45 ID:aPI

出題して一区切りします。

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

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


61: 名無しさん 2016/02/12(金)21:16:51

できた!


62: 名無しさん 2016/02/12(金)21:17:02

でけたべ!


63: 名無しさん 2016/02/12(金)21:19:37

alert("99999999*99999999");って入力してEnter押すと
ウィンドウ内に99999999*99999999と表示されるだけで計算結果が出ないです…

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


65: 名無しさん 2016/02/12(金)21:21:11

>>63
ヒント:セミコロンはその中身が文字であることを表す。つまり・・・


68: 名無しさん 2016/02/12(金)21:25:30

>>65
×セミコロン
○ダブルクォーテーション


64: 名無しさん 2016/02/12(金)21:20:41

あれ、出来てないのは自分だけか
何故だろう


66: 名無しさん 2016/02/12(金)21:22:31 ID:aPI

>>64
赤い文字でエラーが出ていますか?出ていたら教えて下さい


70: 名無しさん 2016/02/12(金)21:26:03

駄目だあ
どうしてだろう

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


71: 名無しさん 2016/02/12(金)21:26:25

あるものが要らない


73: 名無しさん 2016/02/12(金)21:27:36

""が要らなかったのか!
計算結果が出ました
どうもありがとう


74: 名無しさん 2016/02/12(金)21:32:02 ID:aPI

進めます。

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

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

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

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


80: 名無しさん 2016/02/12(金)21:37:28 ID:aPI

プログラム言語には、この型をすごく厳格に処理するする言語もありますが、javascriptは、
かなり型が緩い言語ですので、意識する必要はあまりありません。java等をやったことがある人は、
javascriptの型の緩さに困惑するかもしれません。あまり気にしない方がいいでしょう。


81: 名無しさん 2016/02/12(金)21:39:25 ID:aPI

次は代入を学びます。とりあえず、次の分を一行ずつ実行して下さい。

number = 5
alert(number)


82: 名無しさん 2016/02/12(金)21:39:57 ID:aPI

すいません、誤字が多いです。


83: 名無しさん 2016/02/12(金)21:40:48

ウィンドウの中に「5」っていうものが出てきました


84: 名無しさん 2016/02/12(金)21:41:52 ID:aPI

numberには何が入っているでしょうか?numberとだけ入力してエンターを押してみましょう。
予想は付くと思いますが・・・


87: 名無しさん 2016/02/12(金)21:43:27

5って出るにゃ


88: 名無しさん 2016/02/12(金)21:43:28

5が出ました


89: 名無しさん 2016/02/12(金)21:44:16 ID:aPI

では、次のプログラムを実行するとどうなるでしょうか?

number = 5
number = 8

alert(number)


92: 名無しさん 2016/02/12(金)21:45:06

8


93: 名無しさん 2016/02/12(金)21:45:39

楽しい


94: 名無しさん 2016/02/12(金)21:47:22

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: 名無しさん 2016/02/12(金)21:49:20

5か?


99: 名無しさん 2016/02/12(金)21:49:24

2かな


101: 名無しさん 2016/02/12(金)21:50:31

8だ


102: 名無しさん 2016/02/12(金)21:50:39 ID:aPI

自分で実行して答えを確かめてもいいですよ。5分後に答え合わせと解説です。


103: 名無しさん 2016/02/12(金)21:51:05

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

良スレ乙
内容はどのくらいまで進める予定ですか?


108: 名無しさん 2016/02/12(金)21:57:56 ID:aPI

>>106
とりあえず、基本構文、(代入、if文、for文、while文、関数定義)
くらいまでは進めます。進行速度とかはまだ決めてないです。

その後は、意見を聞いて、簡単なゲームとかを作ってもらおうと思いますが未定です。


110: 名無しさん 2016/02/12(金)22:00:45

>>108
おおおお!
よくわかんないけど全部できたらすごそう


112: 名無しさん 2016/02/12(金)22:08:09 ID:aPI

ここまでは大丈夫ですかー?進行早かったら言って下さい。

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

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

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

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

3 < 5

5 < 3

3 == 5

5 == 5


114: 名無しさん 2016/02/12(金)22:11:54

まずプログラミングの画面になりません…


116: 名無しさん 2016/02/12(金)22:13:30 ID:aPI

>>114
F12を押してみましたか?


117: 名無しさん 2016/02/12(金)22:16:32

>>116
Shift、Ctrl、F12を同時押しだよね?
一応J.Kの場合を試したけどならない


119: 名無しさん 2016/02/12(金)22:17:27

JSを学びなおしたいと思ってた俺にぴったりのスレだわ

>>117
F12だけでいける


122: 名無しさん 2016/02/12(金)22:25:51

>>119
したけどならんぞ…
ExplorerってWindowsのやつだよな…


123: 名無しさん 2016/02/12(金)22:27:17 ID:aPI

>>122
この記事に出てくるブラウザを使っていますか?

53

https://msdn.microsoft.com/ja-jp/library/gg589500%28v=vs.85%29.aspx


128: 名無しさん 2016/02/12(金)22:51:19

>>123
自分のはexplore11だから載ってないことになるのかな?


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です!")}


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

>>131
なるほど!乙です!


132: 名無しさん 2016/02/12(金)23:13:38 ID:aPI

はい。というわけで、"ぬるぽ"なら"ガッ"を返すプログラムを宿題とします。

有難うございました。


136: 名無しさん 2016/02/12(金)23:48:26

>>132
#include <stdio.h>
#include <stdlib.h>
#include <signal.h>

void gax(int signal)
{
  printf("ガッ\n");
  exit(1);
}

int
main()
{
  long i;

  scanf("312", &i);
  signal(SIGSEGV, &gax);
  printf("b0\n", *(unsigned int *)i);
  return(0);
}


138: 名無しさん 2016/02/13(土)00:23:33

>>136
C言語まともに勉強してないから詳しくわかんないけど面白いな。
なんでこれでセグメンテーション違反が起きるのか分からないけど。
というかsignal();自体初めて知った。


139: 名無しさん 2016/02/13(土)02:38:26

nurupo = "ぬるぽ"
if(nurupo == "ぬるぽ"){"ガッ"}

これでいいのかな?
1乙


140: 名無しさん 2016/02/13(土)14:13:36

>>139
俺も同じ


141: 名無しさん 2016/02/13(土)21:37:06

論理演算とif文を別々にちゃんと教えてるところが丁寧だね

小学生からはじめるわくわくプログラミング
阿部 和広
日経BP社
売り上げランキング: 1,468

関連記事


コメントの投稿

非公開コメント

♯56554
基礎的すぎてギョエーーってなる。
ま、プログラムをしたことのない人間はこれぐらいがちょうどいいんだろうな。
♯56557
はぇ~、凄い丁寧...

続スレあるんかな? あるならまた取り上げちくり~
かうんたっく

買って得したスレをまとめてチェック!
買って、得したな~と思うもの まとめ
最近の記事
ここ一ヶ月でアクセスの多かった記事
はてブで見るてんこもり。 (新)
はてブで見るてんこもり。
カテゴリー
検索フォーム
年度別おすすめ記事
アクセス解析

なかのひと

ブログパーツ
プロフィール

Author: かずな
メールはtenkomoあっとgmail.comまで
ヘッドラインはメールとか逆アクセスで
当ブログはAmazonアソシエイトに参加しています

元管理人 もら太
更新情報はこちら!↓

携帯からもてんこもり!
QR
月別アーカイブ
最近のコメント
リンク
スポンサーリンク