コード忍者の はじまりの書 - 90 分で Scratch 入門 - これから プログラミングを始める人のための巻物です Scratch( スクラッチ ) を使って初めてのプログラミングを 90 分程度作成していきます 内容 : 1. スクラッチを使う前に 2. スクラッチを使ってみよう : 初めて

Transcription

1 コード忍者の はじまりの書 - 90 分で Scratch 入門 - これから プログラミングを始める人のための巻物です Scratch( スクラッチ ) を使って初めてのプログラミングを 90 分程度作成していきます 内容 : 1. スクラッチを使う前に 2. スクラッチを使ってみよう : 初めての修業 3. 次の修業 : プログラムを少し追加しよう 3A. ゲーム アクション編 3B. ダンス ミュージック編 3C. デジタル アート編 4. コード忍者白帯への修業 名前 バージョン :2018 年度版 (Ver1.00) 印刷は A5 サイズを想定しています 1 ページ

2 スクラッチは Web( ウェブ ) で使う方法と PC( パソコン ) にオフライン版をインストールして使う方法があります インターネットが使えない場所でもインストールしてあれば使えます 使う準備はメンターや家の人に手伝ってもらいましょう 道場で Web で使う場合 : オフライン版で使う場合 : Scratch Offline Editor からダウンロードします ( 道場では USB で用意しています ) ワンポイント : 忍者 ( にんじゃ ) みなさんのことです プログラムの修業をする子供たちです CoderDojo ( コーダー道場 ) は世界や日本たくさんあり たくさんの忍者が修業にはげんでいます メンター忍者の修業をお手伝いする人たちです 2 ページ

3 まず ブラウザでスクラッチのサイトを開くように指定するよ Scratch 検索 Scratch.mit.edu と するとスクラッチのサイトに くよ ここをクリックするとプログラムを作る画面 次のページで説明 ワンポイント : ブラウザのブックマークに登録しておくと すぐに Scratch が使えるよ 3 ページ

4 アカウントを作ると 自動的にネット上にプログラムを記録 / 保存してくれます さらに 世界中の友達にあなたのプログラムを てもらうこともできます アカウント作成のステップ 1 の画面 4 ページ

5 アカウント作成のステップ 2 の画面 まれた年と 性別 国 を指定します 国は Japan だよね アカウント作成のステップ 3 の画面メールアドレスを指定するよ すぐ受信できるもので 家の人の大人の人のアドレス指定するよ キーボードに慣れていない人は メンターや家に人に手伝ってもらおう アカウント作成のステップ 4 の画面下の画面が出来たら OK だよ さあ 始めよう ワンポイント : さっき指定したメールを後で確認してみよう スクラッチからメールが届いているよ メールのボタンをクリックして認証すると 友達とネット上でプログラムを せることができるよ 5 ページ

6 スクラッチのサイトにはいろいろな情報があったり プログラムの作り方を説明しています これから 作る でメンターの人といっしょにプログラムを作っていきましょう ( この資料は作り方を忘れた時に て ) 一人でスクラッチの使い方を修業できるよ 初めてプログラムを作る人に参考になるプログラムがあるよ 世界中の人が作ったプログラムだよ 6 ページ

7 スクラッチのプログラムでは いろいろなキャラクターにいろいろ命令して ゲーム 電子絵本 アプリなど作ることができるよ スクラッチのプログラム は劇やドラマみたいに考えるといいかも ステージ スプライト スクリプト : 劇の台本にあたります 個々のスプライトがどのように演じるのか指示します スプライト : 劇の役者にあたります スクラッチではプログラムでこのスプライトを動かすことができます この画面ではネコとネズミのスプライトがあります ステージ : 劇のステージにあたります スプライト達はこの中で劇をします 7 ページ

8 スクラッチでプログラムを作成するための作成画面 ( エディター ) が表示されます まず ネコのスプライトがあるので マウスでドラッグしてステージ ( プログラムの動作が表示される画面 ) の中を動かしてみよう ステージ マウスの左ボタンを押しながらネコを動かす スプライト スプライトリスト チェック ネコをドラッグで動かせた ネコを動かすとステージの右下の X と Y の数字が変わることを た ワンポイント : 言語左上の SCRATH の横の地球をクリックすると にほんご でひらがな表示が選べます ワンポイント : ブロックの大きさ左上の SCRATH の横の地球を Shift を押しながらクリックすると ブロックの大きさを変えることができます 8 ページ

9 今度は [(10) 歩動かす ] のブロックを使ってスプライトを動かしてみよう ブロックをドラッグしてスクリプトエリアに盛ってきて その後ブロックをクリックしてみよう どんどんクリックするとネコはどうなるかな? ブロックカテゴリー スクリプトエリア ブロックパレットチェック ネコをブロックで動かせた ネコをブロックでどんどん動かせた 9 ページ

10 ブロックカテゴリー [ 制御 ( せいぎょ )] から [ ずっと ] を使って [(10) 歩動かす ] の ずっと を中に れてみよう その後 [ ずっと ] ブロックをクリックしてみよう ネコはどうなるかな? 手でネコをステージの真ん中に持っていくとどうなるかな? チェック ネコをブロックで自動的に動かせた ワンポイント : プログラムプログラムはコンピュータに対する命令 ( スクラッチではブロック ) の集まりです あなたの考えやアイディアをプログラムにすれば コンピュータが自動的にやってくれます 赤ボタンを押すと動いているスクラッチのプログラムを止めることができます 10ページ

11 あるスイッチを押したときにプログラムが動くようにしてみよう ここでは ブロックカテゴリー [ イベント ] の [ 旗がクリックされたとき ] を使ってみよう チェック 旗をクリックしてプログラムを動かした 赤丸でプログラムを止めた ワンポイント : プログラムとスクリプトスクラッチではブロックが集まった命令をスクリプト ( 台本 ) と呼んでいます 11 ページ

12 今のプログラムだと ネコがステージの端まで くと先に進まないよね 端までいったら跳ね返って ずっと動き回るようにしてみよう ブロックカテゴリー [ 動き ] の [ もし端に着いたら 跳ね返る ] を [ ずっと ] の中に れてみよう チェック ネコが端についたら跳ね返って動くようにした ワンポイント : 間違ったブロックを置いた時の直し方 外したいブロックをドラッグすると そのブロックをはずすことができます 12 ページ

13 ネコがいろいろ歩きだすと さかさまにひっくり返ることがあるね プログラムでひっくり返らないようにしてみよう [ 回転方法を ( 左右のみ ) にする ] ブロックを追加してみよう チェック ネコがひっくりかえらないようになった 13 ページ

14 ゲームのようにネコが歩くようにしてみよう [ た目 ] の [ 次のコスチュームにする ] ブロックを使ってみよう スプライトのコスチュームにすると 次々コスチュームが変わるのがわかるよ ワンポイント : スプライトとコスチュームスプライトの実際の た目はコスチュームで決まります コスチュームは劇に例えると役者の 装になります 1 のスプライトは複数のコスチュームを持つことができます どのコスチュームを使うかで た目がかわってきます 14 ページ

15 今までのプログラムだと ネコは横を ったり来たりしているだけですが もっといろんな場所を歩くようにしてみよう [ 動き ] の [() 度に向ける ] ブロックを初めの方で使ってみよう (90) を (30) にキーボードから打ち込んで書き換えます チェック ネコをステージのいろいろなところを歩くようになった 15 ページ

16 はじめてのプログラムの最後にネコの大きさを変えてみよう ワンポイント : カーソルツール 複製 ( コピー ) 削除拡大縮小 カーソルツールはやりたいことをクリックするとマウスのカーソルが矢印からクリックした図に変わります この変化したカーソルをスプライトやブロックに持っていくと複製や削除 拡大 縮小ができます これで はじめの修業は終わりです うまく動いたかな? 16 ページ

17 次の修業でプログラムを少し追加してみよう 種類用意しているので 自分の好きなものを試してみよう 一人で修業してもいいし メンターといっしょにやってもいいよ 3A. ゲーム アクション編 ネコに捕まらないようにスプライトを動かしてみよう 3B. ダンス ミュージック編 の子にダンスを踊らせよう 3C. デジタル アート編 ネコがきれいな模様をかくよ 新しいスプライトが方向キーで動きます ネコがニャーと鳴きます 最後にすごいプログラムができたら みんなに せてみよう 17 ページ

18 ネコから逃げるための新しいスプライトを追加してみよう どんなスプライトを選んでもいいよ 新しいスプライトを選ぶ スクラッチで用意されているスプライトから好きなスプライトを選択してみよう ( ダブルクリックか クリックした後に [OK] ボタン ) 新しいスクリプトが追加されたよ 18 ページ

19 新しいスプライトにプログラムを追加してみよう 上向き矢印キーを押した時 上に動くようにするよ 新しいスプライトにプログラムを追加 ワンポイント : ブロックカテゴリーとブロックブロックはブロックカテゴリーに分類されています 例えば のブロックは のブロックカテゴリーの中にあります 19 ページ

20 こんどは上矢印 下矢印 右矢印 左矢印で 新しいスプライトが上下左右に動くようにするよ 下に動かすプログラムを追加 チェック 新しいスプライトを上下左右にキーで動かせた 左右にも動くようにプログラムを追加してみよう 20 ページ

21 こんどは新しいスプライトにネコが触ったら鳴くようにするよ ネコのスプライトをクリックしてプログラムを追加してみよう 新しいスプライに触れたら鳴くようにプログラムを追加 ネコを避けて 新しいスプライトをうまく動かすことができるかな 他の例 (3B. ダンス ミュージック編 /3C. デジタル アート編 ) を てプログラムを改造してみよう 21 ページ

22 ダンスをするスプライトを追加するよ このスプライトにはダンスしている いろいろなコスチュームがあらかじめ設定されているよ 新しいスプライトを選ぶ xxx Dance や xxx HipHop がダンスに向いているスプライトです ( ダブルクリックか クリックした後に [OK] ボタン ) 新しいスクリプトが追加されたよ 複数のコスチュームが登録されているよ 22ページ

23 ダンスの音楽を追加するよ スプライトの音に新しい音を追加するよ スプライトに音として 新しい音を追加するよ ダンスに向いている音楽を探してみよう で再 するよ ( 決まったらダブルクリックか クリックした後に [OK] ボタン ) 23 ページ

24 追加した音楽を旗をクリックしたら鳴るようにしよう 24 ページ

25 スプライトにダンスをさせよう 新しいスプライのコスチュームを れ替えて踊っているように せるよ チェック 音楽が流れてスプライトが踊っているように える 速くコスチュームが変わりすぎる時は [( ) 秒待つ ] ブロックを れて調節するよ 秒数は小数 (0.2 や 0.5) なども指定できるよ 25 ページ

26 新しい背景を追加してみよう ダンスのプログラムがうまく動くかな 他の例 (3A. ゲーム アクション編 /3C. デジタル アート編 ) を てプログラムを改造してみよう 26 ページ

27 ペンを使うと スプライトが動いたところに線を引けるよ ワンポイント : ペンの基本 線を書く線を書かないステージのすべての線を消す 27 ページ

28 ペンで模様書くために新しいスプライトを追加してみよう どんなスプライトを選んでもいいよ 新しいスプライトを選ぶ スクラッチで用意されているスプライトから好きなスプライトを選択してみよう ( ダブルクリックか クリックした後に [OK] ボタン ) 新しいスクリプトが追加されたよ 28 ページ

29 新しいスプライトにプログラムを追加して きれいな模様を書かせてみよう 新しいスプライトにプログラムを追加 ワンポイント : 線の消し方書いた線を消したい場合はブロックカテゴリーの [ ペン ] の中の [ 消す ] ブロックを使います ブロックパレットの中の [ 消す ] ブロックをクリックしても消えます 29 ページ

30 スプライトに正方形を書かせてみよう 三角形や六角形も書いてみよう 他の例 (3A. ゲーム アクション編, 3B. ダンス ミュージック編 ) を てプログラムを改造してみよう 30 ページ

31 修業するためのいろいろな情報がネットあります 自由にプログラムを楽しみながら作りましょう C. Why! プログラミング mming/ お勧め : 初心者 ~ 上級 D. KoKa プログラミング 門 rogramming/ 初心者 ~ 上級 NHK の Scratch の番組です Web では放送されたビデオを ながら Scratch のプログラミングを練習することができます また スクラッチワールドにはいろいろなプログラムを作るための素材がそろっています 少し内容が難しいかもしれませんが 初心者がステップを追ってゲームを作るまでのプログラミングができます 31 ページ

32 Scratch の子供用のプログラミングの本もでています 本ならパソコンの横においてプログラムを進めることができます E. 小学 からはじめるわくわくプログラミング 2 倉本大資 ( 著 ), 阿部和広 ( 監修 ) 2,052 お勧め : 初心者 プログラミングを継続して学びたい小学 向けの学習書です スクラッチを使いながら 小学校の教科に関連した作品 ( プログラム ) を楽しく作成していくことで 自分のアイデアを表現する 姿勢 を身に付けましょう D. CoderDojo Japan 公式ブック Scratch( スクラッチ ) でつくる! たのしむ! プログラミング道場 角田一平 ( 著 ) とがぞの ( 著 ) 高村みづき ( 著 ) 若林健一 ( 著 ) その他 2,052 初心者 著者は CoderDojo Japan の代表者やメンターの皆さん ふだん 子どもたちにプログラミングを教える経験を かし 簡単なものからちょっと難しい作品 ( プログラム ) まで わかりやすく丁寧に Scratch の楽しみ方を教えます! 32 ページ

33 これから Scratch の本格的修業が始まります ログインしたスクラッチコミュニティにはいろいろな情報やプログラムがあります A. Scratch カード B. スタータープロジェクト スクラッチコミュニティの提供するプログラミスクラッチコミュニティの提供する初心者のたング方法の教材です 初心者カードは日本語で めのプログラサンプルです 表示は英語ですが 初歩的なプログラムの作り方を説明しています プログラム自体は日本語で表示されます すべてのプログラムをマスターすれば たいていのプログラムは作れるようになります 33 ページ