tacamy--blogスマートフォン用の表示で見るtacamy--blogJavaScriptを勉強中の人のブログです。楽天カンタン送料表示ウェブストアに出てる!!!感慨深い!!!Developer感アル。いう機能かというと、楽天の商品ページにいくと、画面左下に送料をすぐに見られるためのボタンが表示されるというものです。楽天の送料ページは、http://www.rakuten.co.jp/shopName/info2.htmlで見られるのですが、いろいろ面倒です。送料以外の情報も一緒に書かれている長すぎてどこを見ればいいのかぱっと見で分からないショップによって送料ページへのリンクの位置がバラバラこれらのことを解決したくて、送料の部分のHTMLだけをスクレイピングして取得してきて、商品ページ内で送料をすぐに見られる機能がほしかったのでつくりました。オススメの勉強方法Chrome拡張機能についての勉強は実質2時間くらいしかしてないけど、すごくお手軽につくれてしまった。事前知識ゼロからだったので、まずはドットインストールで勉強しました。プログラミングならドットインストールこれだけでかなり概要がわかって、私が作りたいものはカンタンそうだったので、勉強とかいいからとりあえずすぐにつくろうと思って、ほかにはとくに勉強してないです。公式サイトには、マニフェストの書き方とか、パーミッションの与え方とか、APIの使い方とかぜんぶここに書いてあるのですが、英語なので困ったら見る程度しか使ってない・・。Chrome技術的なことソースコードはGitHub上で公開してます。tacamy/rakuten-shippingjQuery使ってるし、とくに大したことは何もしてないのでアレですけど、次のようなことをしています。楽天の商品ページのURLはhttp://item.rakuten.co.jp/*なのですが、送料ページはhttp://www.rakuten.co.jp/*でドメインが異なるので、manifestにpermissionsの指定が必要でした。"http://www.rakuten.co.jp/*"],スクレイピング送料部分のHTMLにクラス名なりID名がついてればカンタンだったのですが、案の定テーブルレイアウトでそんなものなかったので、下記のような感じで、見出しにあたる部分の文字列を拾ってきて、そこから次のhrまでの部分をとってくるみたいなことしてます・・。.nextUntil('hr');ショップによって、なぜか微妙にこのへんが違う場合があって、たまにこれで取得できない場合もあります。その場合は、ボタン自体出ないようにしました。12:40楽天カンタン送料表示(Chrome拡張)を公開したよ!Tweet広告を非表示にする関連記事2019-07-11Chrome拡張機能から特定のドメインのcookieの値を取得するChrome拡張機能のバックグラウンドスクリプトから特定のサイト...2019-05-27Nuxt.jsへのStorybookの導入と、Sassの変数や共通CSSを読めるようにする設定かなり疲弊した。バージョンは次のとおり。»プロフィールid:tacamyスーパージャバスハカーになりたい。)月別アーカイブはてなブログをはじめよう!tacamyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。