ProtoPie MCP ベータ版を提供開始!詳しくはこちら。

ProtoPie MCPのベータ版が提供開始!

Introducing ProtoPie

始める

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

始める

Importing From Adobe XD

Importing From Figma

Importing From Sketch

ProtoPie Genie

Basic Elements

Containers

Devices

Layers

Preview Window

Scenes

Scroll/Paging

Shortcuts

System Status Bar

Triggers & Responses

Easing

Annotations

Responses

Timelines

Triggers

Formulas

始める

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

始める

Variables

Predefined Variables

Variables Use Cases

AI

始める

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

ProtoPie MCP

Getting Started

Studio MCP 概要

Studio MCP インストールとセットアップ

Code MCP 概要

Code MCP インストールとセットアップ

Dev View

Auto Layout

시작하기

Auto Layout Properties

Components

始める

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

始める

Managing Interaction Libraries

Managing Library Members

Voice Prototyping

Getting Started

Listen Response

Speak Response

Use Cases

Voice Command Trigger

Connecting Devices

Connecting blokdots

Connecting Mobile Devices

ProtoPie Cloud

始める

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

始める

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

始める

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

始める

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

始める

API Plugin

Arduino Plugin

blokdots Plugin

Connect Embedded

Custom Layer Integrations

Custom Plugins

Connect Devices

Gamepad Plugin

IFTTT Plugin

Logitech G29 Steering Wheel Plugin

Testing Prototypes

Feature Comparison

Unity Plugin

ProtoPie Enterprise

始める

Organization Settings

Service Admin

Single Sign-On (SSO)

Security

Overview

Access Control

Data Transit, Storage & Backup

Incident Response

Network & ProtoPie Player App Security

Physical Security

Risk Management

Menu

Introducing ProtoPie

始める

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

始める

Importing From Adobe XD

Importing From Figma

Importing From Sketch

ProtoPie Genie

Basic Elements

Containers

Devices

Layers

Preview Window

Scenes

Scroll/Paging

Shortcuts

System Status Bar

Triggers & Responses

Easing

Annotations

Responses

Timelines

Triggers

Formulas

始める

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

始める

Variables

Predefined Variables

Variables Use Cases

AI

始める

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

ProtoPie MCP

Getting Started

Studio MCP 概要

Studio MCP インストールとセットアップ

Code MCP 概要

Code MCP インストールとセットアップ

Dev View

Auto Layout

시작하기

Auto Layout Properties

Components

始める

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

始める

Managing Interaction Libraries

Managing Library Members

Voice Prototyping

Getting Started

Listen Response

Speak Response

Use Cases

Voice Command Trigger

Connecting Devices

Connecting blokdots

Connecting Mobile Devices

ProtoPie Cloud

始める

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

始める

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

始める

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

始める

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

始める

API Plugin

Arduino Plugin

blokdots Plugin

Connect Embedded

Custom Layer Integrations

Custom Plugins

Connect Devices

Gamepad Plugin

IFTTT Plugin

Logitech G29 Steering Wheel Plugin

Testing Prototypes

Feature Comparison

Unity Plugin

ProtoPie Enterprise

始める

Organization Settings

Service Admin

Single Sign-On (SSO)

Security

Overview

Access Control

Data Transit, Storage & Backup

Incident Response

Network & ProtoPie Player App Security

Physical Security

Risk Management

変数のユースケース

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

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

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

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

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

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

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

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