資産管理にマネーフォワード MEを使われている方はたくさんいらっしゃると思います。
わたくし千鳥足も毎週・毎月末のリスク資産の整理に、マネーフォワードME WEB版の「資産内訳」「資産推移」を愛用しています。
でもこの「資産内訳」、ブラウザ上で見ているぶんには良いのですが、手元のEXCELやGoogleスプレッドシート等で好みの形に加工しようとすると、少々面倒なことに気付きます。
面倒くさがりなあなたと何より僕自身のために、「資産内訳」の情報をぽんっ♪と手軽にクリップボードにコピーするブックマークレットを作成しました。
マネフォワPON! で出来ること
ブックマークレット「マネフォワPON!」は、マネーフォワードMEの「資産内訳」の明細を形をととのえてクリップボードにコピーします。
ブックマークレットとは…?という方は、ウィキペディアの記載を参照ください。
ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、なんらかの処理を行う簡易的なプログラムのことである。
非定型なマネーフォワードMEの「資産内訳」
マネーフォワードMEの「資産内訳」は以下のようなページです。
資産クラスごとに明細の形が異なるので、EXCELやGoogleスプレッドシート等で整理するには使いづらいのが難点です。
こんなふうに表の形式がバラバラなんですよね… ( ‘ᾥ’ )
「マネフォワPON!」で定型にしてコピーする
ブックマークレット「マネフォワPON!」を使用すると、このばらばらの明細をクリック1発でクリップボードにコピーできます。
クリップボードにコピーしたデータは、そのままEXCELやGoogleスプレッドシート等に貼り付けることができます。
マネフォワPON! の利用方法
ブックマークレットのコード
ブックマークレット「マネフォワPON!」のコードは以下のとおりです。Copyボタンをクリックした後「CTRL+C」でコピーしてください。
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 |
javascript:!function(a){ var ar=new Array(); if(a.getElementById('portfolio_det_depo')) { tb=a.getElementById('portfolio_det_depo').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('現金'+"\t"+row.cells[0].innerText+"\t"+row.cells[1].innerText.replace('円',''));} } if(a.getElementById('portfolio_det_eq')) { tb=a.getElementById('portfolio_det_eq').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('株式'+"\t"+'['+row.cells[0].innerText+']'+row.cells[1].innerText+"\t"+row.cells[5].innerText.replace('円',''));} }; if(a.getElementById('portfolio_det_mgn')) { tb=a.getElementById('portfolio_det_mgn').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('株式(信用)'+"\t"+'['+row.cells[0].innerText+']'+row.cells[1].innerText+"\t"+row.cells[6].innerText.replace('円',''));} }; if(a.getElementById('portfolio_det_mf')) { tb=a.getElementById('portfolio_det_mf').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('投資信託'+"\t"+row.cells[0].innerText+"\t"+row.cells[4].innerText.replace('円',''));} } if(a.getElementById('portfolio_det_bd')) { tb=a.getElementById('portfolio_det_bd').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('債券'+"\t"+row.cells[0].innerText+"\t"+row.cells[1].innerText.replace('円',''));} } if(a.getElementById('portfolio_det_fx')) { tb=a.getElementById('portfolio_det_fx').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('FX'+"\t"+row.cells[0].innerText+"\t"+row.cells[2].innerText.replace('円',''));} } if(a.getElementById('portfolio_det_pns')) { tb=a.getElementById('portfolio_det_pns').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('年金'+"\t"+row.cells[0].innerText+"\t"+row.cells[2].innerText.replace('円',''));} } if(a.getElementById('portfolio_det_po')) { tb=a.getElementById('portfolio_det_po').getElementsByTagName('table')[0]; for(let row of tb.rows) {if(row.rowIndex > 0) ar.push('ポイント'+"\t"+row.cells[0].innerText+"\t"+row.cells[4].innerText.replace('円',''));} } if(ar.length>0){ var txt=a.createElement("textarea"); var b=a.getElementsByTagName("body")[0]; txt.textContent=ar.join("\n"); b.appendChild(txt); txt.select(); a.execCommand('copy'); b.removeChild(txt); alert('資産内訳をクリップボードにコピーしました。'); } }(document); |
コードが汚いとか非効率とかセンス無いとかいう意見は受け付けません…。めちゃめちゃ久しぶりにJavaScriptのコードを書きました…。
なお、このコードでは、対象の資産クラスは以下8種に限定しています。
なぜこの8種に限定しているかというと、我が家のマネーフォワードMEに表示される資産クラスがこの8種だけだからです。
我が家のマネーフォワードMEに表示されない資産クラスは、どのようなタグで・どのような形で出力されるか窺い知れないため、これだけしか対応できないの…。というのが実状です。(^_^;
もしあなたの「資産内訳」に他の資産クラスも表示されているならば、「資産内訳」ページのHTMLソースから対象の資産クラスに紐づくsection タグ(IDが「portfolio_det_」で始まるもの )を探してください。このIDさえ把握できれば、もとからあるコードを参考にして、見よう見真似で追加いただけるかと思います。
コードなんか分かるかボケェ!!という方は、コメントやTwitter(@chidoriashi_sh)経由でsectionタグのIDと画面のハードコピーをいただければ対応いたします。画面のハードコピーは明細の表示形式を見たいだけなので、気になる方は金額を塗りつぶすなどして送付ください。
ブックマークレットの登録
ブックマークレットのコードをコピーしたら、ブラウザにブックマークレットを登録します。
Chrome の場合
ブックマークバーの上で右クリックをして「ページを追加」を選択してください。(Chrome でブックマークバーを表示していない場合には、右上「…」のメニューから「ブックマーク」-「ブックマークバーの表示」を選んでください。)
「ブックマークを編集」画面が表示されます。
-
- 名前:マネフォワPON!
- URL:(前の手順でコピーしたコードをCTRL+Vで貼り付け)
とした上で、「ブックマークバー」を選択して「保存」ボタンをクリックします。
Chrome のブックマークバーに「マネフォワPON!」が追加されました。これでブックマークレットの登録は完了です。
Edge の場合
Edgeでの手順は、簡単に文字だけで説明しますね。
- お気に入りバーが表示されていない場合には、右上「…」のメニューから「お気に入り」-「お気に入りバーの表示」-「常に」を選んでください。
- お気に入りバーの上で右クリックをして「お気に入りの管理」を選びます。
- 「☆お気に入りの追加」をクリックします。
- 名前に「マネフォワPON!」、URLに前の手順でコピーしたコードをCTRL+Vで貼り付けて、「保存」ボタンをクリックします。
ブックマークレットの使い方
使い方は簡単です。
マネーフォワードMEの「資産内訳」ページを表示している状態で、ブックマークバーに登録した「マネフォワPON!」をクリックしてください。「資産内訳をクリップボードにコピーしました。」というメッセージが表示されれば、うまく実行できています。
あとは、EXCELやGoogleスプレッドシート等に貼り付けます。貼り付けたい場所で「CTRL+V」で貼り付けられます。
ここまで出来てしまえば、あとは自由です。
みなさんの用途に応じて自由に加工・集計などしてください。
関連記事
本ブックマークレットを使用して、EXCELで資産内訳を分類等するためのツールも用意しています。
よろしければこちらもどうぞ。
【EXCELツール】マネーフォワードMEの「資産内訳」を分類・整形して使いやすくする
[…] ※この記事で紹介しているプログラムは千鳥足さんが作成したものを参考にしています。 […]