Scratchで新たなブロックを作成する方法

Created Date: 2017-03-19/ updated date: 2026-07-17
Owner & Collaborators
License
Scratchで新たなブロックを作成する方法 by e6442Obayashi, Kadota-MUE is licensed under the Creative Commons - Attribution license.
Summary
ビジュアルプログラミング言語Scratchは、視覚的な分かりやすさと扱いやすさから教育現場 での活用が期待されています。オンライン版（Scratch2.0）とオフライン版（Scratch1.4）の他に、数多くの派生版があります。その背景にはオフライン版に限り、Scratchという名前を用いないという制約のもと、自由に組み替えていってよいという思いがあるためです。ここでは、Scratch1.4を使って新たなブロックを作成する方法を紹介します。

Materials

    Tools

      Blueprints

        Making

        • はじめに確認してください

          0
          Scratchのライセンスは次の通りです。
          1.作成したものに「Scratch」という名前を使わないこと（"Based on Scratch from the MIT Media Laboratory"を除く）
          2.作成したものにScratchのロゴマークとネコのキャラクターを使わないこと
          3.Scratchのサイトにプロジェクトをアップロードする機能を実装しないこと
          4.作成したものにScratchの著作権表示とライセンスを含めること
          5.作成したソースコードを公開すること

          Comments

            • 如何選擇適合的TEREA煙彈保護盒材質？

              0
              合适的TEREA保护盒材质非常重要，因为它直接影响防烟性能和使用体验。保护盒的材质不仅要考虑防烟损伤，还要考虑重量、手感以及携带的便利性等因素。 材料选择重要吗？ 材料的选择对防护性能有着至关重要的影响，尤其是在防止烟雾暴露和损害方面。由于材料种类繁多，可用材料却显著减少，这可能导致意外坍塌或损毁造成的损失。此外，不同的材料会给使用者带来不同的感受，例如材料的重量和手感，以及在不同场合下对城市体验的细微影响。

              Comments

              Add Annotation Order

            • 必要なものをダウンロード

              0

              Comments

                • Scratch1.4をダウンロード

                  0
                  下記サイトから、OSに合ったScratch 1.4 をダウンロード
                  https://scratch.mit.edu/scratch_1.4/

                  ※このサイトではMac版を用いて説明しますが、Win版でも同様の方法でできると思います。

                  Comments

                  • Scratch1.4を開く

                    0
                    PCのダウンロードフォルダからMacScratch1.4.dmgを開き、Applications にドラッグ＆ドロップ

                    Comments

                    • Scratch1.4ディレクトリの中へ

                      0
                      Scratch Source 1.4 Zip の中から次の3つのファイルを、Applications の「Scratch1.4」にドラッグ＆ドロップ
                      ①ScratchSourceCode1.4.
                      ②changesScratchSourceCode1.4.image
                      ③Scratch.ini

                      Comments

                      • ScratchSourceCode1.4.changesをD&D

                        0
                        「ScratchSourceCode1.4.image」を「Scratch（App）」にドラッグアンドドロップ
                        2枚目のような警告が出た場合「開く」を選択

                        Comments

                        Add Annotation Order

                      • 画面の説明

                        0
                        ScratchはSqueak Smalltalkという開発環境で開発されました。先ほどドラッグ&ドロップしたScratchSourceCode1.4.imageには、Squeak仮想マシン上で動作する環境（仮想的なメモリーイメージ）が含まれており、SqueakとScratchの本体となります。

                        Comments

                          • モーフ

                            0
                            手前に表示されるのがモーフ（Morph）と呼ばれるものです。Scratchを開くとでてくる画面のことと思ってください。

                            Comments

                            • ハロ

                              0
                              スプライトやモーフの上でCommand + クリックすると画像のようにカラフルなボタンのようなものが出てきます。これをハロと言います。このサイトでは◯ハロしか操作していませんが、それぞれのハロには機能があります。

                              ※Win版の場合、control + クリックではなく、Alt + クリックになりますので注意してください。ショートカットキーもAltを使うことになります。

                              Comments

                              • 各ハロについて

                                0
                                赤ハロ：オブジェクトに関する細かい設定や操作をすることができます。
                                ○ハロ：オブジェクトをたたむことができます。もう一度表示させるときは左上にそのスプライトや画面の名前が表示されている部分があるので、そこの◯という部分をクリックしてください。
                                茶ハロと黒ハロ：オブジェクトを移動させるためのハロです。
                                青ハロ：クリックしながらマウスを動かすと回転します。
                                緑ハロ：オブジェクトのコピーができます。
                                黄ハロ：拡大できます。
                                桃ハロ：オブジェクトを削除します。

                                Comments

                                • ワークスペース

                                  0
                                  最初の画面で、モーフの後ろ左側に表示されていたこの画面をワークスペースと言います。

                                  Comments

                                  • システムブラウザ

                                    0
                                    最初の画面で、モーフの後ろ右側に表示されていた緑の画面をシステムブラウザと言います。ブロック作成ではこの部分をよくいじることになります。

                                    Comments

                                    Add Annotation Order

                                  • Scratchの中身を見てみましょう

                                    0
                                    システムブラウザを開き、Scratchの中身がどのようになっているか見てみましょう。

                                    Comments

                                      • 左から順に

                                        0
                                        左から順に「Scratch-Object」→「ScratchSpriteMorph」下は「class」→「block specs」→「blockSpecs」を選択していきましょう。すると、下段にはそのセレクタに対応するソースコードが表示されます。
                                        これはScratchSpriteMorphにblockSpecsというメッセージが送られたときに実行されるメソッドで、Scratchの左端に表示されるブロックの一覧を定義しています。

                                        Comments

                                        Add Annotation Order

                                      • ブロック「◯歩下がる」をつくる

                                        0
                                        システムブラウザをいじって新たなブロックを作成しましょう。

                                        Comments

                                          • ('move %n steps' - forward:)　をコピペ

                                            0
                                            6行目に('move %n steps'       -   forward:)と書かれている部分があります。これをコピーして1行下にペーストしましょう。そしたら、ペーストした方の「forward」を「backward」に変えてください。

                                            Comments

                                            • 一旦保存

                                              0
                                              ここで一旦保存してみましょう。Command + sで保存できます。初回のみ「Please type your initials」というダイアログが開くが適当な文字列を入力してください。
                                               このとき、ソースコードからバイトコードへのインクリメンタルコンパイルも行われます。

                                              Comments

                                              • モーフを開く

                                                0
                                                畳んでいたモーフを開きます。
                                                上の変更を反映していないときの画面が開かれますので、一度違うカテゴリ（例えばLooks）にしてもう一度Motionをクリックしてください。すると先ほどの変更が反映されます。

                                                Comments

                                                • さっそく動かそう！・・・と思いきや

                                                  0
                                                  新しいブロックがつくられましたので、さっそく動きを確認してみましょう。
                                                  ・・・と言いたいところですが、実はこのままでは動きません。画像のように赤く囲まれエラーになります。先ほど新たに「backward」と打ちましたが、このブロックが実行されたときに送られるメッセージの「backward:」に対応するメソッドがまだ定義されていないためエラーになります。

                                                  Comments

                                                  • forward:　を参考に

                                                    0
                                                    このメソッドを定義するために「forward:」の実装を参考にしましょう。
                                                    再度Scratchモーフを畳み、ソースコード中の「forward:」の文字列を選択する。必ずコロンまで選択してください。

                                                    Comments

                                                    • command + b

                                                      0
                                                      Command + b を押すと別ウィンドウ（Implementors of forward:）で「forward:」を定義している個所が表示される。上段から「ScratchSpriteMorph forward:」 を選択してください。（ScratchSpriteMorphのインスタンスメソッド「forward:」の意味です。）

                                                      Comments

                                                      • 1行目を変更

                                                        0
                                                        1行目、太字になっている「forward: distance」を「backward: distance」に変えてください。

                                                        Comments

                                                        • 8行目も変更

                                                          0
                                                          8行目の「 newPos _ self position + deltaP. 」を「 newPos _ self position - deltaP. 」（+を-）に変更してください。
                                                          これが終わったら、command + s でコンパイラしてください。

                                                          Comments

                                                          • モーフを開くと・・・？

                                                            0
                                                            再び、Scratchモーフを開き、[back (10) steps] をクリックすると、今度は動作が反映されオブジェクトが下がります。

                                                            Comments

                                                            • この設定を保存するには？

                                                              0
                                                              Scratchモーフを開き、シフトキーを押しながら「File」メニューを開いてください。シフトキーを押さない時よりも選択肢が増えています（右の画像で比較してみてください）。「Save image in user mode」を選ぶと、確認のメニューが開くので「Yes」を選択してください。イメージファイルの保存が終了すると、自動的にScratchが終了します。これでブロックの作成自体は完了です。

                                                              Comments

                                                              Add Annotation Order

                                                            • ブロック名を変更する

                                                              0
                                                              ここまで英語表記で見てきましたが、言語設定を日本語にすると新たなブロックは英語表記のままです。これは新たなブロックに対する日本語訳を定義していないためです。

                                                              Comments

                                                                • ja.poをテキストエディタで開く

                                                                  0
                                                                  localeの中からja.poというファイルを探し、テキストエディタで開いてください、
                                                                  （おそらく ja とは Japanese を表しており、他のファイルは他の言語設定のためのファイルだと思います。）

                                                                  Comments

                                                                  • 「歩動かす」を探します

                                                                    0
                                                                    ファイルを開いたら

                                                                    msgid "move %n steps"
                                                                    msgstr "%n 歩動かす"

                                                                    と書かれた部分を探しましょう。（com + F が便利です。）

                                                                    Comments

                                                                    • コピペと手直し

                                                                      0
                                                                      msgid "move %n steps"
                                                                      msgstr "%n 歩動かす"

                                                                      をコピペし次のように変え、保存してください。

                                                                      msgid "back %n steps"
                                                                      msgstr "%n 歩下がる"

                                                                      Comments

                                                                      • Scratch画面で確認

                                                                        0
                                                                        変更したScratchを再起動するか、一度別の言語設定に変えてからもとに戻すと、今度は、 [(10) 歩下がる] と表示されます。これにてブロックの名前変更は完了です。

                                                                        Comments

                                                                        Add Annotation Order

                                                                      • 新しいブロックが完成

                                                                        0
                                                                        以上Scratchのソースコードを変更し、新たなブロックを作成する方法でした。
                                                                        再度変更したいときは、シフトキーを押しながら「ファイル」メニューの「exit user mode」を選べばまた編集できます。

                                                                        Comments

                                                                            Add Annotation Order

                                                                          • Mugbot Action Designer への応用

                                                                            0
                                                                            マグボットを動かすためのMugbot Action Designer はScratchをカスタマイズしてつくられました。ですので、同様の手順でブロック自体を増やすことができます。注意したいのはシステムブラウザにて「Scratch-Object」→「ScratchSpriteMorph」「class」→「block specs」→「blockSpecs」ではなく、「Mugbot」→「MugbotSpriteMorph」「class」→「block specs」→「blockSpecs」と選択していくことです。画像では例として[目の明るさを(0)にする]というブロックをつくりました。

                                                                            Comments

                                                                              • LEDの場合

                                                                                0
                                                                                ハードに対応したブロックを作る場合、上の方法に加えいくつか編集しなければならない箇所があります。
                                                                                また、マグボットでは使われていないArduinoのピンを使えるようにする場合、Scratch外の付属ファイルも編集することになると思います。
                                                                                今回は既存のブロック[目の明るさを(255)にする」を参考に[目の明るさを(0)にする」というブロックをつくる場合、上の変更に加え2箇所編集しなければなりません。

                                                                                Comments

                                                                                • Scratch-Execution Engine

                                                                                  0
                                                                                  システムブラウザを開き、Scratch-Execution Engine→ScratchProcess （下はinstance）→private-evaluation →applyTimedCommandと見ていってください。
                                                                                  上から十数行目のところから「block selector」といった箇所がありorから始まるコードが数行にわたって書かれています。「or: [block selector = #mugbotSetEyesBrightness:])」をコピーし、その下にor: [block selector = #mugbotSetEyesBrightness2:])として貼り付けましょう。

                                                                                  Comments

                                                                                  • カッコの数に注意

                                                                                    0
                                                                                    コピペが終わったらorが始まる一個前のコード「(((((((((((((block selector = #mugbotSetFaceRight:) 」を見てください。「(」がたくさんありますが、これはマグボットに送る暗号の分だけあります。つまり、orから始まるコードの最後の「)」と対応しているのです。今、コピペして「)」が一個多い状態になっていますので、「(」を一個追加しましょう。

                                                                                    Comments

                                                                                    • もう一つの編集箇所は・・・？

                                                                                      0
                                                                                      今回のLEDのブロックの場合2箇所編集しなければならないと書きました。もう一箇所は、実は、今編集したところの下の方にあります。こちらも「((((((((((((block selector = #mugbotSetFaceRight:) 」と同じ形をしているので同様の作業をしましょう。
                                                                                      あとは今までと同じように保存し、再起動すればエラーが解決されています。

                                                                                      Comments

                                                                                      Add Annotation Order

                                                                                    • リンク

                                                                                      0
                                                                                      こちらではcsをScratch内で見る方法を紹介しています。
                                                                                      http://fabble.cc/e6442obayashi/mugbot-cs

                                                                                      今後、ScratchやMugbotに関するレシピを投稿したら、ここにリンクを貼っていきたいと思います。

                                                                                      Comments

                                                                                        Add Annotation Order
                                                                                      Add Card Order

                                                                                      References

                                                                                        Usages

                                                                                          Project comments