Zepto.jsのEventモジュールにおけるイベント処理の仕組みと実装詳細
非バブリングイベントのシミュレーション
ブラウザの標準的なイベントモデルにおいて、focus、blur、mouseenter、mouseleaveといったイベントはイベントバブリングをサポートしていません。これにより、親要素でのイベントデリゲーション（イベント委譲）が困難になります。ZeptoのEventモジュールでは、これらの制約を解決するために、バブリングをサポートする別のイベン ...
6月23日 23:43 投稿
DOM操作、JavaScriptイベント、jQuery入門
BOM
Browser Object Model（ブラウザオブジェクトモデル）は、JavaScriptがブラウザと「対話」できるようにする仕組みです。
// ブラウザの内部ウィンドウの高さと幅
window.innerHeight;
window.innerWidth;
// 新しいウィンドウを開く
window.open(
'https://www.example.com',
'',
'width=400px; height=800px; top=200px; left=500px'
);
// 現在のペー ...
6月23日 16:19 投稿
PHPスクレイピング用セレクターライブラリの実装
概要
この記事では、PHPでスクレイピングを行うためのセレクターライブラリの実装について解説します。このライブラリは、phpspiderプロジェクトから抽出した独立したコンポーネントとして利用できます。
インストール
このセレクターライブラリは、Composerを介してインストールできます。ただし、ここではコア機能のみを抽出した実装を紹介します。
コード実装
<? ...
6月16日 21:54 投稿
Web開発の基本技術と実装手法
JavaScriptの基本データ型と操作
基本データ型（値型）にはString、Number、Boolean、Undefined、Nullが含まれます。参照型（複合データ型）はObject、Array、Dateなどです。値型はスタックに保存され、参照型はヒープに保存されます。
console.log(+'0'); // 数値型 0
console.log(1 + '0'); // 文字列型 "10"
console.log(2 * '10'); // 数値型 20
DOM操作と ...
6月12日 20:25 投稿
JavaオブジェクトをXML形式に変換する実装手法
JavaオブジェクトのXMLシリアライズ技術
システム間データ交換や設定ファイル管理において、JavaオブジェクトをXML形式に変換する処理は基盤技術として重要です。本稿では標準ライブラリを活用した変換手法を解説し、実用的なコード例を提示します。
DOM APIによる構造化出力
ドキュメント全体をメモリ上に構築するDOM方式では、階層構造の明示的な操作が可能です。以下の ...
6月12日 16:52 投稿
JavaScriptウィンドウサイズとイベントハンドリング
ウィンドウサイズの取得
表示領域のサイズ
document.documentElement.clientWidth
document.documentElement.clientHeight
スクロール位置
// Chrome以外のブラウザで解釈される
document.documentElement.scrollTop
document.documentElement.scrollLeft
// Chromeで解釈される
document.body.scrollTop
document.body.scrollLeft
コンテンツのサイズ
obj.scrollHeigh ...
5月21日 03:56 投稿
HTML要素の15つの役立つメソッドをご紹-
初心者向けの説明
HTMLとDOMの違いについて最初に話しましょう。
普通の<table>要素は、HTMLファイル内で使用できる単純なコードです。要素はその表示や動作を制御するための属性を持っています。
JavaScriptと直接関連するものではありません。
DOMの役割は、JavaScriptコードをHTML要素と結びつけ、要素に対してオブジェクトとしての操作を可能にすることです。 ...
5月19日 08:11 投稿
JavaでXMLノードの種類を識別する方法
XMLドキュメントをプログラムで解析する際、各ノードが要素（Element）、テキスト（Text）、コメント（Comment）、属性（Attribute）などどのタイプに該当するかを正確に判別することは、構文解析やデータ抽出の精度向上に不可欠です。Java標準のDOM APIでは、Nodeインターフェースに定義された定数とgetNodeType()メソッドを用いることで、ノードの種別を確実に判定できま ...
5月15日 19:24 投稿