Bubbleで生年月日（誕生日）から年齢を自動で計算する方法

ノーコードツール「Bubble」でユーザーの生年月日（誕生日）から現在の年齢を自動で計算する方法を紹介します。

結論、以下の計算式で実装できます。

今日の日付 – 生年月日 / 10000の小数点切り捨て

マッチングアプリ制作時などに活躍するテクニックだと思うのでぜひ参考にしてみてくださいませ！

動画解説バージョンはこちら！

なお、ノーコードBubbleの概要については以下の記事で解説しています。

【公認代理店が解説】ノーコードツールBubbleとは？使い方やデメリット、料金を解説

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

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

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

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

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

EPICs株式会社の特徴

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

実装イメージ

上記画像のように、ユーザー一覧やユーザー詳細に各ユーザーの年齢を表示させます。

年が一桁のユーザーから３桁と長寿ユーザーまで生年月日から年齢を自動計算可能です。

実装手順

以下の手順で実装します。

Userにdate型でbirthdayフィールドを設ける

ユーザーの年齢を計算する元となるデータ「birthday」フィールドをdate型でUser Typeに追加します。

年齢表示するTextエレメントに計算式をセットする

RepeatingGroup内などでユーザーの年齢を表示させるTextエレメントのAppearanceに生年月日から年齢を計算する式をセットします。

計算式は冒頭でも述べた通り。

Current date/time（今日の日付） – User’s birthday（ユーザーの生年月日）/ 10000の小数点切り捨てです。

もう少し詳しく説明すると、今日の日付と生年月日のformattedはCustom formatで数字のみ表記にしたいので、「yyyymmdd」を入力します。

「:converted to number」は、文字列として保存されている数値を数値形式に変換する魔法です。

最後の「:floor」で切り捨てて完了！よしなに年齢の後に「歳」など手入力で入れてくださいね。