前回、とりあえずプロジェクトを作って公開するまでできるようにしました。今回は、Webアプリの画面に、ユーザーが操作するための基本的な部品を配置して使ってみましょう。

「ライブラリ」アイコンをクリックしてライブラリのパレットを呼び出してください。この「部品」ライブラリに、利用可能なGUI部品はまとめられています。今回作るのは、以下の３つの部品です。

テキスト――前回作りましたね。配置後、インスペクタの「属性」で、IDを「text1」と設定しておきます。

テキストフィールド――入力フィールドの部品です。「属性」で、IDを「field1」と設定しておきます。

プッシュボタン――押して何かを実行するための一般的なボタンです。「属性」で、IDを「button1」と設定しておきます。

テキストは、前回作りましたので、そのままでかまいません。また、作成後、それぞれインスペクタを使って表示のフォントやテキストサイズなどを調整しておきましょう。