LaravelでTypeScriptを使う。(2)
2020
子供とプログラミングを始めよう。【キャラクターを動かす2】
前回作ったキャラクターを動かす動作で、右に向かって動いている場合は、右をっ向いていますが、左に動かした場合にも右を向いています。 今回は、進行方向に正しく向きを変えるように修正します。 スプライトの向きを変える スプライト(猫のキャラクター...
子供とプログラミングを始めよう。【キャラクターを動かす】
今回は、スパーマリオのようなのキャラクターの動きを作ってみます。 この様なキャラクターはアクションゲームを作る際に基本となる動きとなりますので いろいろなイベントを処理しやすいようにイベント事にを分けて作ります。 キャラクターの動作のアクシ...
子供とプログラミングを始めよう。【制御】
スクラッチの動きをコントロールするために使うのが「制御」です。 制御の中には、繰り返しや条件分岐などプログラムの基本となる部分が多く含まれます。 今回はキャラクターに動きを加えてみます 猫のキャラクターが左から右に走り、何かにぶつかったら「...
コロナウィルスの影響で小中高校が臨時休校
うちでも小学生の息子が臨時休校になると思います。 家でじっとしてろ!と言っても、なかなか大変。外に遊びにも行けず、テレビ見るかゲームするか時間を持て余しそうです。 この機会に、今年から始まるプログラミングの習得に時間を使ってみてはいかがでし...
子供とプログラミングを始めよう。【動きと見た目】
最初のプログラム「動きと見た目」を使ってプログラムを作ります。少しだけ「イベント」と「制御」も出てきます。 動きについて コードタブに左にある青色の●印の下に動き、と書かれたボタンを押します。 そうすると「動き」に関連した命令ブロックが表示...
子供とプログラミングを始めよう。【スクラッチの画面の見方】
今回はスクラッチの画面構成を解説します 画面の構成 スクラッチは大きく分けて3つの画面からなります それぞれ役割があるので覚えておきましょう コード編集画面 一番使う画面です。ほとんどの作業はここで行います。 メニュー(全画面共通) 新しい...
子供とプログラミングを始めよう。【キーボードの使いかた】
今回はパソコンの基本、キーボードの使いかた。 さて、早速プログラム作りに入りたいところですが、じつはまだプログラムに入る前に知っておくことがあります。 まだキーボードの使い方を理解していないからです。 プログラムを作る前にまずキーボードの操...
子供とプログラミングを始めよう。【必要な機材とソフトウェア】
今回はスクラッチを始めるに当たり必要な機材とソフトウェアについて書きます。 プログラミングは2020年から小学校の必修科目になりました。 マニュアルがなく…プログラミング教育、悩む教員:Yahooニュース 多くのプログラミング教室ではScr...
Django + Vue.jsでシステム開発! (20)
Python(Django)+Vue.js(Nuxt.js,Vuetify)を使ったシステムの開発です。 前回掲載したコードを説明します。 基本的にVue.jsの記述ですので、わかっている方は読み飛ばしてください。 .vueファイルは大きく...
Django + Vue.jsでシステム開発! (19)
Python(Django)+Vue.js(Nuxt.js,Vuetify)を使ったシステムの開発です。 今回はショッピングページを作ります。 このページではVueのコーディングが多数入ります。 ショッピングページ % vi pages/s...