キッズ プログラミングタイピング

Webアプリ / 学習コンテンツ / JavaScript

小学生やプログラミング初心者を対象にした、ブラウザで利用できるプログラミングタイピング教材を制作しました。

一般的な文字入力のタイピングではなく、プログラミング学習の初期につまずきやすい記号入力やコード入力に慣れることを目的としています。

目次

制作の目的

プログラミングを初めて学ぶ方にとって、コードの意味を理解することとは別に、

「記号の場所が分からない」 「コードを入力するだけで時間がかかる」

というキーボード操作そのものが学習の負担になることがあります。

そこで、いきなり長いコードを書くのではなく、

キー・記号の練習 → JavaScriptコード入力 → コードを考える練習

と段階的に進められる構成にしました。

主な機能・特徴

  • プログラミングで使用するキー・記号の入力練習
  • JavaScriptコードのタイピング練習
  • コードの内容を考えるロジック問題
  • 初心者でも順番に進められるステップ形式
  • ブラウザ上ですぐに利用できる構成
  • 子どもだけでなくプログラミング初心者にも対応

制作で意識したこと

タイピング速度だけを競うのではなく、プログラミングへの入り口として使える教材になることを重視しました。

最初からコードを理解することを求めず、まずは表示された内容を見ながら正確に入力するところから始めます。

繰り返し入力する中で、JavaScriptで使われる英単語や記号、コードの形を少しずつ目にすることで、その後のプログラミング学習につなげられるよう設計しています。

また、子ども向けに限定しすぎず、これからJavaScriptを学ぶ大人の初心者にも利用しやすい内容を目指しました。

この記事を読んで、もう少しサポートが必要な方へ

Web制作やデザインについて、学習のサポートから実際の制作まで承っています。
現在のお悩みに近い方をお選びください。

自分で作れるようになりたい方

HTML・CSS、JavaScript、PHP、WordPress、Figmaなどの学習や、制作中の課題についてサポートしています。

  • 「コードがうまく動かない」
  • 「デザインや制作物を確認してほしい」
  • 「次に何を学べばよいか相談したい」

といった段階でも大丈夫です。現在の状況を伺いながら、一緒に解決方法を考えます。

MENTAで学習サポートを見る

制作を依頼したい方

Webサイトの新規制作・リニューアル、WordPressの修正や運用、デザイン・コーディングなどを承っています。

  • 「何から相談すればよいか分からない」
  • 「まだ内容が具体的に決まっていない」

という場合でも問題ありません。ご希望やお困りごとを伺い、必要な内容を整理してご案内します。

サービス内容・料金を見る

この記事が気に入ったら
フォローしてね!

  • URLをコピーしました!
目次