プログラミングを覚えずにAndroidアプリを作る(画像)

若竹 雅貴

OSに合わせたインストール
画面中央の水色のリンクinstruction for~のリンクからOSに合わせて選択する
App Inventor Setupのダウンロード
DownloadのリンクからApp Inventor Setupをダウンロードする
初ログイン
初めてログインした場合の様子。
アプリの名前を決める
画面の左上の「New」ボタンをクリックしてアプリの名前を入力する。
デザイナ
デザイナ。これを利用して画面を設計していく
ボタンの配置
ボタンを配置し、TextをButtonに変更する
ブロックエディタの起動
ブロックエディタを起動した様子
ブロックエディタのブロック一覧
ブロックエディタのブロック一覧。パズルのようにも見える
Button1.clickのピースを選択
Button1.clickのピースを選択する
Label1.TextとButton1.clickの結合
Label1.TextとButton1.clickを結合する
文字変更後の文字を指定する
Textのピースで文字変更後の文字を指定する
エミュレーターの起動
エミュレーターを起動する。初回の立ち上げには時間が非常にかかる
Connect To Device
画面右上のConnect To Deviceをクリックした様子。ここからエミュレータを選択する
ボタン押下後の様子
ボタンを押した後の様子。ラベルの文字列がHelloからYeahに変わっている
この写真の記事を読む
OSに合わせたインストール
App Inventor Setupのダウンロード
初ログイン
アプリの名前を決める
デザイナ
ボタンの配置
ブロックエディタの起動
ブロックエディタのブロック一覧
Button1.clickのピースを選択
Label1.TextとButton1.clickの結合
文字変更後の文字を指定する
エミュレーターの起動
Connect To Device
ボタン押下後の様子
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます