秋月の通販のカートに入っている商品一覧をCSVに吐き出すChrome拡張「Akizuki Cart to CSV」を作った

宣伝

ぐりです。タイトルの通り，Chrome拡張を作って公開したので宣伝です。

Akizuki Cart to CSVとは

みんな大好き，秋月電子通商の通販サイトで，カートに入れた商品の一覧をCSVで吐き出すことができるChrome拡張です。設計中に秋月のカートにぽいぽい入れておいて，CSVで吐いて部品リストにするとか，店舗に行く前に欲しいものを整理してCSVを印刷して持って行くとかに使えると思います。

操作は簡単，アドレスバーの横に表示される「Aki→CSV」のアイコンをクリックすると，ポップアップが出てきて，保存ボタンを押すとCSVでダウンロードされます。

f:id:gurigoroblog:20180113194519p:plain

入手はこちらから。気に入ったら，評価やレビュー，TwitterなどのSNSでの紹介を是非おねがいします。

chrome.google.com

内部の動作

内部のプログラムはJavaScript (ES2015)とjQueryを利用しています。同級生に絶対怒られるやつだ。ボタンをクリックすると，バックグラウンドで秋月電子通商の買い物かごのページにアクセスします。そして，カートの表をjQueryでスクレイピングして，CSVに書き出しています。「2つ目のtdタグ」みたいな指定が沢山あります。なので，秋月のサイトのレイアウトが変わったりすると動かなくなります。

不具合とか，今後の展望

  • 数割（例えば10個以上買うと単価が安くなるとか）が適用された商品の単価が1個の時の値段になってしまう（合計や数量は表から取得しているので正しいです）
  • 表のヘッダを日本語・英語選択できるようにする（今はガバガバ英語です）
  • 列の順番を入れ替えられるようにする
  • 商品ページでブラケットで囲まれた半角英数字の型番（例：[ESP32-DevKitC]）を取得できるようにする
  • 過去の購入履歴をCSVに吐き出せるようにする。

やるとは言ってないです。やって欲しかったら，投げ銭ください（）

ソースコード

あとでGitHubに上げます。フォーク，プルリク大歓迎です。とりあえず.gitignoreを書いてからじゃないとまずい事になるので…

[1/13 20:38追記]

GitHubで公開しました。

github.com

最後に

これをChromeウェブストアに公開するのに，Googleに5USD払ったので，ぜひ投げ銭ください…

あと，作るきっかけと，紹介ツイートをしてくれたぽんず君(@pons658)に感謝です。