kintoneで作るシンプルな健康管理アプリ（これ１人用なんだ）

今日は、日々の体重や健康状態などを記録するアプリを作ってみましょう。
※私からのクリスマスプレゼントです・・・。受け取ってください・・・。

作るアプリ

健康目標アプリと日々の健康記録アプリの2つ作ります。

• 健康目標アプリ
  目標体重を入力するアプリ
  
• 日々の健康記録アプリ
  毎日の体重とか記録するアプリ。新規作成時にルックアップで自動的に体重持ってくるから色々楽。たぶん。
  
  
  

健康目標アプリ

フィールドの準備

フィールドの種類	フィールド名	フィールドコード	備考
日付	日付	日付
数値	元々の体重	元々の体重	単位kg
数値	目標体重	目標体重	単位kg
文字列(1行)	キー	キー	重複禁止

レコードを1件作っておこう

日付、元々の体重、目標体重を入力して、キーはとりあえず1って入れておきましょう。

日々の健康記録アプリ

フィールドの準備

フィールドの種類	フィールド名	フィールドコード	備考
日付	日付	日付
数値	体重	体重	単位kg
ラジオボタン	体調	体調	絵文字で自由に
文字列(1行)	備考	備考	複数行でもいいよ
計算	何キロ減った	何キロ減った	計算式：元の体重-体重
計算	あと何キロ	あと何キロ	計算式：体重-目標体重
グループ	グループ	グループ
ルックアップ	ルックアップ	ルックアップ	グループフィールド内 設定は後述
日付	最初の日付	最初の日付	グループフィールド内
数値	元の体重	元の体重	グループフィールド内
数値	目標体重	目標体重	グループフィールド内
文字列(1行)	カレンダータイトル	カレンダータイトル	グループフィールド内 ☑自動計算する 計算式：体調 &" / " & 体重

ルックアップの設定

フォームの配置

JavaScript

(() => {
  'use strict';
  // 編集、新規作成
  kintone.events.on(['app.record.edit.show','app.record.create.show'], function(event) {
    // キーをベタがきしてる
    event.record.ルックアップ.value = 1;
    event.record.ルックアップ.lookup = true;
    
    return event;
    
  });
  
  // 一覧
  kintone.events.on('app.record.index.show',function(event){
      const el=kintone.app.getFieldElements('体調');
      el.forEach(e=>{e.style.fontSize='x-large';});
  
      return event;
  })
  
})();

まとめ

日々の健康記録アプリのグラフや一覧画面をちょっと工夫すると
現在の体重がバレないような見た目にできる。
コードもちょっとだし、作るのも入力も簡単だからやってみてね。