【JavaScript】querySelector よりもパワフルに DOM からノードを取得しよう！【XPath】 - Qiita

2024/01/26 94 users Qiita querySelector DOM ノート

const getNodesByXPath = (xpath) => { const evaluator = new XPathEvaluator(); const expression = evaluator.createExpression(xpath); const result = expression.evaluate( document, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, ); return [...Array(result.snapshotLength)].map((_, i) => result.snapshotItem(i)... 続きを読む

フロントエンドで知っておきたい要素指定の考え方 - アニメイトラボ開発者ブログ

2015/12/23 44 users フロントエンド アニメイトラボ開発者ブログ 要素指定 考え方

2015 - 12 - 23 フロントエンドで知っておきたい要素指定の考え方 Tweet はじめまして、 アニメイト ラボのフロントエンドエンジニア id:koharusugiura です。 今回は XPath について書きたいと思います。 HTML 文書から任意の要素を取得する際、多くの場合 jQuery や Selectors API などで セレクター を使いますよね? セレクタ ーは細かい... 続きを読む

【スクレイピングのやり方#2】周りに勧められてスクレイピングなるものをしてみたいけど何すればいいのかわからなかったあの日の自分へ | Project name

2015/01/26 79 users スクレイピング Anemone nokogiri 周り コア

前回 => 【スクレイピングのやり方#1】周りに勧められてスクレイピングなるものをしてみたいけど何すればいいのかわからなかったあの日の自分へ の続きです。 今回はanemoneの最も重要な2つのポイントである、 (Nokogiriに基づく)xpathの理解 anemoneの動かし方 を扱っていきます。 今回の3部作の中で最もコアな部分ですので、ググりながらゆっくり読んでみてください。 5.座学：サ... 続きを読む

HTML の構造を YAML で吐き出すスクリプトを書いた - ヤルキデナイズド

2014/02/17 39 users YAML ヤルキデナイズド pixiv OMA スクリプト

2014-02-17 HTML の構造を YAML で吐き出すスクリプトを書いた pixiv の HTML がどんどん変わって pixiv gem が追従できなくて困った。ので楽するやつを書いた。 HTML を読み込ませると要素の親子関係と各要素の属性を YAML にして書き出す。テキストノード他は無視する。 XPath か CSS Selector で不要な要素を取り除くことができる。 !oma... 続きを読む

XPath使うならxmlpathパッケージ - YAMAGUCHI::weblog

2013/09/29 30 users YAMAGUCHI Weblog

2013-09-29 XPath使うならxmlpathパッケージ Go はじめに こんにちは、Go界の大杉漣です。いま、辻堂で合宿をしています。 xmlpathパッケージ GoでHTMLをパースしてごにょごにょしたいというときはgoqueryを使うことが多いですが、個人的にはあのコールバック書きまくるスタイルが好きではなく「そこまでjQueryの真似しなくてもいいだろ」と思っていました。 goqu... 続きを読む

UIWebVIewでスクレイピングするライブラリの試作版を作った - laiso - iPhoneアプリ開発グループ

2012/07/15 56 users UIWebView laiso example ライブラリ

https://github.com/laiso/WebScraper-iOS これ。 サンプルアプリでPinterestのpopular(http://m.pinterest.com/popular/)の写真を閲覧するやつを入れた。 想定する使い方はこんな感じ。取得したい要素のXPathを指定する。 Example/RootViewController.m#L34 // UIViewContro... 続きを読む

コーヒーサーバは香炉である » Google Chrome 用機能拡張 “CustomBlocker” をリリースしました

2012/01/26 49 users コーヒーサーバ 機能拡張 HTML文書 要素 キーワード

Google Chromeの機能拡張を作ったので公開しました。 CustomBlocker (Chrome Web Store) かなり細かいフィルタリング機能を追加します。 どこのサイトで どの要素の中を検索して どんなキーワードが含まれたら どの要素をブロックするか というのを全部自分でカスタマイズできます。 HTML文書の中の狙った要素(しかも複数)を選択するとなると、どうしてもXPathを... 続きを読む

XPathGraph

2008/04/10 294 users グラフ 生成 申し訳 ウェブサイト上 はてなグラフ

ただいま6月7日以降に新しく作成したグラフが更新されない不具合を確認しています。原因調査中ですが、マッシュアップ先のはてなグラフの影響の可能性もあり解決までしばらく掛かるかもしれません。ご不便をお掛けしまして申し訳ございません。作成済みのグラフに関しては問題なく更新されています。また登録についても（更新はされないものの）可能です。 XPathからグラフを生成。 XPathGraphはウェブサイト上... 続きを読む

XPath使いのための日本語チートシート

2008/03/13 511 users XML 文法 DOM操作 英語 内容物

XPath使いのための日本語チートシートを公開しています。内容物→XPathチートシート、XPath全関数一覧、Xpath for Javascriptなど。XPath使いのための日本語チートシート 第２版 XPathで楽してDOM操作したい！XMLを弄り倒したい！と思うけれども文法がよく分からんと。 これは困った。かといって英語のCheat Sheetsは一目で分かりづらい。 現在（2008年3... 続きを読む

てきとうにクリックしたらてきとうにWeb::Scraperのコードを作ってくれるWebScraper IDE - bits and bytes

2008/03/12 212 users Scraper SITEINFO まえ ドキュメント web

まえに作ったWeb::Scraperのjavascriptバージョンwebscraper.jsとXPathをてきとうに作ってくれる機能を追加したwebscraperp.jsにHTMLのドキュメントから繰り返し部分をみつけてSITEINFOをつくるAutoPagerize Iteration Detectorみたいなみためをくっつけて、取り出したい部分をクリックしたらてきとうにXPathを生成してW... 続きを読む

Firefox の拡張機能をふとした時に手元でチョコチョコいじれるようにしとくと楽しい - IT戦記

2007/11/30 262 users Firefox IT戦記 手元 拡張機能 Firebug

この記事でFirebug ハッキング Tips を纏めたい Firebug に一行追記して右クリックで XPath をコピペ出来るようにする。 - IT戦記とか言ってたけどその前に、僕は Firebug だけじゃなくて、だいたいの拡張機能で、簡単に「チョコチョコいじれる化」というのをしてるのでそれを書いてみます。 チョコチョコいじれる化とはjar ファイルを解凍しておいてすぐ書き換えられるようにし... 続きを読む

JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記

2007/11/12 865 users 関数 JavaScript IT戦記 速度 エンジン

javascript, xpathJavaScript-XPath とはJavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイト... 続きを読む

Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex

2007/09/13 250 users outsider reflex ノート CSS3セレクタ

CSS3セレクタとXPathでの表現の対応表 - Sep 13, 2007 拡張機能勉強会の時に焚き付けられた、Text Shadowのコード（textshadow.js）を教材にして拡張機能開発のノウハウを解説していくシリーズ。 XPathをノードの検索に活用する方法を紹介したけど、肝心のXPathが書けなきゃ意味がないわけで。でもXPathって、ノードセットがどうとかノードテストがどうとか軸が... 続きを読む

ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち

2007/05/31 617 users jQuery ウノウラボ Unoh Labs hide 難点

こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれて... 続きを読む

naoyaのはてなダイアリー - HTML::TreeBuilder + CSSセレクタがいい感じな件

2006/10/06 115 users naoya selector Element CSSセレクタ

先日 PerlでCSSセレクタ で HTML::Selector::XPath がいい感じであると思ったわけですが、CSS セレクタだけじゃなく何気に HTML::TreeBuilder::XPath とのコンボがすげーイイ!ということにいまさら気づきました。HTML::TreeBuilder::XPath で findnodes するとツリー状に連なった HTML::Element なデータ構造... 続きを読む

HTML::Selector::XPath をリリース: blog.bulknews.net

2006/10/03 103 users selector Bulknews CPAN subtech

HTML::Selector::XPath をリリース CSS Selector in Perl とか subtech - Bulknews::Subtech - CSS selector to XPath あたりで議論していた CSS 2 Selectors to XPath コンパイラなモジュールをつくって、CPAN に HTML::Selector::XPath としてリリースしました。 使... 続きを読む

naoyaのはてなダイアリー - Perl で CSS セレクタ

2006/10/03 93 users naoya セレクタ perl scr CSS

ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。川o・-・）＜2nd life - ruby のスクレイピングツールキット scr... 続きを読む

ruby のスクレイピングツールキット scrAPI - 川o・-・）＜2nd life

2006/09/22 330 users ツールキット セレクタ scrapi Ruby スク

http://blog.labnotes.org/category/scrapi/ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。... 続きを読む

技術メモ帳 - Firebugの便利な組み込み関数

2006/08/02 206 users Firebug Body 配列 ドキュメント HTML

id:brazil さんのブックマークで知ったのだが、Firebugには、便利な組み込み関数が定義されているようだ。一通りさわってみたのだが、$x() で 任意のXPath要素が取得できるのとかに感動した。そして、やっぱりちゃんとドキュメント読むべきだなぁと思った。 XPathから要素を取得する。 $x("/html/body/h1"); -> 要素の配列が返ってくる。 selector名から要素... 続きを読む