読み込み中...

ツール・自動化 · 完了

UberEats高杉くん

UberEatsで破産しそうなので、ここで我慢すればこんなものが買えると提示してくれるChrome拡張機能

期間: 2024年8月 – 2024年8月
分野: ツール・自動化
所属: 趣味（個人・チーム）
状態: 完了

概要

UberEatsで破産しそうな時に、ここで我慢すればこんなものが買えると提示してくれるChrome拡張機能を開発しました。
UberEatsの注文画面でカートの合計金額を取得し、その金額で購入できる商品を表示することで、過剰な出費を抑制することを目的としています。
Chrome拡張機能として実装し、UberEatsのページに直接機能を組み込むことで、注文時に自然に表示されるようにしました。

アーキテクチャ

popup.html / popup.jsポップアップUI
background.jsバックグラウンド処理
content.jsスクリプト注入
UberEatsのページ

Chrome拡張機能として開発しました。
manifest.jsonを使用して拡張機能の設定を行い、content.jsを使用してUberEatsのページにスクリプトを注入しました。
background.jsを使用してバックグラウンド処理を実装し、popup.htmlとpopup.jsを使用して拡張機能のポップアップUIを実装しました。
UberEatsのページのDOMを操作してカートの合計金額を取得し、その金額で購入できる商品を表示する機能を実装しました。

技術的挑戦

課題UberEatsのページ構造の理解とDOM操作解決UberEatsのページのDOM構造を解析し、カートの合計金額を取得する方法を実装
課題Chrome拡張機能の実装解決manifest.json、content.js、background.js、popup.html/jsを使用してChrome拡張機能を実装
課題商品情報の取得と表示解決カートの合計金額で購入できる商品を取得し、適切に表示する機能を実装