爆速HTML – Elmでの仮想DOM | POSTD
新たな elm-html ライブラリでは、HTMLとCSSをElmで直接使用できます。FlexBoxも使ってみたいし、既存のスタイルシートも使い続けたいですか？ Elmは使いやすくなり、処理が 速く なりました。例えば、 TodoMVC アプリを再作成する場合、Elmの コード はとても単純で、 事前のベンチマーク でも、他の人気ライブラリに比べ処理速度が極端に速いという結果が出ています。 elm-html とMercuryは、どちらも virtual-dom プロジェクトを基にしているので、パフォーマンスが優れています。この記事では、前半で“仮想DOM”とは何か、 純粋性 と 不変性 によっていかに処理速度が上がるかということについて詳しく検証します。この検証によって、なぜOm、Mercury、Elmがベンチマークでこのような素晴らしい数字を出したかが分かるでしょう。 パフォーマンスは人
Shadow DOM に触れてみた - Qiita
HTML5 Conference 2013 で聞いた「Web をまともにしたいので Shadow DOM と Web Components をつくってます」(動画参照)。 この講義を見て、調べながら実際に ShadowDOM を使ってWebComponents をつくってみました。 講義中にて紹介のあった、Polymer を使って自作のエレメント x-helloworld を実装してみました。 Polymer のインストール Polymer は、WebComponents を簡単に使えるようにするフレームワークのような、ライブラリのような、コンポーネント集でもあるようなものと、講義中で紹介されています。 今回は最低限のライブラリのみ使用して、最低限のコンポーネントを作成しました。 次のコマンドでPolymerをインストールします。(bowerをインストールしていないと動きません) そうする
DOMとBOM - hiroki_tkgの日記
【ブラウザ・オブジェクト・モデル ⇒ BOM】 ブラウザ自体をオブジェクトにとれますよ。(ブラウザ自体で色々操作ができますよ) console.log(); 要素の検証のconsole画面で色々教えてくれる。 ・console.log(window.innerHeight); で、windowの高さを表示してくれる ・window.location.href="http://google.com"; でリダイレクトしてくれる。 【Document Object Model ⇒ DOM】 ・console.log(document.width); ウィンドウの横幅を教えてくれる。 ・document.body.bgColor = "red"; ウィンドウの背景色を赤色にしてくれる。 DOMの操作(つまりは、document)はめちゃくちゃたくさんあるらしい。 javascriptから文書内の
ビギナー向けデバッグツールで効率的に開発しよう
主要なブラウザ「Chrome・Safari・Firefox・Internet Explorer」のビギナー向けデバッグツールが紹介された勉強会のエッセンスをお届けする。 2013年3月21日、新宿で行われたhtml5j.org主催の第37回HTML5とか勉強会に参加してきました。 今回のテーマはビギナー向けデバッグツール特集ということで主要なブラウザ「Chrome・Safari・Firefox・Internet Explorer」のデバッグツールに加え「Adobe Edge Inspect・Edge Reflow」の紹介が行われました。 筆者もそうですが、普段何となくデバッグツールを使っている方が多いと思います。しかしデバッグツールは、上手に活用することでWebサイト・アプリケーションの効率的な開発を行ったり、パフォーマンスチューニングの際に問題となる部分を素早く特定できたりする便利なツー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Tool | Version 1.1
http://muffinresearch.co.uk/code/javascript/DOMTool
