10歳からのプログラミング ホームページやゲームをつくってみよう

詳細目次

1．プログラミング教室へようこそ
1-1 プログラミング教室へようこそ
1-2 スクラッチについて
1-3 スクラッチを使えるようにしよう
1-4 ネコを動かしてみよう
1-5 作品を保存しよう
1-6 こんなことができるかな
2．プログラミングに共通した基本
2-1 もう少すこしプログラミングの基本に触れてみよう
2-2 変わる数「変数」
2-3 リストを使ってみよう
2-4 もし～なら
2-5 繰り返し
2-6 これからもスクラッチを使ってみてね
コラム プログラムの入力に使うソフトウェアについて
3．Webプログラミングの世界へようこそ
3-1 Webプログラミングの世界へようこそ
3-2 準　備
3-3 ネコを動かしてみよう
3-4 本当にネコを動かそう
3-5 数字を変えて、遊んでみよう
3-6 使ったファイルについて
3-7 HTML（エイチティーエムエル）
3-8 CSS（スタイルシート）
3-9 JavaScript（ジャバスクリプト）
4．文字の表示方法と変数という入れ物ものについて
4-1 何もないところからプログラムを書いてみよう
4-2 コンソールに文字を出してみよう
4-3 エラーを出してみよう
4-4 計算について
4-5 値
4-6 算術演算子
4-7 変　数
4-8 計算してみよう
4-9 変数のつくり方と使い方
4-10 プログラミングの入り口
5．どっちを実行するか選ぶ（if）
5-1 ここでは「if」という構文を学ぶよ
5-2 おみくじ
6．繰り返し処理をする（for）
7．同じ目的のデータを入れる入れ物もの（配列）
8．プログラムからちがうプログラムを呼び出す（関数）
9．「オブジェクト」ってなんだ？
9-1 オブジェクトとは
9-2 「タイミングを計る」ゲームをつくろう
10．「オブジェクト」を動かしてみよう
11．CSS（スタイルシート）ってなんだ？
12．CSS（スタイルシート）を使ってみよう
13.「スロット」ゲームをつくろう①（HTML5）
13-1 「スロットゲーム」の実行
13-2 「スロットゲーム」のプログラムの入力
13-3 【HTML5編】数を変えて、変化をみてみよう
13-3-1 タイトルの表示【＜ｔｉｔｌｅ＞タグ～＜／ｔｉｔｌｅ＞タグ】
13-3-2 HTML5の【＜ｉｎｐｕｔ＞タグ　ｖａｌｕｅ＝】
13-4 「スロット」ゲームをつくろう③絵がらの表示
13-4-1 HTML5の【＜ｉｎｐｕｔ＞タグ　ｏｎＣｌｉｃｋ＝】
13-4-2 HTML5の【＜ｉｍｇ＞タグ】
13-4-3 HTML5の「まとめ」(1行目～8行目・96行目～119行目の説明)
14.「スロット」ゲームをつくろう②（CSS）
14-1 CSSで配置を決定する【Text-align:】
14-2 CSSで文字の大きさを変える【font-size:】
14-3 CSSで外側の余白（白い部分）を変える【margin:】
14-4 CSSで内側の余白を変える【padding:】
14-5 CSSでボタンの角をまるめる【border-radius:】
14-6 CSSの「まとめ」（9行目～20行目の説明）
15.「スロット」ゲームをつくろう⑤自分でつくる（JavaScript）
15-1 スロットの絵の表示速度（絵の変化する速さ）を変えてみる【setInterval】
15-2 スロット画像のストップについて値を変えてみよう【clearInterval】
15-3 JavaScriptの「まとめ（22行目～94行目の説明）