JavaScript 配列 (Array) の反復的なメソッド
JavaScript1.6、 1.8 で追加された、配列 (Array) の反復メソッドについて。 filter 配列を、引数として渡された関数でフィルタリングして、結果が真(true)となる要素からなる配列を作る。 filter に渡される関数は、要素の値、インデックス、配列の3つの引数を取る。 function(val, index, array) 配列内の偶数要素からなる配列を作る例。 var...
View ArticleJavaScript HTML5 DOM Storage
DOM Storage 属性・メソッド length 格納されているデータの数(unsinged long)を返す、読込専用属性。 key(index) インデックス(unsinged long)を引数として、対応する格納データ文字列を取得する。 格納されているキーとデータのペアの数以上のインデックス値を渡すと null を返す。 getItem(key)...
View ArticleJavaScript, Canvas で putImageData による劣化を調べる
Ubuntu 9.10 (karmic Koala) の Google Chrome で JavaScript, Canvas の putImageData を使ってイメージの書き戻しをしていたら、イメージの色がどんどん黒っぽく変化してきた。 こちらのサイト『りす穴さくら: lislis Paintの技術的説明まとめ』によると Google Chrome では putImageData...
View ArticleJavaScript, apply/call メソッドと prototype 継承
こちらのサイト『JavaScriptで継承やるときにprototype書きまくるのめんどい人は – あ、いしかわですね』で Function.apply を使って継承を記述する方法が紹介されていた。 apply と call の使い方を今一度復習しておく。 Function.apply function.apply(obj, args) function を obj のメソッドとして呼び出す。...
View ArticleJavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し
HTML5 Canvas でバケツツールによる塗り潰しを実現するために、スキャンライン・シードフィル (Scan Line Seed Fill) というアルゴリズムを使ってみた。 アルゴリズムの詳細については、以下のサイトを参考にした。 参考:ActionScript入門Wiki@rsakane – 塗りつぶしアルゴリズム(スキャンライン – シードフィル編) ペイント・ルーチン...
View Articleメールアドレスをエンコードするブックマークレット
メールアドレスの文字列をランダムに数値文字参照形式にエンコードするブックマークレット。 Encode Mail Address javascript:(function(){var a=prompt('input your mail address','');if(a.length!==0){for(var...
View Articleツールチップをスライドアップして表示する jQuery plugin slideupTooltip
指定した HTML の要素にマウスホバーすると、隣接するツールチップのレイヤー要素をスライドアップして表示することができる jQuery plugin を作った。 <p>mouse over <span class="note">me!</span><span class="tooltip0">hello,...
View ArticlejQuery, DOM の操作メソッドの挙動の違いについて
jQuery の DOM 操作メソッドの挙動の違いについてのまとめ。 以下の例の DOM 要素に対して、jQuery の DOM 操作メソッドを使って処理を行い、その挙動の違いについて調べてみた。 <div id="box" class="box"> <div>サンプルテキスト1</div> <div>サンプルテキスト2</div>...
View ArticleVim で JsHint による JavaScript コードチェックを自動化する
JsHint を使って Vim で JavaScript のコードチェックを行った際のメモ。 MacPorts で Node.js をインストールする $ sudo port install nodejs MacPorts で npm をインストールする パッケージ管理ツールの npm をインストールする。 $ sudo port install npm npm で jsHint をインストールする...
View ArticleAngularJS でループ外のスコープにアクセスする
AngularJS: input.radio のサンプルを参考にして、ng-repeat を使って input をループで作ろうとしたら、結果の出力が変わらない状態になってしまった。 ng-repeat がスコープを生成するために、ng-model に設定した変数がスコープ内のローカルなものになってしまうためらしい。 そこで、$parent...
View ArticleMW WP Form v4 で Vue.js 2.x の UI コンポーネント Element を利用する
WordPress のフォームプラグイン MW WP Form の v4 でフィールドを書き換えることができるようになっていたので、Vue.js 2.x の UI コンポーネントの Element を使って datepicker をカスタマイズしてみる。 プラグインディレクトリからフィールド定義ファイルをテーマにコピーして書き換える。...
View ArticleJavaScript, Canvas で putImageData による劣化を調べる
Ubuntu 9.10 (karmic Koala) の Google Chrome で JavaScript, Canvas の putImageData を使ってイメージの書き戻しをしていたら、イメージの色がどんどん黒っぽく変化してきた。 こちらのサイト『りす穴さくら: lislis Paintの技術的説明まとめ』によると Google Chrome では putImageData...
View ArticleJavaScript, apply/call メソッドと prototype 継承
こちらのサイト『JavaScriptで継承やるときにprototype書きまくるのめんどい人は – あ、いしかわですね』で Function.apply を使って継承を記述する方法が紹介されていた。 apply と call の使い方を今一度復習しておく。 Function.apply function.apply(obj, args) function を obj のメソッドとして呼び出す。...
View ArticleJavaScript, Canvas スキャンライン・シードフィル アルゴリズムによる塗り潰し
HTML5 Canvas でバケツツールによる塗り潰しを実現するために、スキャンライン・シードフィル (Scan Line Seed Fill) というアルゴリズムを使ってみた。 アルゴリズムの詳細については、以下のサイトを参考にした。 参考:ActionScript入門Wiki@rsakane – 塗りつぶしアルゴリズム(スキャンライン – シードフィル編) ペイント・ルーチン...
View Articleメールアドレスをエンコードするブックマークレット
メールアドレスの文字列をランダムに数値文字参照形式にエンコードするブックマークレット。 Encode Mail Address javascript:(function(){var a=prompt('input your mail address','');if(a.length!==0){for(var...
View Articleツールチップをスライドアップして表示する jQuery plugin slideupTooltip
指定した HTML の要素にマウスホバーすると、隣接するツールチップのレイヤー要素をスライドアップして表示することができる jQuery plugin を作った。 <p>mouse over <span class="note">me!</span><span class="tooltip0">hello,...
View ArticlejQuery, DOM の操作メソッドの挙動の違いについて
jQuery の DOM 操作メソッドの挙動の違いについてのまとめ。 以下の例の DOM 要素に対して、jQuery の DOM 操作メソッドを使って処理を行い、その挙動の違いについて調べてみた。 <div id="box" class="box"> <div>サンプルテキスト1</div> <div>サンプルテキスト2</div>...
View ArticleVim で JsHint による JavaScript コードチェックを自動化する
JsHint を使って Vim で JavaScript のコードチェックを行った際のメモ。 MacPorts で Node.js をインストールする $ sudo port install nodejs MacPorts で npm をインストールする パッケージ管理ツールの npm をインストールする。 $ sudo port install npm npm で jsHint をインストールする...
View ArticleAngularJS でループ外のスコープにアクセスする
AngularJS: input.radio のサンプルを参考にして、ng-repeat を使って input をループで作ろうとしたら、結果の出力が変わらない状態になってしまった。 ng-repeat がスコープを生成するために、ng-model に設定した変数がスコープ内のローカルなものになってしまうためらしい。 そこで、$parent...
View ArticleMW WP Form v4 で Vue.js 2.x の UI コンポーネント Element を利用する
WordPress のフォームプラグイン MW WP Form の v4 でフィールドを書き換えることができるようになっていたので、Vue.js 2.x の UI コンポーネントの Element を使って datepicker をカスタマイズしてみる。 プラグインディレクトリからフィールド定義ファイルをテーマにコピーして書き換える。...
View Article
More Pages to Explore .....