やはりHTML/DOMは再発明されるべきじゃないか - mizchi's blog

2017/10/01 846 users npm GUI ヘイト mizchi's blog HTML

2017 - 10 - 02 やはりHTML/DOMは再発明されるべきじゃないか と思う次第である。以下理由。 JavaScript , GUI 設計の今 JSはそのプラットフォーム特性上、あらゆる言語の使用者の、あらゆる不満が集まる場所で、ヘイトを集めやすい環境だと思う。近年は npm というプラットフォームの登場でエコシステムが生まれ、思いつく限りあらゆるメソッドが適用されてきた。貧弱な言語基... 続きを読む

node.jsとjQueryでスクレイピングするウェブアプリの作り方 | さくらたんどっとびーず

2011/01/31 725 users ウェブアプリ jQuery セレクタ メインストリーム スク

やっぱ jQuery 便利ですよ(*´・ω・)(・ω・｀*)ﾈｰセレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。で、先日サーバサイドJavaScript... 続きを読む

JavaScript - Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita

2014/10/24 720 users Qiita スタイリング レイアウト Webフロントエンド

Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろJavaScript(3744)dom(11)damele0nが2014/10/24に投稿編集リクエストを作成する もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ 例えば sc... 続きを読む

インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena::Engineering

2010/08/05 673 users Engineering nanto_vi 音質 密度 録画

今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、Javascriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので、音質・画質とも良好にできました。明日もAM10:30より、Javascript界の貴公子id:nanto_viによる「... 続きを読む

リアルな DOM はなぜ遅いのか - steps to phantasien

2014/12/12 608 users 商売上がったり React.js 昼下がり ブラウザベンダ

これは VirtualDOM Advent Calendar 2014 に勝手に参加する記事です。 あたたかい春の昼下がりのこと、あるブラウザベンダの社内を不穏な噂が駆け巡った。 「React.js なるライブラリ、どうも仮想 DOM というやつのせいで速いらしいぞ」 もうリアルな DOM はお役御免、ブラウザも商売上がったりか・・・。雇用に不安を覚える人(私)がいる一方、 そのアイデアをとりこん... 続きを読む

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

2020/01/04 551 users Qiita React TypeScript Vue 概念

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript +... 続きを読む

【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル

2009/09/14 528 users デバッグ アドオン ハウツー 一苦労 エンタープライズ

複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ... 続きを読む

ブラウザのしくみ: データ構造とアルゴリズムと雰囲気で理解する DOM と Shadow DOM — hayato.io

2017/12/25 505 users hayato.io アルゴリズム Shadow DOM

この記事は Chromium Browser アドベントカレンダー 24 日目の記事です。 内容の一部は Chromium の Git レポジトリの Source/core/dom フォルダの README ファイル （英語）が元になっています。README の想定読者は Chrome の開発者でしたが、この記事の想定読者は一般の Web 開発者です。 この記事の一部は README ファイルに還... 続きを読む

jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog

2008/12/16 482 users jQuery KAYAC engineers Fil not

DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 （一部jQueryではなく、DOMの仕様上の制限も含まれています） 1 $().filterにstring以外のものを渡すとエラー $().findや$().notは大丈夫ですが、$().fil... 続きを読む

[ajax] JKL.ParseXML／ajax通信処理ライブラリ

2005/05/19 439 users Ajax Kawa.netxp XML 配列 ライブラリ

Kawa.netxp [ajax] JKL.ParseXML／ajax通信処理ライブラリ JKL.ParseXML クラスは、サーバ上の XML 形式ファイルをダウンロード〜解析して、 JavaScript オブジェクト（配列やマップ）に変換するライブラリです。 複雑な DOM 操作なく簡単なスクリプトで XML 形式ファイルを扱えるため、 Amazon など XML を出力する既存の Web サ... 続きを読む

これから先10年、フロントエンドに関する予言 - mizchi's blog

2016/11/04 437 users 予言 mizchi's blog フロントエンド wasm

2016 - 11 - 04 これから先10年、フロントエンドに関する予言 これは怪文書です ここから10年はWASMがDOMの GC インテグレーションを果たしてJSを置き換えるか、JSがWASMに追いつかれる前にまともな言語として進化しきれるかの チキンレース になる ES Modules のブラウザ実装が枯れた頃に先鋭化したフロントエンドツールセット群は一旦そこで破棄され、シンプル化への揺り... 続きを読む

PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌

2012/06/18 431 users jQuery Server-Side スクレイピング PHP

phpmaster | Server-Side HTML Handling Using phpQuery PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」。 紹介記事を読んで使ってみました。 phpQuery はjQueryのPHP版でDOMの操作をjQueryっぽくできるライブラリです。 HTMLのスクレイピングはもちろん、HTMLを追加したり要素に... 続きを読む

HTML/XHTML Character Entities : HTML.SU

2007/09/02 413 users freeware CHEMISTRY DTD Pictu

Other projects of manual.su: Freeware, HTML, CSS, XML, MathML, DTD, JavaScript, W3C DOM, SSI, SQL, UTF, Chemistry, Free fonts, Cheat sheets Other projects of Itlibitum, Corp.: Polls, Free icons, Pictu... 続きを読む

css Zen Garden：CSS デザインの美

2005/03/03 402 users CSS デザイン WaSP 遺物 小道 CSS

悟りへの道 あるブラウザ特定のタグ、互換性のない DOM、使えない CSS サポートといった過去の遺物が暗く荒涼としたウェブの小道を散らかしているのが現在の状態です。 今日、私たちは過去のやりかたを頭から消し去らなければいけません。ウェブの悟りは、W3C、WaSP、そして大手ブラウザメーカーといった人たちの絶えまざる努力のおかげで達成に至りました。 css Zen Garden は達人の大事な教え... 続きを読む

Android端末のロック解除時にフルスクリーン広告　cciとDOMが共同開発 - ITmedia ニュース

2013/09/10 389 users CCI スリープモード Android端末 ページ遷移 共同

サイバー・コミュニケーションズ（cci）とディー・オー・エム（DOM）は9月10日、Android端末のセキュリティロック解除後にフルスクリーンで広告を表示するシステムを共同開発したと発表した。 スリープモードから復帰する際のセキュリティロック解除後に、フルスクリーンの広告が2～3秒表示される仕組み。Webでページ遷移の間に挟み込むインタースティシャル型広告をロック解除に適用したもので、「ユーザー... 続きを読む

JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]

2006/08/27 381 users インスペクタ Firebug Firefox デバッグ 関数

IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log、console.debug などの関数が使えるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能... 続きを読む

まだXMLHttpRequestを使ってるの？　fetchのすすめ

2018/10/09 342 users XMLHttpRequest fetch XHR 地位 唯一

JavaScriptでWeb的なプログラムを書いたことがある人は、XMLHttpRequestを使った経験もあるのではないかと思います。（$.ajaxしか使ったことがないよという人はすみませんがサポート対象外です。） XMLHttpRequest，略してXHRは、JavaScript（+DOM）でサーバーとHTTP通信をするための唯一の方法としての地位を長らく保っ... 続きを読む

ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar ｜ Developers.IO

2017/12/24 329 users Chromeless AdventCalendar GUI

ヘッドレスChromeの自動化ツール「Chromeless」を使って自動テストを実施する #serverless #adventcalendar ヘッドレスChromeでシンプルに自動テストを行う Google Chromeのバージョン59から標準搭載された、ヘッドレスモード（GUIがないモード）。コマンドラインからヘッドレスブラウザを立ち上げることができ、スクリーンショットの撮影を行ったりDOM... 続きを読む

暇人＼(^o^)／速報 : 【画像あり】名古屋やその周辺に住んでる奴は、この地図見たら小便チビるぞ！ - ライブドアブログ

2013/09/06 328 users ライブドアブログ セントーン 地図 速報 名古屋

【画像あり】名古屋やその周辺に住んでる奴は、この地図見たら小便チビるぞ！ Tweet 1： セントーン(やわらか銀行)：2013/09/07(土) 01:51:04.62 ID:610EO4DP0 養老元年（717年）に描かれた古地図 お前の住んでるところ、海だから 世界水没危険都市ランク、名古屋がワースト２０！　日本から唯一 http://www.zakzak.co.jp/society/dom... 続きを読む

サーバサイドJavaScriptとjQueryでスクレイピング | さくらたんどっとびーず

2011/01/07 327 users スクレイピング サーバサイドJavaScript セレクタ

jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい？ Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無... 続きを読む

もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita

2024/01/18 313 users Qiita htmx SSE WebSocket 発火

HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応してい... 続きを読む

業務ができる中級者になるためのJavaScript入門（DOM編）

2022/02/25 309 users JavaScript入門 中級者 edit 業務 文法編

✨無料公開中✨ 業務ができる中級者になるためのJavaScript入門の第2弾となります。何度学んでも今一つ理解できないDOMに関して、できるだけわかりやすく説明しています。 業務ができる中級者になるためのJavaScript入門（文法編） https://zenn.dev/books/568dd4d86562a1/edit ✨開発環境に役立ててください✨ 👾 やっ... 続きを読む

» JSでDOMを追加するときのベストな方法を調査してみた :: Creatorish

2013/01/15 284 users Creatorish append jQuery ＴＡ 仕方

JSで動的にDOMを追加っていうのをよくやります。 でも追加の仕方ってたくさんありますよね。 innerHTML使ったりappenChildしたり。 最近ではjQueryの.appendや.htmlもよく使いますよね。 でもどの方法が一番速いんでしょうか。 あいまいなところだったので、実際に試してまとめてみました。 今回挿入するHTML 1 2 3 4 5 6 7 8 9 10 11 12 <ta... 続きを読む

【ハウツー】あのBBCが作った超実力派JavaScriptライブラリ"Glow"を徹底解剖する (1) BBCが公開したJavaScriptライブラリ、その名は「Glow」 | エンタープライズ | マイコミジャーナル

2009/07/15 270 users glow イベントハンドラ ハウツー ＢＢＣ エンタープライズ

英国放送協会(BBC)は7月7日(英国時間)、JavaScriptライブラリ「Glow」の最新バージョンである1.5.1をリリースした。GlowはApache Licence Version 2.0のもとで公開されている、オープンソースソフトウェアJavaScriptライブラリ。 Glowの特徴は次のとおり。 シンプルなDOM、イベントハンドラ、アニメーション操作など さまざまなウィジェット(Au... 続きを読む

HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 | ICS LAB

2013/03/19 265 users ICS LAB 開発手法 Types ICS CreateJS

どうも、ICSの加賀です。 先週開催されたCreateJS勉強会（第2回）で弊社池田(ClockMaker)の発表で紹介した「日本全国花粉飛散マップ」を、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、 HTML5で制作、PCだけでなくスマートフォンやタブレットでも閲覧可能。 CreateJSで、DOMではできないCanvasならではの表現。 TypeS... 続きを読む