完成したサービス
買い物カゴを一つにまとめよう
OneCart
よかったら使ってください。
作ろうと思った経緯
よくネットで買い物をするのだが、気になった商品があったりするとブックマークで保存していた。しかし、これだとurlだけが残るだけで、ぱっと見で商品がわからないし、金額もわからない。
pocketみたいな感じで、URLを入力したら自動で作成されるような感じにしたかった。
よく使うAmazon,Yahooショッピング,zozoなどなど、いろんなサイトのカートをひとまとめにできたら楽だなと思ったから作った。
本当はメルカリのデータも取得したかったんですが、スクレイピングしようとすると403が返ってくるし、どうもメルカリさんはVPSサーバーのIPをブロックしているっぽい。プロキシサーバー使ったり、Seleniumやlaravelのdusk(本番環境で使えない)使ったりなんかはできると思うのですが、面倒なのでとりあえすパス。
制作期間
これといって難しいものは特に使ってないので、だいたい5日間くらいで終わった。ロゴとサービス名を考えるのに一番時間がかかったかもしれない。結果的にすごく適当なロゴになってしまった。
使ったもの
勉強ついでにGoで作ろうかと思ったけど、そこまで高速処理を求めてないし、短期間で素早く作りたかったので使い慣れているものでサクッと作った
laravel/vue.js/vuetify/vue router/vuex
laravelでSPA作る時によくある構成、認証はJWTを使用
スクレイピングにはgoutteを使用している
入力されたurlからogpを引っ張ってきてアイテムを作成している。
商品かどうかの判断は、まずOGPのtypeでざっくり判断し、ページから価格が取得できた場合には商品として判定している。精度はまぁまぁ。だんだんと上げていく予定。
OGPがちゃんと設定されていないサイトが多すぎる印象。しっかりしてくれ。
今後
個人的に便利だなーって思う感じに仕上げていく予定。
カレンダー機能をつけていつ何を買ったかとか見れるようにしたい。
chromeの拡張機能でワンクリックでurl保存できるようにしたい。
最後に
デザインのセンスが欲しい・・・
次はバイクのツーリング仲間を募集できるサイトを作ります。