Dr.WalletのデータからCSVを作る（解説編）
「実践編」からの続き。
2016/11/03：Chrome拡張機能ができました。期間を指定して一括取得できます。
Dr.WalletにはCSV出力（エクスポート）機能がないので、自分でやってしまおうという話です。
前回紹介したプログラムの解説編です。あんまり解説してません。
ソースを貼っておきますので、自由に改変して使いやすいようにしてどうぞ。当たり前だけど商用利用とかしないでね。他のウェブサイトにまるまるコピペするのも悲しいのでやめてね。
転載する場合は、このページを貼ってくださるとニッコリします。
Sponsored Link
ただしjavascript書いたのも久しぶりなので、基本的にクソコードです。「undefined？よくわかんね。」レベルなので変なところは多めに見てね。最近VBAerなので、にじみ出ているかもしれません。
※支出と収入のラベルがあべこべになっていましたので、修正しました。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 |
<textarea id="jinput"
placeholder='{ "aaData":[[ ... というようなDr.Walletのデータをペーストして下さい。'></textarea><br> <input id="outputsColumnName"
value="true"
type="checkbox"
checked="checked"/>列名を出力する<br/> <input id="splitsInOut"
value="true"
type="checkbox"
checked="checked"/>収支は別の列に出力する（割引（マイナスの支出）とかのデータも、よくわからないのでそのまま出力します。）<br/> <input id="outputsItems"
value="true"
type="checkbox"
checked="checked"/>明細を出力する（明細を出力しないの場合、複数カテゴリーがあるときは「食費/日用雑貨」という形になります。）<br/> <input id="outputsTransfers"
value="true"
type="checkbox"
checked="checked"/>振替を出力する<br/> <input value="CSVにしてみる"
onclick="joutput.value = dw_parse()"
type="button"><br> <textarea id="joutput"
placeholder="ここにCSVが出力されます。"></textarea></p> <script>var
dw_parse
=
function()
{ //unicodeをデータをデコードして、JSONをパースする var
data
=
JSON.parse(
uDecode(
document.getElementById('jinput').value)
); //明細に突合させるためのレシートデータ var
receiptList
=
{}; //CSVを作るための連想配列オブジェクト var
csvData; //csvDataのリスト var
csvList
=
[]; //処理対象の年月 var
currentYM; //JSONデータのaaData (レシートデータ) for(var
i
in
data.aaData){ //transferのデータが、当月以外も取得されているので、 //当月のデータのみCSVにする。 //receiptが存在せず、transferしかない場合は、たぶんうまく動かない。 if(!currentYM){ currentYM
=
data.aaData[i][0].substr(0,7); }else
if(currentYM
!=
data.aaData[i][0].substr(0,7)){ continue; } if(data.aaData[i][8]
==
'receipt')
{ var
receiptData
=
new
Object(); receiptData['date']
=
data.aaData[i][0]; receiptData['store']
=
data.aaData[i][1]; receiptData['amount']
=
data.aaData[i][2]; receiptData['category']
=
data.aaData[i][3]; receiptData['assets']
=
data.aaData[i][4]; receiptData['sortkey']
=
data.aaData[i][5]; receiptData['isexpense']
=
data.aaData[i][6]; receiptList[data.aaData[i][5]]
=
receiptData; }else
if(data.aaData[i][8]
==
'transfer'){ if(document.getElementById('outputsTransfers').checked)
{ csvData
=
new
Object(); csvData['date']
=
data.aaData[i][0]; csvData['store']
=
data.aaData[i][1]; csvData['item']
=
''; csvData['amount']
=
data.aaData[i][2]; csvData['category']
=
data.aaData[i][3]; csvData['assets']
=
data.aaData[i][4]; csvData['sortkey']
=
data.aaData[i][5]; csvData['isexpense']
=
(data.aaData[i][6]
==
null)
?
''
:
data.aaData[i][6]; csvList.push(csvData); } } }; if(document.getElementById('outputsItems').checked)
{ //JSONデータのtransactions (明細データ) for(
var
t
in
data.transactions){ for(
var
u
in
data.transactions[t]){ csvData
=
new
Object(); csvData['date']
=
receiptList[t]['date']; csvData['store']
=
receiptList[t]['store']; csvData['item']
=
(data.transactions[t][u]['name']
==
null)
?
''
:
data.transactions[t][u]['name']; csvData['amount']
=
data.transactions[t][u]['amount']; csvData['category']
=
data.transactions[t][u]['category_name']; csvData['assets']
=
receiptList[t]['assets']; csvData['sortkey']
=
u; csvData['isexpense']
=
data.transactions[t][u]['is_expense']; csvList.push(csvData); }; } }else{ //明細不要の場合はreceiptListをそのままcsvDataに追加 for(
r
in
receiptList){ csvData
=
new
Object(); csvData['date']
=
receiptList[r]['date']; csvData['store']
=
receiptList[r]['store']; csvData['item']
=
''; csvData['amount']
=
receiptList[r]['amount']; csvData['category']
=
receiptList[r]['category'].replace(/<br>/g,
'/'); csvData['assets']
=
receiptList[r]['assets']; csvData['sortkey']
=
receiptList[r]['sortkey']; csvData['isexpense']
=
receiptList[r]['isexpense']; csvList.push(csvData); } } //ソートしてみる csvList.sort(function(a,
b){ if(a['date']
<
b['date'])
{return
-1;} if(a['date']
>
b['date'])
{return 1;} if(a['sortkey']
<
b['sortkey'])
{return
-1;} if(a['sortkey']
>
b['sortkey'])
{return 1;} }); var
ret
=
''; //列名の出力 if(document.getElementById('outputsColumnName').checked){
ret
+=
'日付,口座,店名,'; if(document.getElementById('outputsItems').checked){
ret
+=
'品名,'; } ret
+=
'カテゴリー,'; if(document.getElementById('splitsInOut').checked){
ret
+=
'支出金額,収入金額'; }else{ ret
+=
'収支,金額'; } ret
+=
'\r\n'; } //CSV出力 for(
var
c
in
csvList
){ ret
+=
escapeComma(csvList[c]['date'])
+
','; ret
+=
escapeComma(csvList[c]['assets'])
+
','; ret
+=
escapeComma(csvList[c]['store'])
+
','; if(document.getElementById('outputsItems').checked){
//明細 ret
+=
escapeComma(csvList[c]['item'])
+
','; } ret
+=
escapeComma(csvList[c]['category'])
+
','; if(document.getElementById('splitsInOut').checked){
//収支を別の列に出力 if(csvList[c]['isexpense']
===
true){ ret
+=
escapeComma(csvList[c]['amount'])
+
','; }else
if(csvList[c]['isexpense']
===
false){ ret
+=
','
+
escapeComma(csvList[c]['amount']); }else{ //振替 ret
+=
escapeComma(csvList[c]['amount'])
+
','
+
escapeComma(csvList[c]['amount']); } }else{ //収支の別を出力 if(csvList[c]['isexpense']
===
true){ ret
+=
'支出'; }else
if(csvList[c]['isexpense']
===
false){ ret
+=
'収入'; }else{ ret
+=
''; } ret
+=
','
+
escapeComma(csvList[c]['amount']); } ret
+=
'\r\n'; } return
ret; }; //unicode表現の文字列をデコードする var
uDecode
=
function(str)
{ return
str.replace(/\\u([a-fA-F0-9]{4})/g,
function(a,
b)
{ return
String.fromCharCode(parseInt(b,
16)); }); }; //カンマを全角にする var
escapeComma
=
function(str){ return
String(str).replace(',',
'，'); }; </script> |
Sponsored Link
- JSONは、aaDataとtransactionsに大きく分かれています。
- aaDataはレシートデータと口座連携データ。
- ２重配列で、コアのデータは引用符付きのCSVのようです。
- CSVなのでどういう意味のデータかは想像する必要がありました。間違ってたらごめんね！
- 「分析編」の通り、当月以外の口座連携データが含まれています。なぜ…。
- transactionsは、aaDataに対応する明細データ。
- こちらはaaDataのコアデータの一つの項目がキーとなっており、突合できるようになっています。
- 深部まで潜っていくと、こちらは連想配列になっています。なぜこっちはCSV…。
- aaDataはレシートデータと口座連携データ。
- javascriptで複数項目でソートできるの初めて知った。気持ちいい！
- CSV出力の部分、ごり押しです。ごめんね！
実践編はこちら↓です。ブラウザ上で動作します。
以上！