[LIVE] How To Build a Magnetic Knob with Arduino & ProtoPie. Register Now.

Introducing ProtoPie

Getting Started

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

Getting Started

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

Getting Started

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

Getting Started

Variables

Predefined Variables

Variables Use Cases

AI

Getting Started

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

Auto Layout

Getting Started

Auto Layout Properties

Components

Getting Started

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

Getting Started

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

Getting Started

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

Getting Started

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

Getting Started

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

Getting Started

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

Getting Started

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

Getting Started

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

Getting Started

Making Your First Prototype

ProtoPie Ecosystem

ProtoPie Studio Interface

Import

Getting Started

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

Getting Started

Functions

Layer Properties

Syntax

Formulas Use Cases

Variables

Getting Started

Variables

Predefined Variables

Variables Use Cases

AI

Getting Started

AI Interaction Creation

AI Document Q&A

AI Panel Interface

Tips for Best Results

Auto Layout

Getting Started

Auto Layout Properties

Components

Getting Started

Component Guides

Editing Components

Nested Components

Send & Receive Messages

Interaction Libraries

Getting Started

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

Getting Started

Managing Prototypes

Managing Storage

Sharing Prototypes

ProtoPie Player

Testing Prototypes

Managing Fonts

Offline Testing

ProtoPie Player for Wear OS

Teams

Getting Started

Editors & Viewers

Onboarding Your Team

Projects

Team Owner & Team Admin

Handoff

Getting Started

Creating Interaction Recordings

Managing Interaction Recordings

Recording Page

User Testing

Getting Started

Overview

Creating Test Rooms

External Integrations

Managing Test Sessions

Test Results & Analysis

User Testing on ProtoPie Cloud

ProtoPie Connect

Getting Started

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

Getting Started

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

定義済み変数

定義済み変数は、プロトタイプ内で常に利用できる変数のセットです。保存される値は自動的に更新されます。

たとえば、$mouseX の値は、カーソルがどこにあるかに応じて常に自動的に変化します。

詳しく見る 変数の使い方について。

$mouseX カーソルの x 座標。

$mouseY カーソルの y 座標。

$touchX タッチが検出された位置の x 座標。

$touchY タッチが検出された位置の y 座標。

$touchVelocity 移動中の指またはマウスによるタッチの速度。

$touchVelocityX 移動中の指またはマウスによるタッチ速度の x 成分。

$touchVelocityY 移動中の指またはマウスによるタッチ速度の y 成分。

$touchPointerCount 画面に触れている指の本数。

$keyboardHeight スマートデバイス上のネイティブキーボードが表示されているときの高さ。詳しく見る 入力レイヤーについて。

$deviceOS プロトタイプが実行されているデバイスのオペレーティングシステム。

$pi 円周率(3.141592)。

$time プロトタイプの開始から経過した時間(秒)。特定のイベントからの経過時間を知りたい場合は、イベントが発生した時刻を変数に代入し、それを $time から差し引きます。

$voiceTranscript 音声コマンドのリスニングが有効な場合に受信する音声。詳しく見る 音声プロトタイピングについて。

$deviceHeight デバイスの高さを表示します。

$deviceWidth デバイスの幅を表示します。

デバイスの幅と高さは、ビューポートのサイズではなく、画面サイズ(解像度のサイズ)を表します。たとえば、iPhone 14 Pro の解像度は 390x844 @3x なので、デバイスの幅 x デバイスの高さは 1170x2532(つまり、(390x3)x (844x3))です。

したがって、プリセットサイズとデバイスサイズは関連していません。iPhone 13 にプリセットされた pie を iPhone 14 で実行すると、iPhone 14 のデバイスサイズが表示されます。この例をご覧ください。

$qrValue は、QR & Barcode Scanner を使用してスキャンした後の QR コードに保存されている値を返します。QR コードスキャナー について詳しく見る。

$qrHeight は、QR & Barcode Scanner を使用してスキャンした後の QR コードに保存されている高さを返します。QR コードスキャナー について詳しく見る。

$qrWidth は、QR & Barcode Scanner を使用してスキャンした後の QR コードに保存されている幅を返します。QR コードスキャナー について詳しく見る。

$qrX は、QR & Barcode Scanner を使用してスキャンした後の QR コードに保存されている x 座標を返します。QR コードスキャナー について詳しく見る。

$qrY は、QR & Barcode Scanner を使用してスキャンした後の QR コードに保存されている y 座標を返します。QR コードスキャナー について詳しく見る。

$barcodeValue は、QR & Barcode Scanner を使用してスキャンした後のバーコードに保存されている値を返します。

$barcodeHeight は、QR & Barcode Scanner を使用してスキャンした後のバーコードに保存されている高さを返します。

$barcodeWidth は、QR & Barcode Scanner を使用してスキャンした後のバーコードに保存されている幅を返します。

$barcodeX は、QR & Barcode Scanner を使用してスキャンした後のバーコードに保存されている x 座標を返します。

$barcodeY は、QR & Barcode Scanner を使用してスキャンした後のバーコードに保存されている y 座標を返します。