GithubHelp home page GithubHelp logo

azu / kitchin-salt-calc Goto Github PK

View Code? Open in Web Editor NEW
6.0 3.0 0.0 244 KB

材料+容器+調味料の組み合わせから塩分濃度に基づいて入れる量を計算するツール

Home Page: https://kitchin-salt-calc.netlify.com/

TypeScript 99.46% JavaScript 0.54%
cooking calculator tool

kitchin-salt-calc's Introduction

キッチン塩分計算機

材料に入れる塩分を容器と調味料の組み合わせから計算するツールです。

Usage

  1. https://kitchin-salt-calc.netlify.com/ を開く
  2. 設定データに自分の調味料と容器をJSON形式で記入してSaveする
  3. 材料の重さを入力すると調味料容器の組み合わせで入れる量が表示される

設定データ:

  • 塩分濃度: 好みの塩分濃度の%。デフォルトは0.6%
  • 調味料: 調味料の名前ふりがな食塩相当量(100g中)の配列
  • 容器: 容器の名前ふりがな重さ(g)の配列
{
    "塩分濃度": 0.6, // 計算に使う塩分濃度
    "調味料": [
        {
            "名前": "塩",
            "ふりがな": "しお",
            "食塩相当量": 100
        },
        ...
    ],
    "容器": [
        {
            "名前": "ホットクック内鍋",
            "ふりがな": "ホットクック",
            "重さ": 562
        },
        ...
    ]
}

設定データ例:

{
    "塩分濃度": 0.6,
    "調味料": [
        {
            "名前": "",
            "ふりがな": "しお",
            "食塩相当量": 100
        },
        {
            "名前": "めんつゆ",
            "ふりがな": "めんつゆ",
            "食塩相当量": 16.0
        },
        {
            "名前": "コンソメ",
            "ふりがな": "こんそめ",
            "食塩相当量": 2.5
        }
    ],
    "容器": [
        {
            "名前": "ホットクック内鍋",
            "ふりがな": "ホットクック",
            "重さ": 562
        },
        {
            "名前": "ボール1",
            "ふりがな": "ぼーるいち",
            "重さ": 180
        },
        {
            "名前": "ボール2",
            "ふりがな": "ぼーるに",
            "重さ": 280
        },
        {
            "名前": "ボール3",
            "ふりがな": "ぼーるさん",
            "重さ": 500
        },
        {
            "名前": "ボール4",
            "ふりがな": "ぼーるよん",
            "重さ": 700
        },
        {
            "名前": "ボール5",
            "ふりがな": "ぼーるご",
            "重さ": 1000
        }
    ]
}

塩分濃度は0.5 ~ 0.7%程度で好きな値を入れると良さそう。

Tips

?weight=<数値> での初期値

次のように?weight=<数値>で材料の初期値を入力できます。

weight=<数値><その他文字列> の場合に数値のみを取り出すので、 音声入力で数値をクエリに渡して開く用途に利用できます。

Sponsors

kitchin-salt-calc's People

Contributors

azu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.