カウンター

カウンターの設定

ステップ1: カウンターを追加

ここではカウンターをフローに組み込み、識別名を付けます。名前付けやラベル付けは準備段階であり、フロー内で追跡しやすく、ユーザーが何を調整しているか分かりやすくします

• API名：フロー内で参照するために、Counter1のような一意の識別子を付けます。

• ラベル：ユーザーにカウンターが何を制御するか示すために、「数量」や「スコア」などの説明的なラベルを追加します。

ステップ2: 基本設定

これらの設定はカウンターの開始点とユーザーの操作方法を定義します。開始位置や操作方法というルールを決めることで、読み込まれた瞬間から用途に合った動作になります

• 値：開始数値を設定します（デフォルトは0）。 例：事前に数量欄を埋める場合は5から開始します。

• モード：ユーザーの操作方法を選択します：

  • 入力：入力とボタンでの調整を許可します（デフォルト）。

  • （想定されるオプション） ボタンのみ：増減ボタンのみに制限します（利用可能な場合）。

• タイプ：数値の場合はNumberを選択します（デフォルト）。

ステップ3: 動作のカスタマイズ

このステップではカウンターの増減方法や制限を決めます。ガードレールや速度調整を設定するようなもので、数値が有用な形で変化し、シナリオに沿って範囲内に収まるようにします

• ステップ幅：クリックごとに値がどれだけ変わるかを定義します（デフォルトは1）。 例：半ステップ増分にするには0.5に設定します。

• 小数桁：小数点以下の桁数を制御します（例：10.25のような値に対して2）。整数にする場合は空欄にします。

• 最小値：許可される最小の値を設定します（例：負の値を避けるために0）。

• 最大値：許可される最大の値を設定します（例：カウントの上限を100にする）。

• 必須：先に進む前にユーザーが値を入力する必要がある場合はこれをオンにします。

ステップ4: ヘルプとスタイルを追加

最後の仕上げで、カウンターの使いやすさと見た目を向上させます。ヘルプを追加してユーザーを案内し、スタイルを整えてデザインに馴染ませることで、機能的なものをよりプロフェッショナルに仕上げます。

• フィールドレベルのヘルプ：ツールチップやヒントを追加します（例：「0から100の間の数字を入力してください」）。

• バリアント：視覚スタイルを選択します：

  • スタンダード：クリーンでシンプル（デフォルト）。

  • （想定されるオプション） コンパクト：レイアウトがタイトな場合に小さい表示（利用可能な場合）。