JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){

2018/7/1 重要なお知らせ JSONIC はリポジトリを GitHub に移動させるとともに、今後機能強化が行われることがないメンテナンスモードに移行します。Java 新バージョンで動作できなくなった場合への対応は要望があれば考えますが、可能であれば、機能、パフォーマンス共に優れた jackson への移行をおすすめいたします。 JSONICとは JSONICは、Java用のシンプルかつ高機能なJSONエンコーダー/デコーダーライブラリです。 Java用のJSONライブラリはすでに多数存在しますが、JSONICはRFC 7159に従った正式なJSON形式でのデコード/エンコードを行いながらも、プログラミング言語に依存する情報をJSON内に含めることなくPOJO(Plain Old Java Object)と自然な変換を行える点に特徴があります。 使い方も非常に簡単です。 import

HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム

<div class="sampleMenu01" onmouseover="popupMenu(this, 1,360,380);rollOver(this,'sampleMenu02');" onmouseout="displayMode('none');rollOver(this,'sampleMenu01');" >検索エンジン</div> サンプルのピンク色のメニューを表示しているソースです。 メニュー項目ごとに、このソースを追加していきます。 onmouseover の動作 「popupMenu」関数でサブメニュー(ポップアップメニュー)の表示を行います。 また、「rollOver」関数でメニューの色を薄いピンク色に変更しています。 色を変更することで、どのメニュー項目をポイントしているかがわかりやすくなります。 onmouseout の動作 「displayMode」関数でサ

●Extのライセンス（翻訳） 原文はこちら Extのライセンスについて Extは多様なニーズに合わせて、いくつかのライセンス形態を有しています。 【商用ライセンス】 多くの顧客はいくつかの理由から従来の商用ライセンスを求めています。 このライセンスは、以下のような状況であればあなたの組織にとって適切なものとなります。 ・オープンソースライセンスによるいかなる制限も受けたくない。 ・内部のソフトウェアライセンス要件を満たすために、商用ライセンスを持たなければならない。 ・Extプロジェクトがより発展するように、金銭的なサポートがしたい。 【オープンソースライセンス】 ExtはLGPLでライセンスされています。 あなたが私たちのオープンソースライセンスを利用するのであれば、あなたは以下の要件を満たす必要があります。 ・オープンソースでExtを使いたいのなら、そのプロジ

Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹

MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under

軽い、速い、ウマいなmootools Javascriptフレームワークのリファレンスです。使わない部分も多いので抜かしている部分や間違っているところもあるかもしれませんが、もし問題を見つけたらdaisukeアットマークendeworksどっとjpまでメールしてください。 リファレンス目次 functions - Array - Arrayクラスの拡張 Class - Chain - Element - DOM要素を操作するクラス Events - Json - Function - Fx.Styles - 複数のスタイルを並列して変更させていくエフェクト Options - String - Stringクラスの拡張 XHR - Group - Window -

Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr

glayer.jsを拡張して、+αを提供するためのglayer_ex.jsを公開するためのページです。 glayer.js - グレーアウト表示ライブラリ glayer.jsだけでは、グレーアウトしか出来ないので、実際に組み込む際には＋αが必要になる場合が多く、その＋αを1つのライブラリとして汎用的なものにまとめました。 このライブラリを使わないにしても、glayer.jsを使用例として役に立つのではと思います。 なお、こういった機能があるとうれしい！とか、ここ動かないよ！とかいったコメントがありましたら、下記Blogでコメントいただけたら幸いです。 Enjoy*Study - glayer.jsを拡張したサンプルを公開しました ソース Ver 1.1 : 2008/04/02 glayer_ex.js glayer_ex.css 使用方法 glayer.jsで提供しているファイルに上記2

ポップアップは良くないというけれど、これまでのようなブラウザが新たに起動するポップアップではない手法で小窓/ウィンドウを表現し、それらを活用した使い勝手のよいページを作れないものだろうか？ target="_blank" を使わないで新しいウィンドウを開く理想的な方法 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 hori-uchi.com: _blankを使わないで別ウィンドウを開くにはrel="external"を使うのが美しいと思う。 WEB標準とか仕様を意識すると上記のような対応が望ましいのかも。 ↓のようにブラウザで対応されちゃうケースも考えられる。 Lucky bag::blog: target=″_blank″ってどうよ あたらしいポップアップの形 ポップアップブロックなどに対抗した実装ともいえる。 Dynamic Drive DHT

About Me ID onozaty Location Japan Job Software developer Links Twitter @onozaty GitHub Blog (Hatena Blog) Zenn SlideShare Medium

Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. Scrollable HTML table JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer