[插件] YNAB 進階技巧: Toolkit for YNAB 更好看的圖表

-

會知道 Toolkit for YNAB 這個插件是因為某一天逛 Reddit 發現怎麼有人網頁版 YNAB 右上角有 Days of Buffering 這個東西，看回復才知道說這是裝了 Toolkit for YNAB

什麼是 Age of Money?

Age of Money 錢錢的年紀大家其實一直搞不清楚，大部分人的回答都是 "就是錢直到被花掉前，大概會待在你的錢包多久"，但詳細的計算方式可能很複雜，所以我之前也不想搞懂，就只是覺得這數字應該要越大越好，超越 30 天就好棒棒。

不過既然提到他，那就要把它搞懂來，YNAB 官網有個文章是這樣說明的:
You'll see a metric for Age of Money right in the YNAB app. This number is the average age of your last ten outflow cash transactions (cash, as always in YNAB, meaning non-credit, not literal cash-and-coins)

所以其實他的計算方式其實滿清楚的:

  • 他只拿最後 10 筆花費的 transactions 支出 (紅色的、有 - 號的) 來做計算
  • 他只看現金流，就是 non-credit 不看信用卡那類的東西
但文章底下還有用 bucket 來講解的，看完才知道他還有用一個東西來計算:
  • 每一筆 transaction 他都會去找這筆錢從哪裡來的
舉個範例最快:
  • Day 0: 拿到發票獎金 $200
  • Day 15: 花掉了 $100
  • Day 30: 再花掉了 $100
我們花掉第一次 $100 元是靠 Day 0 的錢，所以距離 15 天，他就先記下 15 這個數字。
我們之後再花掉 $100 也還是靠 Day 0 被扣掉 Day 15 花的錢還剩 $100 可以用，但是這時候距離 30 天，他就再記下 30 這個數字。
所以說，最後的 Age of Money 就應該是取平均 (15+30)/2 = 22.5 天囉。如果 Day 0 的錢被花完他就會去找下一個可以繼續扣的錢，那就是他所謂的 bucket 就想像成有很多桶子裡面是錢等著被花。

不過就算你看到 Age of Money = 22 天好了，這是什麼概念? 雖然好計算但是卻一點都不直覺。

那 Days of Buffering 有比較直覺?

Days of Buffering 用中文講就非常直覺:

假如你今天就沒工作，什麼收入都突然沒的話，你可以活多久?

假設帳號裡面有 $100,000 好了，每個月平均花 $50,000 那麼他就會顯示兩個月，非常好理解。

不過這個功能預設應該是關閉的，你可以去 Budget Screen 搜尋 "Days of Buffering" 把他打開:


Toolkit for YNAB: 更好看的圖表

這應該是我覺得我最愛用 Toolkit for YNAB 的功能了。原本 YNAB 的 Reports 除了東西少之外，圖表格式也不好看。Toolkit for YNAB 的圖表不只好看以外，操作起來也順手。

他多了以下 YNAB 原本沒有的功能:
  • Inflow/Outflow
  • Spending by Payee
  • Income Breakdown
  • Balance Over Time
但我覺得我最喜歡用的其實就是 Income vs. Expense，他的格式比較接近 Excel:



這是我跟女友的最近三個月的共用錢包，反正$很少只是拿來付一些共用的支出就給大家看沒關係，只是我把銀行的名稱都改成 XXX 了 (那些超少的收入大部分都是信用卡回饋)。

我一段時間就會跑來看這報表，檢查一下最近是不是有項目可能越花越多，或是看一下可以從哪邊開始省錢。分析完我們自己的報表就發現吃飯錢 (Dining Out) 一直居高不下，因為我們平常都叫 Uber Eats 或 Foodpanda 點吃的。我們平常用慣了就會以為還好很便宜吧，但報表就跟你說 No。

還有一些很帥的圖表像是 Income Breakdown:


(圖片來源)

不過我覺得就是看看就好，大概感覺一下錢都跑到哪裡去，或許是可以拿來做一些資產分配，知道哪部分消費可以再減少，是不是股票的$投太少之類的。

Toolkit for YNAB 好用的設定

有幾個設定我覺得還滿好用的，跟大家分享看看:
  • General -> Budget Quick Switch: 有多個 Budgets 的話你點左上角的箭頭就直接顯示可以切換的 Budgets，不用再點 Open Budget
  • Account Screen -> Change Behaviour of Enter Key When Adding Transactions: 改成按 Enter 就只是儲存，不要再新增另外一筆
  • Budget Screen -> Add Goals Indication: 用一個英文單字顯示 goal
  • Budget Screen -> Current Month Indicator: 切換到目前的月份上面背景會變淺藍色，比較不會不小心切到其他月份忘記換回來
  • Budget Screen -> Days of Buffering Metric: 這就是前面講的，除了 Age of Money 會多顯示一個計算緩衝天數
  • Budget Screen -> Stealing From Future Alert: 這個我也覺得很重要，YNAB 設計有時候會不小心讓下個月的錢變成負的，開這個選項它就會在上面用亮紅色提醒你之後的月份有問題
  • Budget Screen -> Add Pacing to the Budget: 會多一個小綠點在每個項目 (category) 旁邊，如果是黃色的就代表你消費的速率可能太快了，還沒到月底這個項目可能就會被花光，滑鼠移上去小黃點還可以看詳細資訊
  • Budget Screen -> Days of Buffering History Lookup: 預設 Days of Buffering 計算方式會用所有時間平均下來的消費來計算，但是每年的消費習慣都在改，我自己是設成 1 year，所以超過一年的消費他就不會考慮了
其他的設定我覺得就見仁見智了，有興趣的話也可以把它全部看過一次看看你比較喜歡什麼可以開起來玩玩看。

安裝 Toolkit for YNAB

裝完插件，開 YNAB，如果看到側欄有 Toolkit Reports 就代表有在運作囉。

不過既然 Toolkit for YNAB 是非官方的社群開源軟體，所以偶爾我是會發現有一些 bugs，這時候要嘛就等一陣子他就會被修正，或是你也可以去他的 GitHub 回報 bugs。

留言

發佈留言

此網誌的熱門文章

[試算表] 追蹤台股 Google Spreadsheet (未實現損益/已實現損益)

-
圖片
在 Dcard 上發了一篇文結果引起超多網友回應想要看試算表，我就來整理一下我追蹤台股用的 Google 試算表給大家。 這個試算表我目標是以 "簡單" 為主，底下我也會講解公式的運作原理，希望大家能以此試算表輕鬆擴充自己想要的功能。 功能 未實現損益 (Unrealized Gain/Loss 表) 不管同一支股票是不是有部分已經賣出，只要你還持有未賣出的股票這邊都看的到。 已實現損益 (Realized Profit/Loss 表) 我過去的績效如何? 在這個表一目了然。 未實現損益: 詳細資料 (Unrealized Stats 表) 我還持有多少股? 每股市值多少? 每股的成本是多少? 在這個表可以快速追蹤。 手機友善 (Mobile Friendly) 我為了在手機上也可以快速看我想看的資訊，把 "Unrealized Gain/Loss" 做成比較窄的版型。 只要下載 Google Sheets app 打開試算表就可以了。 Google Spreadsheet 連結 Google Drive 連結 Stock Tracking 使用方式 請先點 "檔案" -> "建立副本"，copy 一份試算表到你自己的 Google Drive 將 "Current Price" 表單中填上你想要追蹤的股票代號和名稱 將 "Transactions" 表單中刪除範例資料，但請務必留下第 2 列 (因為有公式)，然後慢慢往下填入你的資料 Step 1: 檔案 -> 建立副本 Step 2: 新增/刪除股票代號和名稱 (紅框圈起處)，灰色底欄位代表有公式 Step 3: 在 "Transactions" 表填入資料到白色底欄位 (紅框圈起處)，灰色底欄位代表要讓公式自動計算 未實現損益的正確算法 其實在發 Dcard 文之前我自己也像 另外一個表單 犯了同樣的錯誤，就是只有在股票全部賣光光 (持有 0 股) 後計算的未實現損益才會正確。還沒全部賣光怎麼辦? 難道就不顯示了嗎? 飲料的例子 只要股票中途賣出一部分，目前還持有部分股票的話，感覺計算就突然變得很複雜。但不用怕，我們來用飲料當作股票舉個超簡單的例子 (1 杯=1
閱讀更多

[Side Project] 互動式教學神經網路反向傳播 Interactive Computational Graph

-
圖片
成品 互動式網頁連結:  Interactive Computational Graph 微積分課經典的範例 df/dx sin(x) / x: 2 個 inputs, 1 個 output, 沒有 hidden layer 的 fully connected neural network: 為何要做這套工具 以前在學 machine learning 的時候覺得最難理解的部分就是 backpropagation，也就是神經網路到底是怎麼用數學來做訓練的。 我們知道神經網路就是長這樣子: Source: Wikipedia 但實際上每個 neuron (圓圈圈) 裡面有許多基本的數學運算，像是 sum 還有 activation function: Source:  Neural Networks and Machine Learning 當我們把所有東西綜合在一起，腦袋就會打結，到底 chain rule 是怎麼在這麼複雜的神經網路之間套用的? 就算了解基礎也很難相信實際上到底怎麼運作的。我又沒有要真的使用的話，網路上的教學就覺得看看就好 Source:  A Step by Step Backpropagation Example 但決心要了解 backpropagation 細節之後，不少教學都提到了 computational graph，從基礎的數學運算當作 nodes 來去理解似乎是比較簡單的方式。 後來找到了這篇文章  Calculus on Computational Graphs: Backpropagation  把 chain rule 講解的簡單至極，於是就在想，為何我不做一個網頁，讓大家可以自由地組合想要的 graph，然後看一下 chain rule 是怎麼流通的。 失敗作經驗 在做這次 side project 前，其實早在一年前我就開始作另一個 side project 是想展現神經網路的訓練過程。名稱叫做 explain-derivatives，是被 TensorFlow 的一個網頁 A Neural Network Playground 啟發的。 但由於一開始欠缺規劃，想到什麼就加什麼功能進去，造成架構一直修改，最後由於程式碼架構太過複雜就放棄了。 這個 project 是用 Cytoscape.js 為底，加上 TypeScr
閱讀更多

[插件] 在 Chrome 網頁做區分大小寫的搜尋

-
圖片
寫軟體的時候最常用到的功能就是上網查 API 文件，但是常常會遇到一個困擾就是，搜尋的文字在 Chrome 裡面是不區分大小寫 (case-insensitive) 的。有的時候是還好，多按一些 F3 就找到了，可是有時候實在是太多大小寫的東西混在一起，這時候我們有一些快速的解法: 用 Firefox 搜尋 (Firefox 的搜尋框裡面預設就提供有 match case 的功能了) 開 DevTools 按 Ctrl + Shift + F 進行全部東西的搜尋 (不過大概會發瘋) 用插件的解法算是意外發現的，原本只是在找有沒有可以用 regex 搜尋的插件，沒想到意外發現  regex 的插件也是可以拿來做區分大小寫 (case-sensitive) 的一般搜尋。 用 Chrome Regex Search 來做區分大小寫的搜尋 先裝好 Chrome Regex Search 之後，按 Ctrl + Shift + F 或是點工具列的圖示，打上想找的文字就可以了。 例如我最近在看 Qt QTextCursor 的文件，但是我只想找 "cursor"，很不幸的如果用 Chrome 預設搜尋他會把一大堆 QText Cursor 也會找到: 如果用 Chrome Regex Search 就會侷限在小寫的 "cursor": 用 Regex 的陷阱 如果你不知道 regex 是什麼，那你很有可能會發現在搜尋一些含特殊符號的東西會搜尋到怪怪的東西，不然就是搜尋會失敗。 這是因為 regex 本來就是偏工程師在用的東西，有一些符號是有特殊涵意的，所以如果搜尋的字包含以下任何特殊符號記得要在前面加一個反斜線 \ ( ref ): . + * ? ^ $ ( ) [ ] { } | \ 例如我想搜尋 1+1=(2-1)+1*1 ，那其實要打 1\+1=\(2-1\)\+1\*1  才會正確找的到。 是不是很麻煩? 不過如果你要找的東西有特殊符號的話，其實用一般 Chrome 的搜尋通常是不會有太多搜尋結果的，那就用一般搜尋就好。 Chrome 什麼時候要支援大小寫搜尋? 其實上面弄了那麼麻煩，還不如開個 Firefox 搜尋更快。那我就滿好奇，這麼基本的功能怎麼 Chrome 一直都沒做? 找了一下才發現 Super User 有人
閱讀更多