[Labyrinthe Noir]>[Top]>

JSこども工作教室

こどもと一緒にゲームを作りたくて、JavaScript(ジャバスクリプト)でプログラミングの楽しさを体験してもらうための教材を作ることにしました。

最初は意味が判らなくても大丈夫です。まずは、動かしてみて何が起きるのか見てみましょう。
1つ1つ過程を追いかけながら作って行きますので、その都度、何のための作業なのか確認しながら進めましょう。

用意する物は、テキストエディタとブラウザです。できれば、親子でチャレンジしてください。

遊んでみる 作ってみる 内容 作成日
サイコロ ソースと解説 まずは簡単なサイコロを作ってみよう。基本的な作業の進め方も学べます 2011以前
マルチダイス   2面〜144面までの多面体で、10個までのサイコロを振ることができます。 2015/6/3
スロットゲーム ソースと解説 小2の娘のアイデアを聞きながら作ってみた 2011以前
スロットゲーム2 ソースと解説 記号を動物の絵に変更して、点数の記録を表示 2011以前
スロットゲーム3 ソースと解説 動きのあるスロット画面にし、想定外の操作への対処を実施 2011以前
じゃんけん ソースと解説 じゃんけんゲーム 2011以前
すごろく ソースと解説 4人まで参加可能なマス目のないすごろく。名前を入れないとサイコロを振ることができない 2011以前
すごろく2 ソースと解説 イベント対応型のすごろく 2011以前
たすひく計算ゲーム ソースと解説 簡単な足し算と引き算のゲームです 2011以前
九九しりとり ソースと解説 九九の勉強を兼ねたしりとりゲームです。答えの一の位を使ってしりとりします 2011以前
九九しりとり2   5の段の問題点を改良したルール改善版 2011以前
ストップウォッチ ソースと解説 簡単な仕組みのストップウォッチです。一時停止もできます 2011以前
キッチンタイマー ソースと解説 カウントダウンのタイマーです 2011以前
アナログ時計 ソースと解説 HTML5とCSS3で作るアナログ時計。画像は自由に置き換え出来ます 2012/10/5
電卓 ソースと解説 計算機を作ろう。数字のボタンと四則演算のボタンを使うまさに電卓 2011以前
記述式計算機 ソースと解説 式を書き込んで演算できる計算機。関数を使って複雑な計算ができる 2011以前
万年カレンダー1 ソースと解説 まずは今月のカレンダーを作りましょう。PCの日付に連動して自動的に表示されます 2011以前
万年カレンダー2 ソースと解説 100年前後に対応した万年カレンダーを作ります。ソースの最後に応用カレンダーも紹介しています 2011以前
フラッシュナンバー ソースと解説 数値を連続で表示して足し算する問題を作るスクリプトです。フラッシュ暗算とも言いますね 2012
三択クイズ ソースと解説 問題と選択肢を表示し、連続して解答した結果を最後に表示します 2013/11/9
アンケート調査   三択クイズを改良し、ポイント集計型のアンケート調査ができます。 2013/11/9
テキストRPG ソースと解説 三択クイズを改良し、テキスト型のロールプレイングゲームを作ります。 2013/11/10
ゲームブック(作例) ソースの解説 テキストを読み、選択肢を選んで進む、ブックタイプのロールプレイングゲームです 2013/1/26

(注1)現在、各ファイルはHTML5規格に基づき、UFT-8でエンコードされたテキストで保存されています。

(注2)完成品を自分の作品として公開したい場合、こちらの注意点をよく読んでください。

戻る