Menu

変数のユースケース

さまざまなユースケースにおける変数の実用的な活用方法を確認しましょう。さまざまな変数スコープやデータ型、定義済み変数を効果的に使う方法、そしてそれらがさまざまな トリガーレスポンス でどのように機能するかを学べます。プロトタイプを実際に試してダウンロードし、インタラクションを観察してみましょう。

変数数式 の詳細を学びましょう。

必要なユースケースを以下から見つけてください:

数式に特化したユースケースをお探しですか? 数式を使うユースケース をご覧ください。

コミュニティでは、他のユーザーが共有した変数や数式に関するヒント、コツ、解決策を見つけられます。

ウサギ vs. オオカミのゲーム

ウサギ vs. オオカミのゲームのプロトタイプでスコアを追跡するために変数を作成します。


{'_type': 'localeString', 'en': 'bunny-wolf-game'}

プロトタイプを試してみてください

モバイルゲームのプロトタイピング マスタークラス でさらに学びましょう。

レンジスライダー

ハンドルの位置を値の範囲に連動させます。ハンドルをドラッグして移動すると、最新の値が変数に保存されます。


{'_type': 'localeString', 'en': 'range slider'}

プロトタイプを試してみてください

ChainトリガーDetectトリガー、および 関数 について詳しく学びましょう。

他の場所でデータを使用する

入力レイヤーからの入力を変数に保存し、別のシーンなど、他の場所で使用します。ユーザーが入力する名前、パスワード、メールアドレスなどを思い浮かべてください。これらをプロトタイプ全体で使いたい場合に役立ちます。


{'_type': 'localeString', 'en': 'using data elsewhere'}

プロトタイプを試してみてください

DetectトリガーStartトリガー、および レイヤーのプロパティ について詳しく学びましょう。

残高の計算

銀行振込を行う際の残高を計算します。実際の計算には、現在の残高から振込金額を差し引く算術演算を使用します。


{'_type': 'localeString', 'en': 'calculating the remaining balance'}

プロトタイプを試してみてください

算術演算条件、および コンポーネント について詳しく学びましょう。

ショッピングカートの中身を記憶する

商品をショッピングカートに追加し、追加された商品に応じて、カート内の合計金額を動的に計算して表示します。


{'_type': 'localeString', 'en': 'shopping cart'}

プロトタイプを試してみてくださいSoda Design 制作)。

算術演算関数、および 条件 について詳しく学びましょう。

タイマー

60秒ごとに、タイマーは1分を追加します。通常のタイマーと同じです。ただし、任意のタイマーを作成できます。逆に、カウントダウンタイマーも可能です。


{'_type': 'localeString', 'en': 'timer'}

プロトタイプを試してみてください

算術演算条件、および Detectトリガー について詳しく学びましょう。

スクロール時の固定ヘッダー

上方向と下方向のスクロールを見分け、固定ヘッダーの位置をそれに応じて調整します。これらはすべて、単一の定義済み変数: $touchVelocityY を使って行います。


{'_type': 'localeString', 'en': 'scroll sticky header'}

プロトタイプを試してみてください

定義済み変数Detectトリガー について詳しく学びましょう。

キーボード表示を有効にする

キーボードが下から表示されたら、その高さに応じてデザインを移動します。これらの計算は定義済み変数 $keyboardHeight を使って自動的に行われます。


{'_type': 'localeString', 'en': 'enabling keyboard view'}

プロトタイプを試してみてください

定義済み変数Focusトリガー について詳しく学びましょう。

入力された音声を使う

音声コマンドのリッスンが有効なときは、定義済み変数 $voiceTranscript を使って入力された音声を利用します。トランスクリプトを Text レスポンスで表示するか、プロトタイプに読み上げさせます。

プロトタイプを試してみてください

定義済み変数音声プロトタイピング について詳しく学びましょう。