App Inventorでアプリを作るには2つのパートがあります。 まずアプリの外観をデザインし、次にコーディングによってアプリに動作を指示します。
ファースト・ステップ
- まず紙に描く
- ペーパープロトタイプを使う
- 隣に置いておく
- MIT App Inventorを開く
- ai2.appinventor.mit.edu
- 選択 「新規プロジェクトの開始 プロジェクトメニューの
デザイナーの一部
オレンジ色の オレンジ色のiをクリックすると、ハイライトされた部分について学ぶことができます。 左と右の矢印をクリックすると、デザイナーの他の部分について学ぶことができます。
パレット パレットには、アプリに追加できるすべてのコンポーネント（部品）が表示されます。
引き出しやタブでグループ化されている。引き出しをクリックするだけで開くことができます。
ビューアは、パレットからコンポーネントをドラッグした後のアプリの外観を表示します。
非可視コンポーネントはアプリの画面には表示されないが、アプリの重要な部分であることに変わりはない。
コンポーネントパネルには、アプリに追加されたすべてのコンポーネントが表示されます。
他のコンポーネントの中に含まれている場合は、その前に余分なスペースがある。
プロパティパネル プロパティパネルは、各コンポーネントのさまざまな機能を確認したり変更したりする場所です。
メディアパネルは、アプリで使用する画像やサウンドなどのファイルをアップロードする場所です。メディアパネルにファイルをドラッグ＆ドロップするだけです。
試す時が来た！
アクティビティ1：アプリをデザインする
アプリのコンポーネントがすべて追加できたので、次はブロックエディタに移動してアプリのコーディングを開始します！
変数
コーディングを始める前に、まず 変数.リサイクル・ゲームをコーディングするときには、変数を使う必要がある。
モバイルアプリを作っていると、アプリ内でさまざまな情報を追跡する必要が出てくることがある。それが変数です。
ブロックエディタ
- App InventorでRecycle Gameプロジェクトを開きます。
- すべてのコンポーネントを追加した
- ブロックエディターに切り替える
ブロック・エディタのパーツ
オレンジ色の をクリックをクリックすると、ハイライトされた部分について学ぶことができます。 ブロックエディタの他の部分については、左右の矢印をクリックしてください。
ブロック ブロックパネルには、使用可能なすべてのブロックが表示されます。
内蔵ブロックはすべてのアプリの一部だ。
各コンポーネントはまた、独自のコードブロックのセットを持っている。
について ビューアはコーディングのワークスペースであり、すべてのコードブロックを配置する場所です。
コンポーネントをクリックし、必要なブロックを ビューア.
バックパック バックパックを使えば、コードブロックを保存して他のプロジェクトで再利用することができます。
作ったブロックをバックパックにドラッグします。別のプロジェクトを開いて、それらを再利用するためにドラッグすることができます。
アプリを実行する前に、黄色の警告と赤色のエラーを確認してください。
ズームイン、ズームアウト、ビューアズームのリセットができます。
使用されていないブロックは、ゴミ箱にドラッグして削除することができます。
