[LINE] 売上レポート画面を改善するスクリプトを開発

昨日仕様が変更された売上レポート画面の不便な部分を改善するスクリプトを開発しました。

できること
使い方
配布
追記/機能追加
関連リンク

課題

大きく変わったのは、グラフ表示の新設と一覧表の撤去です。

グラフ表示の新設

グラフでサマリーを示すこと自体は正常進化で大歓迎なのですが、対象スタンプ数と対象日が残念仕様。一見きれいに表示されているように見えますが、販売セット数が増えるとやっかいになります。

対象スタンプ数
上限5個。例えば20セットのスタンプを販売中でも5個分の合計金額までしか分からない。どうしても5個。デフォルトでは売上の多い順でもなく、申請IDの早い順に5個。チェックボックスの切り替えもやりづらい。
対象日
なぜかグラフ対象が翌日までなので、全員が毎日右肩下がりのグラフを見続ける仕様。事情は思い当たらず。

ちなみにグラフ自体は拙作「売上グラフメーカー」と同じGoogleChartのAPIで描画されています。

一覧表の撤去

単なる表示方法の変更であれば慣れれば済む話だったのですが、なんとこれまでの一覧表がまるごと撤去されてしまいました。とくに自分でデータを加工/保存/管理したい人にとっては悪夢のようなアップデートです。

グラフメーカーでは累計履歴や前日比、曜日別平均値のグラフ生成や、それらの画像書き出しまで一発自動処理できていたのですが、元となる情報を隠されてしまっては加工のしようがありません。ある日突然CSVダウンロードボタンが出現することを切望する毎日となりました（2日目だけど）。

ということで、不満を述べていても仕方ないので早速スクリプトで対処してみた次第です。前置きが長くなりました。

できること

ワンクリックでこうなります。

グラフ対象のスタンプ数の上限を撤廃
全スタンプのグラフを即生成→日毎のトータルを把握
テーブルにソートボタンを付与→売れている順に並び替え可能
全合計金額欄を追加→スタンプひとつあたりの平均値も

方法

ブックマークレットを利用します。

ブックマークレットとは、ブックマークのURL部分をスクリプトにすることで、表示中のページを色々いじくる小技のことです。要するにブックマーク。

つかいかた

普段使っているブックマークバー（お気に入りバー、サイドバーなど）に以下の呪文をまるごと登録するだけです。一度設定しておけば、次からはワンクリック。連打せずグラフの再描画まで1〜2秒待ちましょう。

javascript:function%20toArray(c){var%20a,k;a=new%20Array;for(k=0;k<c.length;++k)a[k]=c[k];return%20a;}function%20insAtTop(par,child){if(par.childNodes.length)%20par.insertBefore(child,par.childNodes[0]);else%20par.appendChild(child);}function%20countCols(tab){var%20nCols,i;nCols=0;for(i=0;i<tab.rows.length;++i)if(tab.rows[i].cells.length>nCols)nCols=tab.rows[i].cells.length;return%20nCols;}function%20makeHeaderLink(tableNo,colNo,ord){var%20link;link=document.createElement('a');link.href='javascript:sortTable('+tableNo+','+colNo+','+ord+');';link.appendChild(document.createTextNode((ord>0)?'%E2%96%B2':'%E2%96%BC'));link.style.color='#ffffff';link.style.backgroundColor='#09b125';link.style.display='inline-block';link.style.padding='5px';link.style.textDecoration='none';link.style.borderRadius='3px';return%20link;}function%20makeHeader(tableNo,nCols){var%20header,headerCell,i;header=document.createElement('tr');for(i=0;i<nCols;++i){headerCell=document.createElement('td');headerCell.appendChild(makeHeaderLink(tableNo,i,1));headerCell.appendChild(document.createTextNode('%20'));headerCell.appendChild(makeHeaderLink(tableNo,i,-1));header.appendChild(headerCell);}return%20header;}g_tables=toArray(document.getElementsByTagName('table'));(function(){var%20j,thead;for(j=0;j<g_tables.length;++j){thead=g_tables[j].createTHead();insAtTop(thead,makeHeader(j,countCols(g_tables[j])))}})%20();function%20compareRows(a,b){if(a.sortKey==b.sortKey)return%200;return%20(a.sortKey%20<%20b.sortKey)%20?%20g_order%20:%20-g_order;}function%20sortTable(tableNo,colNo,ord){var%20table,rows,nR,bs,i,j,temp;g_order=ord;g_colNo=colNo;table=g_tables[tableNo];rows=new%20Array();nR=0;bs=table.tBodies;for(i=0;i<bs.length;++i)for(j=0;j<bs[i].rows.length;++j){rows[nR]=bs[i].rows[j];temp=rows[nR].cells[g_colNo];if(temp)%20rows[nR].sortKey=temp.innerHTML;else%20rows[nR].sortKey='';++nR;}rows.sort(compareRows);for(i=0;i%20<%20rows.length;++i)insAtTop(table.tBodies[0],rows[i]);}(function(){if(typeof%20jQuery=='undefined'){var%20jq=document.createElement('script');jq.type='text/javascript';jq.onload=bookmarklet;jq.src='http://ajax.googleapis.com/ajax/libs/jquery/2/jquery.min.js';document.body.appendChild(jq);}$("meta[name=viewport]").removeAttr("content");$('input').each(function(){$(this).removeAttr('disabled').attr("checked",true).prop('checked',true).trigger("click",[true]).trigger("click",[true]).change();});var%20vc=0;var%20total=0;$('td.ng-binding').each(function(){$(this).text(($(this).text().replace(/\%C2%A5/g,"0000000").replace(/\,/g,"")).replace(/[\n\s%20]/g,"").slice(-7));}).each(function(){total+=parseInt($(this).text());vc++;});$('tbody').after('<t'+'foot><t'+'r>'+'<t'+'d%20colspan="3"%20style="padding:10px;text-align:right;"><span%20style="font-size:1.5em;font-weight:bold">%E5%90%88%E8%A8%88:%20'+total+'%E5%86%86</span>%EF%BC%881%E3%82%BB%E3%83%83%E3%83%88%E3%81%82%E3%81%9F%E3%82%8A:%20'+Math.round(total/vc)+'%E5%86%86%EF%BC%89</t'+'d></t'+'r></tfo'+'ot>')})();
（最新版:2015-03-24）

ブックマーク名は自由。iPhone、iPadでも動きます。
元の表示に戻すには、リロードすればOK。

免責

例によってマイページの仕様変更があれば動作しなくなる可能性があります。上記の不便なところもすぐに改善されるかもしれません
残念ながらグラフ自体は外からいじることができず、グラフ内の情報にもアクセス出来ないため、さらなる利便性を追求する余地はあまりありません
スタンプ数12セット以上の大量の場合は検証できないのでどうなるかはわかりません

まとめ

ひとまず上の呪文をブックマークの押しやすい場所に入れておくと吉。
とくに5セット以上販売中の方。
一般論として仕様変更のストレスは慣れることで解消するが、提供していたデータを突然隠して利便性を損ねてはいけない。
マイページの今後のアップデートには期待。とくに個別の売上データ。

追記

2016-08
[LINE] 「統計情報」画面を改善するスクリプトを公開しました。
2015-10

『LINEクリエイターズスタンプでバッチリ稼ぐ本』に掲載されました。（著者様よりご連絡いただきました。）

2015-03-24
仕様変更により合計金額が正しく表示されなくなった問題を解消しました。
2014-09-04
スマートフォン／タブレット端末での拡大縮小機能を追加しました。
2014-08-18
マイページに「統計情報」が追加されました。各スタンプを使われている順に並べ替えたりもできます。ここで使う場合は「合計金額」表示は無視で。
2014-08-18
桁数を増やし、月数百万の売上まで対応しました。