JavaScript タグページ

ビジュアルリグレッションテストについてまとめ、ネットで調べると数多くのライブラリがありどれがどんな立ち位置なのか全体像がわかりずらかったのでどんな種類があるのか入門の入門としてまとめます、またPlaywrightを使って実際に触ってみました

Vue.jsのサンプルを作成したので忘れないようにブログにまとめていく Hello Worldぐらいなら作れるけどその次は何をしよう...という人向けに以下の内容を簡潔にまとめていく

単純なゲームをハックして自動でクリアするようにしてみたいと思います 今回は色彩テストというものを対象にJavaScript (jQuery)を使って自動でクリアさせてみたいと思います

勉強がてらjQueryのソースコードを簡単に追ってみた時のメモを記述します いきなり自分で理解するのは難しいのでgihyoさんの参考サイトを見ながらやっていこうかと思うのでjQuery-1.2.2を使います(だいぶ古いですが...) サンプルコードをステップ実行していって処理の流れをやんわり理解します

JavaScriptのコードを書く時に問題が無いかツールによるチェックや動作確認を行うための方法を調べる 「Closure Linter」を使ってシンタックスチェックを調べたり、JavaScriptのステップ実行方法をまとめる

JavaScriptでグローバル変数を作成した際、JavaScriptファイルを複数に分割してもお互いにグローバル変数が見える世界になっているので、あるファイルで使った名前は別のファイルで使えない このような名前空間の汚染を回避する方法を調べてみる

クロージャとは一言で言うと「状態を持つ関数」 または関数を抜けた後にも生きるローカル変数とか ガベージコレクションの性質にスコープテェーンを利用してローカル変数の値を参照し続けるデータ構造がクロージャとなる

JavaScriptの論理演算や変数の存在チェックについて 説明しなくても何となく見ればわかるかもしれないがあまり見ない書き方だったのでまとめる

JavaScriptのスコープについてまとめる スコープとは変数名や関数名の有効範囲のこと JavaScriptのスコープはたった2つだけ グローバルスコープ 関数外で宣言したスコープ 関数スコープ 関数内で宣言したスコープ

プロトタイプチェーンとはオブジェクトが他のオブジェクトのプロトタイプとなる連鎖のことを呼ぶ prototypeオブジェクトを「親」と表現するとプロトタイプチェーンの動作として以下のようにプロパティを探す

JavaScriptにはクラスを作る機能は用意されていない しかしJavaScriptにはオブジェクトの継承に関する概念がある 子オブジェクトではそのプロパティについて書いてないが親オブジェクトで書いてあるのでそれを継承して使えちゃうという話

JavaScriptをブラウザで使用する場合、最初からwindowというグローバルオブジェクトが提供されている このwindowにはブラウザのウインドウに関するものがまとまっている

コンストラクタとはオブジェクト生成のために使う関数です コンストラクタ呼び出し時には「new」を使ってインスタンスオブジェクトを生成します 通常の関数とコンストラクタの違いは呼び出し方による違いだけなので どんな関数でも「new」で呼び出せばそれはコンストラクタになります

JavaScriptのthisについてまとめます thisにも色々あるみたいなので違いについて調べます コンストラクタ呼び出しにおけるthis メソッド呼び出しにおけるthis apply,call呼び出しにおけるthis