おためし受講中

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

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

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

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

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

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

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

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

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:29  (01:23 ~ )
    作成するHTML製ミニアプリ操作共通
    01:58  (03:52 ~ )
    プログラミングの概念について
    11:55  (05:50 ~ )
    Google Chromeコンソールの使い方
    08:43  (17:45 ~ )
    電卓(101_calc.html)
    07:42  (26:28 ~ )
    文字数カウント(102_calc2.html)
    02:41  (34:10 ~ )
    文字列置換(301_strlrep.html)
    03:09  (36:51 ~ )
    文字数カウント2(202_strlen2.html)
    04:03  (40:00 ~ )
    文字列置換(302_strlrep2.html)
    01:55  (44:03 ~ )
    電卓2(102_calc2.html)
    04:05  (45:58 ~ )
    おまけ
    02:25  (50:03 ~ )
    【後半】質疑応答
    Q:良いサンプルプログラムと、イマイチなサンプルプログラムの見分け方は?
    01:23  (52:45 ~ )
    Q:先生の本以外で、お勧めの挫折しないJavaScriptの入門書籍はありますか?
    00:42  (54:08 ~ )
    Q:置換もチェックのON/OFFで設定/解除が出来るのでしょうか?
    01:00  (54:50 ~ )
    Q:Webサイト制作では、jsとphpをよく使用すると思いますが、使い分けはどのようにされていますか?
    01:10  (55:50 ~ )
    Q:プログラミングの数字は何故、0からなんですか?
    01:00  (57:00 ~ )
    Q:今回のお手本アプリは、Googleさんにライブラリを御借りしてるとの事ですが、オフライン状態だと動かなくなるんでしょうか?
    01:03  (58:00 ~ )
    Q:IEでのみ出るエラーに悩まされる時がありますが、エラーを調べて行く為のコツやツールがありますか?
    00:53  (59:03 ~ )
    Q:ライブラリをどのように探していますか?
    01:18  (59:56 ~ )
    Q:知っていたら便利なjsのコードはありますか?
    01:23  (1:01:14 ~ )
    課題発表
      (1:02:37 ~ )