INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

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 レスポンスで表示するか、プロトタイプに読み上げさせます。

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

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