GN125、グラディウス400のメンテナンス/カスタムブログです。バイクGNブログRSSまとめカメラ/写真/絶景IT系GN125作成したスマホアプリ/Webアプリたちスクレイピングを補助するChrome拡張機能(プラグイン)を作りました公開日:2016.09.22更新日:2018.04.16IT系JavascriptHOMEIT系Javascriptスクレイピングを補助するChrome拡張機能(プラグイン)を作りましたみなさん、こんにちは!前回、Chrome拡張機能の作り方を勉強したよーという記事を書きました。そこでプラグインのサンプル的なのをアップしましたが、折角なのでもう少し改修して使えそうな拡張機能として残すことにしました。こちらからダウンロードできます作ったものはこんな感じのものです。現在表示されているwebページから、ボタンをポチっと押すと、指定した情報を抽出できるよ、というプラグインです。今回はそれを汎用化して、CSSセレクタを入力して抽出ボタンを押下すると、取得した要素のinnerHTMLを取得してくれる、という機能にしました。これだけじゃまだ微妙なんで、セレクタの保存/取得の機能も付与しておきました。保存したセレクタは、リスト表示された文字列をポチっと押せばテキスト枠にコピーされますので、すぐに抽出できます。a[/text]と入力して抽出ボタンを押下すればタイトル一覧が抽出できます。p[/text]と入力すれば、ツイート一覧が抽出できます。img:src[/text]と入力すれば、商品画像のURL一覧が取得できます。さり気なく登場させましたが、この拡張機能の仕様として、[text]CSSセレクタの文字列:要素から取得した属性名[/text]とコロン区切りで取得した属性名を受け付けるようにしています。img:srcとかって入力すればokです。UIを使わないと!という記事を書きました。(前回の記事はこちら⇒【Phonegap[...]【React】Reactに爆速で入門する3。hidetaso[...]【Phonegap/Cordova】console.logの落とし穴。今回は、Phonegapアプリの実機デバッグ時のハマり点についてです。hidetaso[...]ブラウザだけで作るアイキャッチ画像。今回は、Webブラウザだけで完結できる、アイキャッチ画像の簡単な作り方をご紹介します。Ph[...]【Talend】sequenceで連番を振る方法。【Javascript】爆速でChrome拡張プラグイン開発を試す。作り方は意外とかんたんでした。【Talend】グローバル変数の使い方(globalMapとcontext)【Talend】条件分岐(if)する4つの方法をまとめました【JSF入門02】ボタン押下時のイベントを扱う。入門01】開発環境の構築。TalendをインストールしようETL開発ツールは比較するまでもなくTalend一択だと思う。入門02】CSVデータを変換する。Talendの使い方からはじめます。【エストレヤ】なんと妹がバイク乗りになるらしい。いうわけでバイクを購入しました。Songバイクでツーリングいこっ!心に残る絶景を写真にGN倶楽部IT系カテゴリの最新記事2019.03.06Wordpress,【WordPress】突然固定ページが404エラーで表示されなくなった!?ので私の対処法を書きます。WebSlides,【WebSlides】HTML+CSS+Javascriptでプレゼン資料を作成したら割とウケた話。React,【React】Reactに爆速で入門する4。React,【React】Reactに爆速で入門する3。React,【React】Reactに爆速で入門する2。WordPress.。