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

構文(Syntax)

人間の言語と同じように、ProtoPieの式にも独自のルールと原則があります。構文(シンタックス)と呼ばれるこれらのルールは、テキスト、数値、レイヤーのプロパティ、変数などのさまざまな要素をどのように組み合わせて式を作成するかを規定します。

構文は、望む結果を得るためにこれらの要素を組み立てる際のガイドとなるフレームワークだと考えてください。ProtoPieの構文ルールを理解して従うことで、プロトタイプに命を吹き込む強力でダイナミックな式を作成できるようになります。

リテラル値の使用

式でレイヤープロパティ、テキスト、数値などの要素を使用する場合は、特定のルールに従う必要があります。

レイヤープロパティ

レイヤーを参照するには、レイヤー名をバッククォート(`)で囲みます。混乱を避けるため、レイヤーには重複しない一意の名前を使用することを強くお勧めします。

レイヤープロパティを使用するには、2つ目のバッククォートの後にピリオド(.)を追加し、その後にプロパティを続けます。

詳細はこちら:レイヤープロパティについて

テキスト

テキストはダブルクォーテーション(")で囲みます。

複数行のテキスト

改行を追加するには、単語や文字の間に「\n」を追加します。

数値

算用数字(0〜9)のみを使用します。

カラー

カラーは #FFFFFF 形式(16進数カラーコード)で指定します。

変数

変数を参照するには、変数名をそのまま使用します。変数名に使用できるのは、ラテンアルファベット文字、数値、アンダースコアのみです。

詳細はこちら:変数について

計算を行う

簡単な計算を行うには、基本算術演算(+、-、*、/)および剰余演算(%)を使用します。

算術演算

数値の基本的な算術演算は、加算(+)、減算(-)、乗算(*)、除算(/)です。

剰余演算

割り算の余りを計算するには、剰余演算(%)を使用します。例えば、5 % 2 の結果は 1 になります。これは、5を2で割ると商が2になり、余りが1になるためです。

テキストの結合

算術演算は通常、数値に適用されます。ただし、テキストを結合するために加算(+)を使用することができます。テキストが別のテキストに「加算」されると、その結果は2つのテキストが結合された新しいテキストになります。

テキスト + テキスト

2つ以上のテキストを結合するには、加算記号(+)を使用します。繰り返しになりますが、テキストは必ずダブルクォーテーション(")で囲んでください。

テキスト + 数値

加算記号(+)を使用して、2つ以上のテキストと数値を結合します。結果は常に新しいテキストになります。