#title(第1回 はじめるゼ - そら豆スクリプト入門)


''1'' [[2>SoraMame.ps.js/入門/part.2]] [[3>SoraMame.ps.js/入門/part.3]] 4 5 6 7 8 [[>>>SoraMame.ps.js/入門/part.2]] [[目次>SoraMame.ps.js/入門]] [[用語集>SoraMame.ps.js/入門/Glossary]] [[演習回答>SoraMame.ps.js/入門/Practice]]
''1'' [[2>SoraMame.ps.js/入門/part.2]] [[3>SoraMame.ps.js/入門/part.3]] [[4>SoraMame.ps.js/入門/part.4]] 5 6 7 8 [[>>>SoraMame.ps.js/入門/part.2]] [[目次>SoraMame.ps.js/入門]] [[用語集>SoraMame.ps.js/入門/Glossary]] [[演習回答>SoraMame.ps.js/入門/Practice]]

----

プログラムを作ること、それが「プログラミング」。~
この解説文は、「プログラミング」をはじめて体験する人のための~
そら豆スクリプトの入門ガイドだ。~

そら豆スクリプトというプログラミング言語を題材にして~
とてもカンタンな例からはじめて~
プログラミングの基本中の基本となる技術を説明していって、~
最後に、ちょっとしたゲームの作り方を解説するぞ。~

#contents

*とりあえず、やってみよう [#jd103e15]

そら豆スクリプトを使うと、たとえば、~

-マウスの動きに合わせて、マルを描く

なんてことが、8行ほどのプログラムで簡単にできる。~

#ref(mouse_move.png)

どんなものができるか、ぜひキミにもトライしてみてほしい。~

+次のデモページのリンクをクリック -> [[デモページ:http://www.catch.jp/program/soramame/SoraMame_Script.html]]
+「うごかす」ボタンをクリックする
+左の灰色エリアでマウスをうごかす

#ref(demo01.png)

どうだろう。できたかな。

うまくできた人は、次のサンプルページで、いろんなサンプルプログラムをためしてみよう。

-[[サンプルプログラム>SoraMame.ps.js/Samples]]

もしも、うまくできなかった人は、次の「必要なもの」-「うまく動かなかったら」を読んでみてほしい。

*そら豆スクリプトに必要なもの [#rff58031]

さきほどの「とりあえず、やってみよう」で、そら豆スクリプトが動いた人は~
必要なものは、もう、すべてそろっている。~
プログラムを作るために追加するものはない。~

そら豆スクリプトの場合~
プログラミングを始めるために必要なものは、~
インターネットにつながったパソコンだけなんだ。~
最新の高性能パソコンでなくても、かまわない。~

まあ、スマートフォンやタブレットよりも、~
ちゃんとキーボードが付いていたほうがラクかも。~
プログラミングでは、キーボードから文字を入れる場合が、けっこうあるからね。~
でも、やってやれないことはないだろう。~


**うまく動かなかったら [#i1808383]

''もしも、さっきの「とりあえずやってみる」で、うまく動かなかった人は''~
''最新バージョンのWebブラウザでためしてみてほしい。''~


たとえば、[[Firefox:http://www.mozilla.jp/firefox/]]か[[Google Chrome:http://www.google.com/intl/ja/chrome/]]をダウンロードして~
インストールしてほしい。~

最新バージョンのWebブラウザじゃないと、そら豆スクリプトが動かないことがある。~
IEの場合、IE9以上のWebブラウザが必要になる。~

自分のパソコンじゃなくて、学校や他の人のを借りている場合は~
最新バージョンのWebブラウザを入れるように、たのんでみたり、~
最新のWebブラウザがはいったパソコンを探してみよう。~

そのとき「プログラミングを勉強したいんです」というように~
ちゃんと理由を説明すると、いいと思うぞ。~

**知っておいたほうがいいこと [#cd9266c9]

それと、そら豆スクリプトを覚えるには、~
次のような、パソコンの基本的な使い方を知っていたほうがいい。~

-Webブラウザでホームページにアクセスできる
-パソコンで、メールやワープロ文書をかける
-オンラインソフトなどをダウンロードして、使えるようにできる
--[[窓の杜:オンラインソフトの基礎知識:http://www.forest.impress.co.jp/info/]]

といった具合だが、このWebページを今よんでいる人なら、だいじょうぶだろう。~

それから、小学生の算数くらいは、まあまあ覚えていればいいかな。~

あとは、キミのやる気だけがあればいい。~

**プログラミングを身につけるには [#c2598442]

プログラミングを身につけるには、次のことが大事だと思う。~

-プログラムを実際に動かしてみること
-書いてあるプログラムを読んでみること
-自分なりに、改造してみること

ただ説明を読むだけでは、プログラミングを身につけるのは大変だ。~

でも、日本語っぽいそら豆スクリプトなら、プログラムを読むのはカンタンだ。~
それに、それをうごかしたり、改造するのもすぐにできる。~
ぜひ、じっさいにやってみてほしい。~

*そら豆スクリプトのいいところ [#ufb260f5]

こういうプログラミング学習ツールは、ほかにもいろいろあるけれど~
そら豆スクリプトのいいところは、ズバリ「日本語っぽい」ところ。~

新しい考え方や技術を学ぶとき、~
いつも使っている言葉で読んだり書いたりできると~
とてもカンタンにできるんだ(個人の感想です)。~

だから、そら豆スクリプトは、日本語っぽくプログラムを書けるようになっている。~
さっきのマルをかくプログラムだと、たったこれだけ。~

 //マウスの位置にマルを描く
 ---初期設定する{
   {幅:250, 高さ:250}のサイズ
 }
 
 ---くり返し描画する{
   {x:@マウスX, y:@マウスY}に{幅:50, 高さ:50}のマル
 }

とくに、下から2行目のところに注目してほしい。

 {x:@マウスX, y:@マウスY}に{幅:50, 高さ:50}のマル

ここが、マウスの位置に、幅50・高さ50のマルをかくための命令なんだ。~

ね、なんとなく日本語っぽいだろ。~
これなら、プログラムがどんな動きをするのか、~
わりと簡単に理解できるような気がしないか。~

ヘンな記号が少しまざっているけれど、~
これはカンタンなルールを覚えれば~
すぐに理解できるようになると思う。~

それに将来は、こういう記号をできるだけ、~
入力しなくても、すむようにする予定だ。


とはいえ、理屈っぽい話は、これくらいにして、~
いよいよプログラミングを始めてみよう。~

----

''1'' [[2>SoraMame.ps.js/入門/part.2]] [[3>SoraMame.ps.js/入門/part.3]] 4 5 6 7 8 [[>>>SoraMame.ps.js/入門/part.2]] [[目次>SoraMame.ps.js/入門]] [[用語集>SoraMame.ps.js/入門/Glossary]] [[演習回答>SoraMame.ps.js/入門/Practice]]

''1'' [[2>SoraMame.ps.js/入門/part.2]] [[3>SoraMame.ps.js/入門/part.3]] [[4>SoraMame.ps.js/入門/part.4]] 5 6 7 8 [[>>>SoraMame.ps.js/入門/part.2]] [[目次>SoraMame.ps.js/入門]] [[用語集>SoraMame.ps.js/入門/Glossary]] [[演習回答>SoraMame.ps.js/入門/Practice]]

トップ   差分 バックアップ リロード   一覧 単語検索 最終更新   ヘルプ   最終更新のRSS