スクリプトを使ってみる最終更新日: 2021年4月28日

スクリプトとは

Wagbyは任意の式を記述する「スクリプト」という仕組みを提供しています。
通常、スクリプトはプログラミング言語で記述しますが、Wagbyではプログラミングに必要な要素をブロックのようにパーツ化し、それらを組み合わせていくことでスクリプトが記述できるようになっています。
このようなアプローチはビジュアル・プログラミングと呼ばれています。

ブロックで表現するスクリプト

加算を試す

テストモデルを用意する

ここでは数値項目AとBを用意し、その足算を行う簡単なモデルを用意してみます。

四則演算テストモデル

スクリプトの設定

  1. モデル名の下部に用意された「スクリプト」タブを開きます。
    スクリプトタブを開く
  2. スクリプトタブは、ブロックを並べるための画面が提供されます。開発者が並べたブロックは、最終的にスクリプトに変換され、アプリケーションに取り込まれます。
    ブロックを並べる画面
  3. はじめに、式を記述する項目を指定します。
    スクリプトで求めたいのは加算結果ですので、「A+B」項目を指定します。
    対象項目を指定する
  4. 項目を選択すると、ブロックが配置できるようになります。
    ブロックの配置ができるようになった

ブロック配置エリアについて

ここではブロック配置エリアの各機能を説明します。

ブロック配置エリア
No.機能説明
1 ブロック群 テーマ別にブロックが用意されています。ここから利用したいブロックを選択し、(2) のワークスペースへドラッグ&ドロップします。
2 ワークスペース ブロックを並べる場所です。
3 整列ボタン ブロックが中心に配置されるよう整列します。
4 拡大・縮小ボタン ワークスペースを拡大および縮小して表示します。多くのブロックが配置された時、全体を見渡すことができます。
5 ゴミ箱 不要となったブロックをゴミ箱へドラッグ&ドロップすることで、除去することができます。
6 保存 ワークスペースのブロックを保存します。保存することでブロックがスクリプトに変換され、アプリケーションに取り込まれます。
7 リセット その直前にビルドされた状態に戻します。ビルド後、ブロックを変更したが、元に戻したいという場合に使ってください。

ブロックを用意する

それでは、実際に生年月日から年齢を求める式をブロックを配置して実現してみましょう。
最初に配置するブロックは「文」です。

ブロックを組み立てる

  1. 「文」タブをクリックすると、次のようなブロックが表示されます。
    ...に...をセット
    「文」ブロック

    「文」ブロックには二つの穴が空いています。この穴に別のブロックを挿入することができます。
    左側には値がセットされる項目(今回は "A+B" 項目)を、右側にはセットしたい値(今回はスクリプトで求めた加算結果)をそれぞれ別のブロックで表すようにします。

  2. 文ブロックをドラッグ&ドロップして、ワークスペースに配置します。
    場所はどこでもかまいません。(のちほど整列させます。)
    ブロックをワークスペースに配置する
  3. 続いて、文ブロックの左側の穴に挿入したい、モデル項目ブロックを用意します。
    「モデル」というブロック群の中に用意されている、モデル名が記載されたブロックを選択し、ワークスペースにドラッグ&ドロップします。
    モデル項目ブロック(1)
    モデル項目ブロック(2)
  4. モデル項目ブロックは、項目名を指定することができます。ここでは "A+B" 項目を選びます。
    項目を指定する
  5. 用意したモデル項目ブロックを文ブロックの左側の穴へドラッグ&ドロップします。
    それぞれの凸部分の位置を合わせるようにドロップすると、ブロックがはまります。
    モデル項目ブロックを配置する(1)
    モデル項目ブロックを配置する(2)

    ワンポイント

    うまくはまると "カチッ" という音が聞こえます。

  6. 次に、文ブロックの右側に、実際の年齢に相当する値を設定します。
    これによって "A+B(の値)" を「A+B項目」にセットします。
    加算を実現するため、今回は数値ブロック群にある2つの数の合計を返すブロックを利用します。
    合計を返すブロックを配置する(1)
  7. 文の右側の空白にブロックを挿入します。
    合計を返すブロックを配置する(2)
  8. 合計を返すブロックの最初の空欄部分に、加算対象の項目Aを配置します。
    加算対象項目Aを配置する(1)
    加算対象項目Aを配置する(2)
    加算対象項目Aを配置する(3)
  9. もう一つの空欄部分に、同じく加算対象の項目Bを配置します。 ここでは、項目Aを複製する手順を紹介します。
    加算対象項目Aを複製する(1)
    加算対象項目Aを複製する(2)
  10. 複製したブロックの項目をBに変更し、演算用ブロックに配置します。
    項目Bを配置する(1)
    項目Bを配置する(2)

ブロックを整列する

ブロックを整列させるボタンをクリックしてみましょう。ワークスペースの中央にうまく配置されるように整列されます。

ブロックを整列する(1)
ブロックを整列する(2)

作成したブロックを保存する

「保存」ボタンを押下します。これでスクリプトの設定が完了しました。

ブロックを保存する

ビルド

ブロックを使ったスクリプト記述が完了しました。ビルドして動作を確認しましょう。

ビルドする

動作の確認

  1. アプリケーションにログオンし、メニューから四則演算モデルを選びます。最初はデータがないため、新規登録画面へ遷移します。
    新規登録画面へ
  2. 項目A,Bにそれぞれ数値を入力します。リアルタイムに加算結果が表示されます。
    計算式の動作を確認する(1)
    計算式の動作を確認する(2)

    ワンポイント

    計算で求める項目は、読み込み専用となり編集はできません。

演習

同様に「A-B」「A*B」を実現する項目を追加し、計算式をブロックで表現してみましょう。

ワンポイント

項目ごとに計算式を用意してください。

項目ごとに計算式を用意する

ヒント

ここで用いた加算ブロックは、演算子を変更することで減算、乗算、除算、べき乗を実現することができます。

演算子を選択する