Zenn
🤖

Aamzonの商品ページURLをシンプルにするブックマークレット

に公開
JavaScript
Bookmarklet
tech

Amazonの商品ページURLをシンプルな構造に変換し、クリップボードにコピーするブックマークレットです。

完成形

まずは完成形。

javascript:(() => {
    const getDp = () => {
        let url = document.URL.split(`dp`)[1].split(`/`)[1];;
        return `https://amazon.co.jp/dp/` + url;
    };
    const main = () => {
        navigator.clipboard.writeText(getDp());
    };
    main();
})()

やっていること

  • 開いているページのURLを取得し、dpと次に出てくる/に挟まれた部分を抽出する
    • splitを2回使うことで達成しているが、絶対にもっと頭の良い実装がある
  • http://amazon.co.jp/と、抽出した文字列を結合する
  • この文字列を、クリップボードにコピーする

やっていないこと

  • Amazon以外のページで動かないようにする
  • 実行結果をモーダルで表示する

↑自分の環境で動けば良かろうなので、省略しました。

参考

「Amazon URL シンプル ブックマークレット」などで検索すると以下のようなものが出てきます。こちらの方が使いやすい方もいると思います。

文字列をクリップボードにコピーするやり方が分からなかったので、以下のページを参考にしました。navigator.clipboard.writeText()を覚えました。

Discussion