chevron_left

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

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

2014年2月11日 60min
ノンプログラマーでも明日から使えるJavaScript簡単プログラム play_arrow おためし受講

スライド資料

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

1 / 62

授業の概要

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

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

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

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

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

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

担当の先生／パーソナリティ

チャプター

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
課題発表