プログラミング

プログラミング学習

独学 プログラミング 学習 JavaScript ブロック崩し 解説 第7回

0からjavascriptでブロック崩しゲームの作成を8記事に分けて1行ずつ解説しています。初めてプログラミングに触れる独学の方にも楽しく、わかりやすくをモットーにプログラミングに触れてみましょう。プログラミングに興味を持っていただけると光栄です。
プログラミング学習

独学 プログラミング 学習 JavaScript ブロック崩し 解説 第6回

今一度、完成形をイメージしましょう 前回から、またぎまして第6回ではブロック部品の初期位置を引き続き解説させていただいます。 1.画面枠 2.ボール 3.ボールを跳ね返すボード 4. ボールが当たると消えるブロック 5.部品の位置 6. ゲ...
プログラミング学習

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第5回

今一度、完成形をイメージしましょう 前回から、またぎまして(5)ではブロック部品の初期位置を引き続き解説させていただいます。1. 画面枠 2. ボール 3. ボールを跳ね返すボード 4. ボールが当たると消えるブロック 5. 部品の位置 6...
プログラミング学習

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第4回

今一度、完成形をイメージしましょう 今回はボールが当たると消えるブロック部分に 注目して作っていきます。 画面枠 ボール ボールを跳ね返すパドル ボールが当たると消えるブロック 部品の位置 ゲームの動き もう一度プログラム全体をみてみよう ...
プログラミング学習

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第3回

全8回のうちの3回目、ブロック崩しゲームの、ボールを跳ね返すボード部分のプログラミング解説になっています。
プログラミング学習

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第2回

プログラミング学習に必要なこと イメージする力 ゲーム画面を見てみて、必要なパーツがおもい うかぶでしょうか? プログラムを描くと考えた場合次のように見えています。 必要な部品を考える。 画面枠 ボール ボールを跳ね返すボード ボールが当た...
JavaScript

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第1回

初心者の方にもわかりやすく1行ずつ意味をみていきます! それでは、一行ずつ丁寧に意味を考えながら噛み砕いていきます! 実際のプログラムを見ながら読むと効果的です。 ゲームの画面をイメージしよう 左のような画面が実際にゲームの画面になります。...
プログラミング学習

独学 プログラミング 入門 JavaScript ブロック崩し 解説 第0回

お家で自由研究を なかなか、外出をして自由研究を...難しいご時世になってしまいました。 そこで、パソコン1台でプログラミング学習を、無論これから学習を始めてみたい大人の方も お子様と一緒にプログラミングをしてみようと考える大人の方にもブロ...
プログラミング学習

独学 プログラミング 入門 JavaScript 初めの一歩 丁寧解説

JavaScript Step1を1行単位で解説 ドキュメントタイプを宣言しています。 いわゆる、これから これを書きます!と宣言します。 HyperText Markup Language(ハイパーテキストマークアップランゲージ)をここか...
プログラミング学習

独学 プログラミング 入門 JavaScript 初めの一歩 PC環境設定 解説

環境設定からはじめましょう  さっそくプログラミングを始めていきます。 今回使いますのは.... パソコンを買った際、必ず入っているアクセサリー『メモ帳』です! パソコンを買った際、必ず入っているコチラ 『メモ帳』のみです! ホームボタン横...