function は、他の言語で言うところの『クラス』のようなものですが、実際の扱いはそんなに簡単ではありません。しかし、少なくともこの二つが『インスタンス』である事は間違いなさそうです。
ですから、jQuery の .data メソッドでエレメントに対して『インスタンス』を保存する事ができるという事なので、以下の記事での改造はそれを利用しています。
使いどころが難しいですが、入力をコンボボックス化する jQuery プラグインの実装が不便だったので、modify しました。
そもそも、jQuery のプラグインは、jQuery の インスタンスに対してのメソッドの実装です。プラグインは、jQuery の機能を借りて、そのメソッドが特有の振る舞いをするような『オブジェクト』を window の中に作りだします。
そして、再度そのオブジェクトを操作する為にそのオブジェクトを参照する必要があるので、どこかに保存しなければなりません。
当然、再度参照するなら jQuery の インスタンスを介して( 実際はセレクタで選択されたもの )再度参照されるべきだと思います。
しかし、このプラグインでは単純に配列を作ってそこへ push していただけなので、『何番目に何が居る』かをプログラマは番号で呼び出すようになっていました。
これでは意味が無いので プラグインが作った『オブジェクト』を .data で 元の要素に保存しました。
( jQuery で console.log(typeof $("#test")); と実行すると object と表示される )
<script type="text/javascript">
function myJson() {
this.prop = "JSON";
}
j1 = new myJson();
console.log( typeof j1 );
console.dir( j1 );
j2 = { prop: "JSON" };
console.log( typeof j2 );
console.dir( j2 );
</script>
さらに、new でインスタンスが作成された時に、プロパティとして持っているものは function 内で this で定義する事になっていますが、これは、function の名前に対する prototype に インスタンスをセットしてもいい事になっているので、こんな書き方ができる事になります。
<script type="text/javascript">
function myJson1() {
}
function myJson2() {
this.prop = "JSON";
}
myJson1.prototype = new myJson2();
j1 = new myJson1(); // 本体にプロパティは無い
console.dir( j1 ); // プロトタイプに prop があります
console.log( j1.prop ); // JSON と表示される
</script>
さらに、ほんの少し書き方が違いますが、以下のようにしても同じ結果を得る事ができます。
call メソッドは、他の『クラス』の実際に記述されているプロパティに対して効果があるので、継承したいプロパティは function 内に書いておく必要があります。
つまり、結果が同じようでいて、JSON フォーマットの記述である『オブジェクト』ではできない事が function で書くと可能になるという事です。
<script type="text/javascript">
function myJson1() {
myJson2.call( this );
}
function myJson2() {
this.prop = "JSON";
}
j1 = new myJson1(); // 本体にプロパティは無い
console.dir( j1 ); // 本体に prop があります
console.log( j1.prop ); // JSON と表示される
</script>
です。大きい画像を指定しても強制的にこのサイズで描画します。つまり、大きくするとメモリが無駄になるだけです。 実行は、Google Chrome 推奨ですが、Three.js とは言え、Canvas を使用しているので他のブラウザでも動作はします。速度的に Google Chrome 推奨です。( 今日自分の iPhone で見たら物凄く遅いですが、一応動作していました )
Firefox ( Firebug )
起動は F12 です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
当然ですが、Firefox では Firebug です。ですから、アドオンとしてインストールが必要になります。Firebug の console.dir が一番結果を解析しやすく、使いやすいです。( IE は IE9 以降で使えます )
Google Chrome ( デベロッパーツール )
起動は F12 または CTRL + SHIFT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
Opera ( ドラゴンフライ )
起動は CTRL + SHIFT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
Safari ( WEB インスペクタ )
起動は CTRL + ALT + I です
IE 以外では、右クリックから「要素の調査」というような同様の意味のメニューで各プラウザは起動できるようになっています
メニューから実行したい場合は、設定で「開発メニュー」を表示するようにします
更新履歴
2011-07-27 : 初回投稿
2013-03-16 : IE10 リリースに伴う変更
2013-03-22 : 重要な要点 ❽ ( Chrome のフレーム選択機能 ) を追加
▼ login.vbs
さらにいろいろインターネットを探索してみると、
プロセスとにらめっこしてると、『mDNSResponder.exe』というのに気がついて、サービスから見て行くと、『Bonjour サービス』というものである事が解り、
削除する時に、Google Chrome を動かしていましたが( この記事書いてる )、『アンインストールできないから Chrome 止めて』って言われてしまいました。・・・・何してんの裏で・・・・。
それと、『
更新履歴
2013-01-20 : 初回投稿
2013-03-15 : login.vbs の内容のアップデート。引用表現を変更
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
