これまで20年ほどリユース・二次流通のドメインで「目利き」として活動してきましたが、今回はITエンジニアとしての側面を全開にして、長年温めてきた自作サービスを公開させていただきます！🙇♂️
作ったもの
最近のメルカリを使って特に思うのが「欲しい商品に辿り着けない」というストレスです。今回それおを解消するためのツールが「メルプロ」です。
メルカリの検索結果から、悪質なスパムや検索汚染を非表示（フィルタリング）にする拡張ツールになります。
「特定のキーワードを羅列している出品者」や「ノイズとなっている商品」を独自のロジックでシャットアウトし、純度の高い検索結果を表示させます。
メルプロ導入前（空き箱や付属品がいっぱい...）
メルプロ導入後（スパム判定や特定のキーワードの商品が全て非表示に...!!）
概要
- スパムのステルス化: 説明文に関係ないブランド名や単語を並べている出品を自動で消去。
- ショップの非表示化：検索キーワード乱用のショップなどを自動で非表示。
- 検索体験の浄化: 余計なノイズを排除し、本当に探している商品だけが並ぶ本来の姿に戻します。
作った経緯
メルカリ愛用歴10年ほどですが、最近はプロ・アマ問わず「検索汚染」が酷すぎて、リサーチ効率が著しく低下しています。
「このブランドのこの年代を探しているのに、無関係な安物ばかりが出てくる……」
この課題をエンジニアとして、そしてバイヤーとしての知見を総動員して解決したいと思い、開発しました。
使用した技術は主にJavascript, HTML, css, Fiebase,Stripe
5分でできる！Chrome拡張機能の作り方
「メルプロ」のようなツールも、実はシンプルな構成から始まっています。まずは土台を爆速で作ってみましょう。
準備するもの
- ブラウザ: Google Chrome
- エディタ: VSCodeなど
- スキル: 初歩的なHTML/JSの知識（DOM操作が分かればOK）
開発の3ステップ
1. フォルダとファイルを作る
適当な名前のフォルダ（例：melpro-test）を作り、以下の3つのファイルを配置します。
## manifest.json（拡張機能の設定ファイル）JSON
{
"manifest_version": 3,
"name": "メルプロ・テスト版",
"version": "1.0",
"action": { "default_popup": "popup.html" }
}
<!--popup.html-->
<!--ポップアップ表示するやつ-->
<!DOCTYPE html>
<html>
<body style="width: 150px;">
<button id="btn">ノイズを消す</button>
<script src="popup.js"></script>
</body>
</html>
// popup.js（ボタンを押した時の動き）
JavaScript
document.getElementById("btn").addEventListener("click", () => {
alert("検索汚染のクリーニングを開始します（デモ）");
});
2. Chromeに読み込む
Chromeで chrome://extensions/ を開く。
右上の**「デベロッパーモード」**をONにする。
**「パッケージ化されていない拡張機能を読み込む」**から、作成したフォルダを選択しアップロード
-
動作確認
ブラウザ右上のパズルアイコンから、今入れた「メルプロ・テスト版」をピン留め。
アイコンをクリックしてボタンを押し、アラートが出れば成功です！
意外と簡単なので興味のある方ぜひ自作も出来ます。自分で作るのはちょっとという方は是非末尾のGoogleフォームからメルプロの利用申請をしてください。た
募集：一緒に「メルプロ」を作ってくれる仲間へ
ありがとうございました🙏
以下のフォームより、ぜひあなたの「検索に対する熱意」を教えてください！
https://docs.google.com/forms/d/e/1FAIpQLSdJgPjVqALnbF0-9tLFu_tevYIC6vF6pUNB3Y59SDGVVLebIg/viewform?usp=publish-editor