【JavaScript】ノベルゲーム風にキー入力で文字を切り替える方法！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。 前回、文字を一文字づつ表示させる方法と改行の方法を紹介しました。 今回はこのプログラムに、キー入力によって文字を切り替えられる機能をつけてみましょう。
...read more
【JavaScript】改行と一文字ずつ画面に表示する方法！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。 このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。 前回、画面に文字を表示するためのクラスを作ったのですが、それをもう少しアレンジして、もっと […]
...read more
【JavaScript】文字を表示するクラスを作ってみよう！ 小学生からのプログラミング入門
小学生からのJavaScript講座です。 このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。 シリーズの一覧はこちらをご覧ください。 さて、ゲーム作成で重要なキャラ移動などのプログラム […]
...read more
【JavaScript】プログラム全体をクラスを使って作ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座（こうざ）、第１３弾です。 前回はプログラミングにおける、クラスの使い方を学びました。しかし、まだクラスをどうやって使えばいいのか、ピンときていないかもしれません。 そこで今回は、これまで作 […]
...read more
【JavaScript】クラスの概念をしっかりと理解しよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座（こうざ）、第１２弾です。 前回はマップ上をキャラクターが自由に動くことができるようにしました。 今回はES6から使われるようになった「クラス」という機能を使ってみたいと思います。ちょっとだ […]
...read more
【JavaScript】マップでキャラを動かせるようにしよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座（こうざ）、第１１弾です。 前回は、JavaScriptでのマップの作り方を紹介（しょうかい）しました。 しかし、まだマップを配置（はいち）しただけで、キャラクターの画像（がぞう）を表示（ひ […]
...read more
【JavaScript】迷路やRPGで使えるマップを作ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座（こうざ）、第１０弾です。 前回はHTML5とCanvasを使って、キャラクターがキーボードの入力（にゅうりょく）で移動（いどう）するところまで、紹介（しょうかい）しました。 さて、今回（こ […]
...read more
HTML5とCanvasを使ってみよう！ 小学生からのプログラミング入門
小学生からのプログラミング講座（こうざ）、第９弾です。 これまでの講座（こうざ）では、JavScriptの基本（きほん）について学び、キャラクターの操作（そうさ）ができるようになりました。 ここからはゲーム開発（かいはつ […]
...read more
【JavaScript】キャラを決まった間隔ずつ動かす！ 小学生からのプログラミング入門
小学生からのプログラミング入門講座（にゅうもんこうざ）、第８弾です。 前回は、キャラクターの画像（がぞう）をスムーズに動かす方法でしたが、スピードが速すぎたので、画像の移動間隔（かんかく）を短くする方法も含（ふく）めて紹 […]
...read more
【JavaScript】ゲームのメインループを作ってみよう！ 小学生からのプログラミング入門
小学生からのJavaScript入門講座（にゅうもんこうざ）、第７弾です。 突然（とつぜん）ですが、ゲーム開発（かいはつ）の基本として大切なことってなんだったか覚えていますか？ そうです。「変数（へんすう）」、「条件分岐 […]
...read more
【JavaScript】オブジェクトを使ってみよう！ 小学生からのプログラミング入門
小学生からのJavaScript入門講座（にゅうもんこうざ）、第６弾です。 前回の講座（こうざ）では、HTMLやCSS、JavaScriptを分けて管理（かんり）する方法を紹介しました。 今回はオブジェクトの作り方につい […]
...read more
【JavaScript】ファイルを分けて管理してみよう！ 小学生からのプログラミング入門
小学生からのJavaScript入門講座（にゅうもんこうざ）、第５弾です。 前回はりこちゃんを方向キーで操作（そうさ）することができるようになりました。 しかしプログラムを作ってくと、コンピュータへのお願いが増えていき、 […]
...read more