Multiple DOM threads ? Yes! Make your apps faster, parallelize away heavy DOM operations. Get started
Multiple DOM threads ? Yes! Make your apps faster, parallelize away heavy DOM operations. Get started
これは VirtualDOM Advent Calendar 2014 に勝手に参加する記事です。 あたたかい春の昼下がりのこと、あるブラウザベンダの社内を不穏な噂が駆け巡った。 「React.js なるライブラリ、どうも仮想 DOM というやつのせいで速いらしいぞ」 もうリアルな DOM はお役御免、ブラウザも商売上がったりか・・・。雇用に不安を覚える人(私)がいる一方、 そのアイデアをとりこんでブラウザの DOM を速く出来ないかと考える人たちもいた。 仮想 DOM はなぜ速いのか。誰かのつてを辿って React.js チームにおいでいただき、速さの秘密をテックトークしてもらう。 イミュータブルなデータ構造による単純化、非同期適用による処理のバッチ化、差分アルゴリズムによる副作用の最小化… いくつかのアイデアはブラウザからはどうにもならないが、たとえば非同期化なんかは形は違えどブラウザ
Fast, flexible, and lean implementation of core jQuery designed specifically for the server. View the Project on GitHub MatthewMueller/cheerio Download ZIP File Download TAR Ball View On GitHub cheerio Fast, flexible, and lean implementation of core jQuery designed specifically for the server. Introduction Teach your server HTML. var cheerio = require('cheerio'), $ = cheerio.load('<h2 class = "ti
Insanely fast, full-stack, headless browser testing using node.js View the Project on GitHub Download ZIP File Download TAR Ball View On GitHub Zombie.js Insanely fast, headless full-stack testing using Node.js Zombie 6.x is tested to work with Node 8 or later. If you need to use Node 6, consider using Zombie 5.x. The Bite If you’re going to write an insanely fast, headless browser, how can you no
This is a W3C-DOM XML Library for NodeJS with XPath and namespaces. It is implemented using the C based LibXML2 and the Ajax.org O3 component system. This is the only W3C-DOM standards based XML api for NodeJS we are aware of so your code should work in both the browser and nodejs. This project is used in production in many NodeJS based backend projects for Ajax.org and updated frequently. You can
前回，JavaからHTMLドキュメントに埋めこんだJavaScriptにアクセスし，HTMLドキュメントのDOMを操作する方法を紹介しました。しかし，DOM操作を行うにはJavaScriptで記述しなければなりません。 そこで，J2SE 1.4で導入されたのが，HTMLドキュメントのDOMを直接Javaから扱うことができるCommon DOM APIです。次世代Java Plug-inではCommon DOM APIも改善されています。ここでは，Common DOM APIの改善点だけでなく，Common DOM API全体について紹介します。 Common DOM API Common DOM APIはJAXPで扱うDOM APIにHTML特有のインタフェースなどを加えたAPIです。 たとえば，HTMLドキュメントの全体を表すためにorg.w3c.dom.Documentインタフェースの
こんな名前のAPIがありますね。主にXMLの読み込みを行う為のAPI群であります。SAX以外は、書き出しもできますね。そう、SAXは書き出しできないのですね、基本的に。 <foo> <bar>baz</bar> </foo> っていうもの凄い単純なXMLを、これらのAPIでどのように扱うのか。比較なエントリ。 まずはDOM DOMは、パース時にXMLの内容を全てメモリ上に保持し、パース後にどの要素にもいつでもアクセスできるような環境を作り出す。 import java.io.ByteArrayInputStream; import java.io.StringWriter; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.t
2008年06月15日06:00 カテゴリLightweight Languages javascript - json2dom() & dom2json() これまた車輪の再発明ではあるのですが、前に自分で作ったものを含めて気に入ったのがなかったので。 /lang/javascript/dom2json/ - CodeRepos::Share - Trac Demo Source: <div><!-- comment will be ignored --> <img alt="dan" src="http://www.dan.co.jp/~dankogai/dan-180x240.png" style="float:left" width="45"> The quick brown fox jumps over the blazy lazy.dog. <p class="pp" styl
趣旨 ウェブページとして描画された HTML 要素の画面上の位置を取得する。一見簡単そうに見えるこの作業が、現在実装されているブラウザ上ではとてつもなく難しい。そのことを以下で説明していく。 情報ソース この問題に関して調べたところ、最もよく出来ているエントリは、susie-t 氏による offsetTop/offsetLeft/offsetParentの闇 である。とてつもない力作で、実に多くのケースにわたって、包括的に探究が行われている。まるで犯人を追跡する刑事のような執拗さである。氏の自己紹介では「ナマケモノのプログラマ」とか謙遜されているが、これはとてもナマケモノにできる仕事ではない。 基本中の基本として W3C CSS 2.1 の次の章を抑えておきたい。 8 Box model 9 Visual formatting model 10 Visual formatting mode
セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 ヤフー担当者が語る！ 安心なサービスを作るための試行錯誤 効率とリスクのバランスをどうしているのか 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 激変するビジネス環境の中でのDX モダンアプリ
The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually, that means JavaScript, although modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language, as such. The DOM represents a document with a logical tree. Each branch of the tre
近年，Ajaxの台頭をきっかけに，JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では，ページの表示を変化させるだけであれば，ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ～ドキュメントツリー～ 第3回 DOMスクリプティングのことはじめ(1) ～要素（タグ）を狙い撃ち～ 第4回 DOMスクリプティングのことはじめ(2) ～これはどんな要素？～ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～ 第8回 スクリプトのパッケージ化 ～使い回しできるスクリ
Live DOM Viewer HTMLの構造をリアルタイムに階層表示してくれる「Live DOM Viewer」。 HTMLの論理構造を可視化したい場合になかなか使えそうです。 使い方は、一番上のウィンドウにHTMLを入力するだけ。それで、２段目のブロックにHTMLの階層構造をツリー表示してくれ、更に３段目のブロックにプレビュー表示してくれます。 関連エントリ サイトのCSSを見たままリアルタイムに編集するツール色々 CSSベースのフォームテンプレート セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個
Mouseover DOM Inspector v2.0.2 Help Overview The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. Browsers currently supported are Firefox, Mozilla, Netscape 8, Opera 7.5+ and MSIE6+ on all of their respective Operating Systems. To begin using the Mouseover DOM
slayeroffice | tools | Mouseover DOM Inspector v2.0 Help The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. ブックマークレットで簡単起動できるDOMインスペクタ。 次のように、カーソルを合わせた部分のHTML要素の属性についてサクっと知ることができます。 ( 上記はブログのタイトル画像にカーソルを合わせて、画像の属性について表示させているところ ) FirefoxのFireBugにも同様の機能が存在しますが、
11月28日(フランス時間)、Stuart Colville氏は同氏のブログにおいて"DOMTool"という小粋なツールを公開した。JavaScriptで開発されたシンプルなツールで、実現のコンセプトも含めてなかなか興味深い。ライセンス表記も使用許諾も明記がないが、ブログの内容から察する限りではサービスの提供が目的ではなく、デベロッパ向けのちょっとしたアイディアと実装の紹介といったもののようだ。 DOMToolとは DOMToolはStuart Colville氏によって実装されたツール。入力にHTML文書を与えると、そのHTML文書を生成するDOMツリーをJavaScriptコードで出力するというもの。JavaScriptを使った開発をしている途中で、DOMツリーを生成する必要に迫られた場合など、同ツールでサクッとDOMツリー生成のJavaScriptソースコードが作れて便利!という寸法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く