chevron_left ノンプログラマーでも明日から使えるJavaScript簡単プログラム

ノンプログラマーでも明日から使えるJavaScript簡単プログラム

PREMIUM
第1回

ノンプログラマーでも明日から使えるJavaScript簡単プログラム

2014年2月11日 60min

会員登録して、全てのスライドを見よう

1 / 62

授業の概要

この授業は、プログラムを書いたことがない人やプログラムに挫折した人でも、プログラミングに親しんでもらうことを目標にしています。また、明日から仕事に応用できるプログラミングのテンプレートもご紹介できればと思います。

まずは授業中に、簡単なテンプレートを書き換えるだけで、「電卓」や「文字数カウントツール」など、便利なミニアプリを作ってみます。

作ったあとは、そのプログラムがどのように動いているのか解説をして、カスタマイズの仕方も説明します。

プログラムはスポーツと同じで、実際に体を(コードを)動かしてみないと、理解は進みません。ですので、ものすごく簡単なプログラムの改造から、まずは「動くコード」に親しみましょう。

●作る予定のHTML製ミニアプリ

・電卓
 1.入力欄に計算式を入力。
 2.ボタンをクリック。
 3.出力欄に計算結果が出力。
 学ぶこと:
  ・HTMLからの文字の取得。
  ・HTMLへの文字の出力。
  ・変数。
・文字数カウントツール
 1.入力欄に文章を入力。
 2.ボタンをクリック。
 3.出力欄に文字数が出力。
 学ぶこと:
  ・文字列。
  ・文字列の長さ。
  ・文字の置換。

チャプター

play_arrow
自己紹介&アジェンダ
02:29
play_arrow
作成するHTML製ミニアプリ操作共通
01:58
play_arrow
プログラミングの概念について
11:55
play_arrow
Google Chromeコンソールの使い方
08:43
play_arrow
電卓(101_calc.html)
07:42
play_arrow
文字数カウント(102_calc2.html)
02:41
play_arrow
文字列置換(301_strlrep.html)
03:09
play_arrow
文字数カウント2(202_strlen2.html)
04:03
play_arrow
文字列置換(302_strlrep2.html)
01:55
play_arrow
電卓2(102_calc2.html)
04:05
play_arrow
おまけ
02:25
play_arrow
Q:良いサンプルプログラムと、イマイチなサンプルプログラムの見分け方は?
01:23
play_arrow
Q:先生の本以外で、お勧めの挫折しないJavaScriptの入門書籍はありますか?
00:42
play_arrow
Q:置換もチェックのON/OFFで設定/解除が出来るのでしょうか?
01:00
play_arrow
Q:Webサイト制作では、jsとphpをよく使用すると思いますが、使い分けはどのようにされていますか?
01:10
play_arrow
Q:プログラミングの数字は何故、0からなんですか?
01:00
play_arrow
Q:今回のお手本アプリは、Googleさんにライブラリを御借りしてるとの事ですが、オフライン状態だと動かなくなるんでしょうか?
01:03
play_arrow
Q:IEでのみ出るエラーに悩まされる時がありますが、エラーを調べて行く為のコツやツールがありますか?
00:53
play_arrow
Q:ライブラリをどのように探していますか?
01:18
play_arrow
Q:知っていたら便利なjsのコードはありますか?
01:23
play_arrow
課題発表