AboutデジタルIT・インターネットAndroidアプリのプログラミングAndroidアプリプログラミングの入門・基礎知識プログラミングを覚えずにAndroidアプリを作るAndroidアプリのプログラミング/Androidアプリプログラミングの入門・基礎知識プログラミングを覚えずにAndroidアプリを作るAndroidアプリはプログラミングを覚えなくても作ることができます。Inventor」というプログラミング学習ツールです。雅貴タイトルの通りですが、Androidアプリはプログラミングを覚えなくても作ることができます。ご批判はご容赦ください(笑)。Inventor」というプログラミング学習ツールです。このツールでは、プログラミングの基礎的な考え方をコーディングをせずに学習できます。ブロックをパズルのピースのように組み合わせながら、アプリ内のボタンに機能を付け加えていくというように楽しくアプリを設計することができます。Inventorではその必要はありません。Inventorを構成するものは主に2つです。Editor(ブロックエディタ)」というものです。デザイナは画面を構成する要素を配置するツール、ブロックエディタは配置した要素に機能を付け加えるツールです。Inventorでアプリを作る作業に入って行きましょう。Inventorを動かすには下記のものが必要です。ChromeなどのWebブラウザここに挙げたものは、パソコンにはすでにインストールされている場合が多いかと思います。Setupをインストールするだけで済むかと思われます。Javaがインストールされているかどうかは、http://appinventor.mit.edu/explore/sites/all/files/JWSTest/notepad.jnlpからjnlpファイルをダウンロードして、ソフトが起動できるかテストすることで判別できます。Javaがインストールされていない場合にはJavaを以下からインストールしてください。Setupをインストールしましょう。以下のURLからご利用のOSに合わせて選択します。Setupをダウンロードし、ダウンロードしたものを起動してインストールを開始してください。Setupをダウンロードするインストール手順は通常のソフトウェアをインストールするときのように画面の指示に従って進んでいけばOKです。以上でセットアップは完了です。Inventorでアプリを作る作業を開始しましょう。以下のURLからログインしてください。http://beta.appinventor.mit.edu/初めて利用する場合はGoogleのアカウントでログインする必要がありますので、アカウントがある場合はログインを、アカウントを持っていない場合には新しく作成してください。ログインしたら、はじめに新しいプロジェクトを作成しましょう。日本語を入れてアプリを作りたい方は次回からプログラミングを覚えて行きましょう!)。ログインした場合の様子。画面の左上の「New」ボタンをクリックしてアプリの名前を入力する。入力したらOKを押すと、デザイナが立ち上がります。これを利用して画面を設計していくデザイナで画面設計をしようここで、立ち上がったデザイナの画面左にあるPaletteからボタンをドラッグ&ドロップで真ん中のViewerに入れてみましょう。ボタンが配置できたと思います。同様にしてPaletteからラベルを選び、ボタンの下に配置してみましょう。配置が終わったらViewerにある配置したボタンをクリックすると、ボタンのPropertiesが画面右に表示されます。この中にあるTextをButtonにしてみましょう。すると、ボタンの文字列がButtonに変わります。同様にして、ラベルの文字列もHelloに変えましょう。以上でひとまず画面設計は完成しました。ボタンを配置し、TextをButtonに変更するブロックエディタで機能をつくろう続いてブロックエディタで先ほど画面に配置したボタンにアクションをつけたいと思います。ここでは、ボタンを押すと、ラベルの文字列がHelloからYeah!に変わるようなアクションをつけてみます。Editorをクリックしてjnplファイルをダウンロードします。ダウンロードしたら、ファイルを開きます。セキュリティの警告が表示されるかもしれませんが、Javaを実行するにあたっての確認ですので、気にせず実行してください。BlocksからButton1をクリックしてください。するとパズルのピースのようなものがいくつか表示されると思います。これらのパズルを合わせるようにしていき、ボタンをクリックしたときの動作を作っていきます。ブロックエディタのブロック一覧。パズルのようにも見えるここでは、ボタンをクリックしたときの動作を設定するのでButton1.clickのピースをドラッグ&ドロップします。toが入っているもの)を選び、ドラッグしてButton1.clickの中にはめ込みます。音がしてブロックが結合されたと思います。Label1.TextとButton1.clickを結合する最後にラベルの文字変更後の文字を指定します。Built-InからTextを選びます。勘の良い方はもうお気づきかもしれませんが、このピースを入れるとしたら、Label1.textの右ですね。ドラッグ&ドロップしてはめ込みます。Textのピースで文字変更後の文字を指定する以上でボタンをクリックするとラベルの文字列がHelloからYeah!になる機能が完成しました!次のページでは、作ったアプリを実際に動かしてみます。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。