ホームプログラミング

プログラミングの楽しさが帰ってきた

ふた昔前のコンピュータには、たいていBASICと呼ばれるプログラムを作るしくみがついていて、 小学生、中学生、高校生から手軽にプログラムづくり(プログラミング)を楽しむことが出来ました。 ほんの数行のプログラムを書くだけで四角や丸を自由に描いて楽しめました。

その後、コンピュータはとても便利になりましたが、単純なことを簡単に行うことは難しくなりました。 画面に四角を1つ描くにもいろいろと準備がめんどうになってしまいました。 四角くらい手軽に描きたい!


HTML5のJavaScriptによる楽しいプログラミング

そこに、HTML5(とJavaScriptとCSS3)という新しい革新的な技術があらわれました。 コンピュータ(パソコン、PC)があれば、始めからコンピュータについている「メモ帳」 などのテキストエディタと、「インターネットエクスプローラ」などのWebブラウザを 使うだけで、手軽にプログラミングを楽しむことができます。 プログラムを動かすだけでなく、プログラムを作ること自体を単純に楽しめます。 おどろいて、発見して、楽しんでください。


とりあえず試しに四角を描いてみよう

難しいことは抜きにして、とにかく短いプログラムで簡単に試してみましょう。
つづきは、こちらのはじめに からどうぞ。


目次

入門編

  1. はじめに
  2. 1. とにかく四角や丸を描いてみよう
    1. 1.1 とりあえず四角を描いてみる
    2. 1.2 四角の色を変えたり、たくさん描いてみる
    3. 1.3 丸も描いてみる
    4. 1.4 線も描いてみる
    5. 1.5 もっといろんな形を描いてみる
    6. 1.6 かんたんにまとめ

基本編

  1. 2. もっとラクにいろいろ描きたい
    1. 2.1 ラクをするために
    2. 2.2 魔法の入れものでラクをする(その1その2)
    3. 2.3 繰り返しをラクにしたい
    4. 2.4 特別な場合をラクにしたい
    5. 2.5 文のかたまりをラクに書きたい
    6. 2.6 かんたんにまとめ

  2. 3. 絵を動かしたい
  3. 4. マウスに反応させたい

発展編

  1. 5. さらに思い通りにきれいに描きたい
  2. 6. もっとかしこく描きたい
  3. 7. さらにラクをしたい

付録

  1. 付録A 参考になる情報
  2. 付録B ギャラリー (お絵描き集1)