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

式のユースケース

さまざまなユースケースにおける式の具体的な活用方法をご紹介します。正しい構文、レイヤーのプロパティ、関数の効果的な使い方を学びましょう。プロトタイプを実際に試したりダウンロードしたりして、それらのインタラクションを確認できます。

および変数の詳細については、リンク先をご覧ください。

必要なユースケースを以下からお選びください:

変数に特化したユースケースをお探しですか?変数に関連するユースケースをご覧ください。

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

メールアドレスの検証

新規登録プロセスの一環として、テキスト(メールアドレスなど)を検証します。特定の文字やキーワードがテキスト内に存在するかどうかを確認します。この場合、入力された値がメールアドレスであるかどうかを検証するために、indexOf関数を使用して「@」が含まれているかどうかを確認します。


{'_type': 'localeString', 'en': 'Validating email address'}

ご自身でプロトタイプをお試しください

使用した関数:indexOf

関数条件、およびフォーカス(Focus)トリガーの詳細については、リンク先をご覧ください。

パスワードの最小文字数

セキュリティを向上させるため、通常パスワードには最小文字数が設定されています。length関数を使用して、入力された文字数が特定の数を超えているかどうかを確認します。


{'_type': 'localeString', 'en': 'minimun password length'}

ご自身でプロトタイプをお試しください

使用した関数:length

関数条件、およびフォーカス(Focus)トリガーの詳細については、リンク先をご覧ください。

パスワードの表示と非表示

入力したパスワードが正しいかどうかを確認するために、パスワードを表示または非表示にする必要があります。これには、入力レイヤーのtextプロパティを使用します。


{'_type': 'localeString', 'en': 'show hide password'}

ご自身でプロトタイプをお試しください

レイヤーのプロパティ条件、および検出(Detect)トリガーの詳細については、リンク先をご覧ください。

カウントダウンタイマー

自由な発想でカウントダウンタイマーを作成できます。テキスト反応のリピート設定を調整して、カウントダウンタイマーの時間を設定します。


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

ご自身でプロトタイプをお試しください

使用した関数:number

関数レイヤーのプロパティ、および算術演算の詳細については、リンク先をご覧ください。

ランダムシャッフル

固定された文字と数字のセットに基づいて、文字または数字をランダムに表示します。


{'_type': 'localeString', 'en': 'random shuffle'}

ご自身でプロトタイプをお試しください

使用した関数:right、left、randomInt

関数、およびスタート(Start)トリガーの詳細については、リンク先をご覧ください。

銀行口座残高の確認

銀行口座の残高がプラスかマイナスかを確認するために、数値が0を上回っているか下回っているかを検証します。


{'_type': 'localeString', 'en': 'checking a bank account balance'}

ご自身でプロトタイプをお試しください

使用した関数:sign

算術演算関数、および条件の詳細については、リンク先をご覧ください。

リスト内のカードの展開

スクロールコンテナのスクロール位置に関係なく、スクロール可能なカードリスト内のカードを展開し、カードが上部に移動して他のコンテンツのためのスペースを確保できるようにします。


{'_type': 'localeString', 'en': 'expanding a card'}

ご自身でプロトタイプ(弊社ユーザーのNestor氏作成)をお試しください

使用した関数:toLayerX、toLayerY

関数、および算術演算の詳細については、リンク先をご覧ください。