【Bubble】数値の千単位を「K」に、百万単位を「M」に変換して表示する方法

ノーコードツールBubbleで、数値の千単位を「K」に、百万単位を「M」に変換して表示する方法をご紹介！

以下のような方にぜひ読み進めていただきたいです。

• 動的な数値が1,000以上のときに、千以上の単位を残しそれ以外の部分は「K」で置き換えて表示させたい人
• 動的な数値が1,000,000以上のときに、百万以上の単位を残しそれ以外の部分は「M」で置き換えて表示させたい人

また、本メディアを運営する「EPICs株式会社」では、ノーコードを活用したアプリ・システム開発を行っております。

従来のスクラッチ開発に比べ、ノーコードツールを活用した開発には以下のメリットがあります。

• 開発期間をおよそ1/3に抑えられる → 検証や新規事業に向いている
• 開発費用をおよそ1/3に抑えられる → 浮いた費用を別の領域に利用できる
• リリース後の改修スピードも早い → PDCAを早く回せる

日本最大級のノーコード開発実績を持つ弊社なら、高度なものもスピーディーに開発することが可能です。ぜひご相談ください。

ノーコード開発サービスについて詳しく知る

EPICs株式会社の特徴

• 日本最大級のノーコード開発実績 → 高度な開発もスピーディー
• 複数のノーコードツールに対応 → 最適なツール選びで開発費用・期間を最大限抑えられる
• マーケティングまで支援が可能

実装イメージ

今回の記事で紹介する方法を実践すると、上の添付画像のような数値の変換を実装できます！

ご覧の通り、数値が1,000の場合、1Kと表示したり、数値が1,000,000の場合には1Mと表示が可能です。

Bubbleで数値の千単位をKと表示する方法

数値の千単位をKと変換して表示する実装の考え方は以下の通り。

数値が1,000以上のときに、その数値を1,000で割って末尾にKをつけるというConditionをConditionalタブで設定する

それでは実際に上記をBubbleに落とし込みましょう。一例ですが、以下のように設定することで実装できます。

When 数値 >= 1000のときに、Textの表示を数値 / 1000Kにするという意味です。

＜無料＞資料ダウンロード

【ノーコード開発】お役立ち資料３点セット

「ノーコード開発会社の選び方」「EPICs株式会社ノーコード開発の実績集」
「受託開発サービス概要」が同梱されたお役立ち資料セット

氏名

次へ

法人名

戻る次へ

メールアドレス

戻る次へ

電話番号

送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

戻る

Bubbleで数値の百万単位をMと表示する方法

数値の百万単位をMと変換して表示する実装の考え方は以下の通り。

数値が1,000,000以上のときに、その数値を1,000,000で割って末尾にMをつけるというConditionをConditionalタブで設定する

千単位のときとほぼ同じですがこちらも実際に上記をBubbleに落とし込みましょう。以下のように設定することで実装できます。

When 数値 >= 1000000のときに、Textの表示を数値 / 1000000Kにするという意味です。

また、千単位の変換と、百万単位の変換を併用する場合は、以下のように設定します。

小数点を切り捨てたいときは、割ったあとに:floorをつけてあげればOKです！