.. include:: /index.rst :start-after: start_hello_message :end-before: end_hello_message レッスン2 Mammoth Codingアプリを使ってみよう =========================================================== Mammoth Codingの世界に飛び込んで、最初のプロジェクトを作成しましょう！最適な体験のためには、大きな画面のデバイスを使用することをお勧めします。 学習目標 ---------------------- * Mammoth Codingのプログラミング環境をセットアップする。 * Mammoth Codingの基本的なプログラミング概念を理解する。 * 最初のプログラムを作成して実行する。 アプリのインストール ---------------------- 1. Google PlayまたはApple App Storeで **Mammoth Coding** を検索してインストールします。 .. image:: img/1_app_install.png :width: 600 :align: center 2. インストール後、アプリを開きます。大きな画面でのインターフェースは次のようになります。 .. image:: img/1_app_ui_001.png :width: 600 :align: center 3. 小さな画面のデバイスでは、インターフェースは次のように表示されます。 .. image:: img/1_app_ui_002.png :width: 600 :align: center アプリを理解する ----------------------------------- Mammoth Codingは、楽しく、教育的で、簡単に学べるように設計されています。ブロックベースのコーディングを使用して、インタラクティブなストーリー、ゲーム、アート、シミュレーションなどを作成するためのツールを提供します。また、内蔵の描画エディターとサウンドエディターも含まれています。 上部セクション ^^^^^^^^^^^^^^ Mammoth Codingの上部セクションには、いくつかの重要なオプションがあります。 .. image:: img/1_app_ui_1.png :align: center * **言語設定** ：左側の最初のオプションでは、異なる言語を選択できます。現在、英語と簡体字中国語が利用可能です。 * **ファイルメニュー** ：2番目のオプションは **ファイル** メニューで、新しいプロジェクトの作成、既存のプロジェクトを開く、現在のプロジェクトを保存することができます。 * **プロジェクト名** ：3番目のオプションでは、プロジェクトの名前を変更できます。 ナビゲーションバー ^^^^^^^^^^^^^^^^^^^^^ 上部セクションのすぐ下にはナビゲーションバーがあり、異なる編集ページを切り替えることができます。 .. image:: img/1_app_ui_3.png :align: center 小さな画面の場合： * ナビゲーションバーは上部に表示され、 **コード** 、 **コスチューム** 、 **サウンド** 、 **ステージ** のオプションがあります。 .. image:: img/1_app_ui_2.png * **ステージ** ページは、大きな画面ではインターフェースの右側に表示されますが、小さなデバイスでは整理のために分離されています。 .. image:: img/1_app_ui_4.png :width: 600 コードエリア ^^^^^^^^^^^^^^ **コード** ページは、プログラミング活動のほとんどが行われる場所です。 .. image:: img/1_app_ui_code.png :width: 600 :align: center コスチューム ^^^^^^^^^^^^^^^ **コスチューム** ページは、スプライトや背景を編集するために使用し、プログラムに視覚的な要素を提供します。 .. image:: img/1_app_ui_custom.png :width: 600 :align: center サウンド ^^^^^^^^^^^^^ **サウンド** ページはオーディオを扱い、プログラムにマルチメディア要素を提供します。 .. image:: img/1_app_ui_sound.png :width: 600 :align: center 最初のプログラムを作成する ---------------------------------------- 1. プロジェクトを作成または開く ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ * Mammoth Codingアプリを開くたびに、新しいプロジェクトが自動的に作成されます。 .. image:: img/1_open_new.png :width: 600 * デフォルトのプロジェクト名「My Project」を意味のある名前に変更します。 .. image:: img/1_new_name.png :width: 600 * デバイスに以前保存したプロジェクトを開くこともできます。 .. image:: img/1_new_save.png :width: 600 2. スプライトを選択する ^^^^^^^^^^^^^^^^^^^^^^^^^ * 新しいプロジェクトを開始すると、デフォルトのスプライトが提供されます。以下のことができます： * デフォルトのスプライトを使用する。 * ライブラリから新しいスプライトを選択する。 * 自分でスプライトを描く。 * デバイスからスプライトをアップロードする。 .. image:: img/1_choose_sprite.png * 新しいスプライトを選択するには： **「スプライトを選択」** をタップし、** 「GalaxyRVR」** を選択します。 .. image:: img/1_choose_galaxyrvr.png 3. プログラムを書く ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 左側のサイドバーには、さまざまなカテゴリのブロックが含まれています。これらのカテゴリからブロックをスクリプトエリアにドラッグして、プログラムを構築できます。 例えば、緑色の旗がクリックされたときに **GalaxyRVR** スプライトを10歩前進させてから次のコスチュームに切り替えるには： 1. **イベント** カテゴリから ** 「旗がクリックされたとき」** ブロックをスクリプトエリアにドラッグします。 .. image:: img/1_code_flag.png :width: 600 2. **動き** カテゴリから ** 「（10）歩動かす」** ブロックをドラッグして、イベントブロックの下にスナップします。 .. image:: img/1_code_move10.png :width: 600 3. **見た目** カテゴリから ** 「次のコスチュームにする」** ブロックをドラッグして、動きブロックの下に取り付けます。 .. image:: img/1_code_next.png :width: 600 4. プログラムを実行する ^^^^^^^^^^^^^^^^^^^^^^^^^^^ プログラムを実行するには2つの方法があります： 1. スクリプトエリアに組み立てたブロックのスタックをタップするだけです。黄色いハイライトが表示され、スクリプトが実行中であることを示します。 .. image:: img/1_code_run.png :width: 30% 2. スクリプトが **「旗がクリックされたとき」** ブロックで始まる場合は、** ステージ** の左上にある緑色の旗をクリックしてプログラムを実行できます。これは、複数のスプライトやより複雑なコードを持つプロジェクトに推奨されます。 .. image:: img/1_code_green_flag.png :width: 70% 5. プロジェクトを保存する ^^^^^^^^^^^^^^^^^^^^^^^^^ コードをテストしてすべてが正しく動作することを確認したら、プロジェクトを保存することが重要です。 1. プロジェクト名の右側にある保存アイコンをクリックします。 .. image:: img/1_code_save.png :width: 600 2. **「プロジェクトを保存しました」** というメッセージが表示されます。プロジェクトはMammoth Codingアプリ内に保存されます。保存したプロジェクトには、右端のメニューボタンをクリックしてアクセスできます。 .. image:: img/1_code_save_app.png :width: 600 3. コードを共有したりデバイスに保存したりするには、 **ファイル > 端末に保存** をクリックし、共有するアプリを選択するか、プロジェクトをモバイルデバイスに保存します。 .. image:: img/1_code_save_device.png **おめでとうございます！** Mammoth Codingで最初のプログラムを作成し、実行することに成功しました。さらに機能を発見して創造性を解き放つために、実験と探求を続けてください！