読み込み中...
UberEats高杉くん
2024年8月 - 2024年8月
趣味
プロジェクト概要
UberEatsで破産しそうな時に、ここで我慢すればこんなものが買えると提示してくれるChrome拡張機能を開発しました。UberEatsの注文画面でカートの合計金額を取得し、その金額で購入できる商品を表示することで、過剰な出費を抑制することを目的としています。Chrome拡張機能として実装し、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拡張機能を実装
- 商品情報の取得と表示 → カートの合計金額で購入できる商品を取得し、適切に表示する機能を実装