javascript

モジュール(Background Images Formatter)を利用して、記事にアップロードした画像を記事のバックグランドにすることができます。本サイトでは、何らかの原因でBackground Images Formatterの表示設定時にエラーが発生して（Ajaxの設定なのでエラーメッセージも表示されなかった）、このモジュールの利用はできませんでした。 モジュールを利用せず、...

Javascriptの関数を使用するとき、関数内の変数定義時に、演算子「this」をつけるか否かは少し迷う（例：var name ⇒ var this.name?）。関数自体だけで言えば、変数の前に「this」をつける（例：var this.name）と「ローカル変数」と言う。変数の前に「this」をつけず（例： var name）に、「グローバル変数」と言うが、当該関数がプロトタイプのcall...

JavaScriptのanimate関数を利用して、ｃｓｓのposition属性を利用して表示物体の移動先を指定する際に、「aboslute」指定し忘れると、物体の移動がうまくいかないことがある。その場合「margin」属性の設定で物体を移動させることが可能となる。 cssのleftとrightで物体移動先設定する場合にposition属性に「aboslute」...

Javascriptの「this」の参照先が基本的に呼出し主に指す オブジェクト、関数、入れ子関数（nested function）などの状況で見ると、いろいろな違う現象が現れ、「this」への理解が少し難しくて、いろいろな例を読んで理解したほうが良いと思う。 ここで入れ子関数（nested function）内の「this」の参照先を見て、呼び出し方より「this」...

JavaScriptにあるキーワード"this"の意味の理解が非常に重要である。関数、オブジェクトを呼出し主が変わると、"this"のオーナーが変わる。 ここで、オブジェクト内にある関数を実行するスコープの例で違う結果にあることを説明する "this"がオブジェクトの呼び出し主である グローバルスコープとオブジェクトスコープ（ローカルスコープ）ので"this"が変わる例...

jQueryで扱っているマウスのイベントmouseover/mouseout、mouseenter/mouseleave及びhoverなどがあるが、特にmouseover/mouseoutとmouseenter/mouseleaveの区別がどこにあるかは最初よくわからなかった。単語(over/out、enter/leaver)の意味少し紛らわしくて、余計にその動きが分からなくなった。...

JavaScriptのObjectとArrayが同じデータの構造体で、実際にその区別、共通点などが意外に解かりづらくて、どのように使い分けるかなどを纏めた。 キーと値のデータの構造体 オブジェクト指向の観点から見るとArrayがObjectを継承している 両方の構造、使用目的から見るとキーと値をペアーでのデータ構造体である...

JavaScriptがプロトタイプ（prototype）ベースのオブジェクト指向言語と言われて、クラスベースのオブジェクト指向言語（例：Java、C++など）にないプロトタイプの概念を理解するには少し時間がかかった。JavaScriptの中級以上になると、プロトタイプを理解して、JavaScriptらしくコーティングしたほうがいいと思う。 もちろん、...

JavaScriptのオブジェクトを深く理解するに実は難しい。ここで、オブジェクトのプロトタイプの概念を省いて（別途説明、プロトタイプの概念を利用しなくてもJavaScriptのコーティングが可能）、ほかのオブジェクト指向言語（例：Java）の経験があって、その対象にJavaScriptのオブジェクト構成、定義、生成、使用などを調査して、理解したことを求めた。オブジェクトの基本を理解するのは、...

JavaScriptの関数を理解するために、最低限に関数の宣言、関数スコープ、グローバル/ローカル変数の操作、関数の巻き上げ、関数のクロージャ、関数の引数定義、関数の呼び出しなどを理解する必要がある JavaScriptがオブジェクト指向言語と書かれていますが、実際にクラスの定義が見当たらず、代わりに関数（function）でオブジェクトのインスタンスを生成しています。...