カテゴリ：JavaScript：記事一覧

JavaScriptで割り算の余りを求める演算子は『%』です。右辺または左辺が文字列の場合暗黙的に型変換がおこなわれます。ただし数値に変換できない場合はNaNが演算結果として返ります。

DOM要素のanimateメソッドを使用すると、CSSの@keyframesと同じような感覚で要素のアニメーションを制御できます。JQueryにも同名のメソッドがありますが、今回はWeb Animations API のメソッドについて紹介します。

JavaScriptのCanvasAPIにはtranslateやscaleなどの変換メソッドがあります。しかし変換をリセットするメソッドが存在しません。そこで、変換内容をリセットする方法をお伝えします。

自作のオブジェクトを共有ライブラリとして外部に公開するときなど、他者にオブジェクトを変更してほしくないときもあります。タイプミスが頻繁で、予定にない新規プロパティが増えていて困るという人（僕）もいます。そんなとき、Object.freeze()またはObject.seal()を使用します。

JavaScriptのCanvasAPIを使用すると、ブラウザに図形を描画できます。しかし左下を原点としてグラフを描画しようとすると、少し手間取ることがあります。どうすればいいのでしょうか。

CSSのプロパティ名をJavaScriptで使用する場合、キャメルケースという表記方法を用いることがあります。そこで、正規表現を使用してプロパティ名とキャメルケースの相互変換をしてみます。

JavaScriptは反復処理を非同期におこなう非同期イテレータという機能があります。そこで通常のイテレータとの違いを含めて非同期イテレータについてお伝えします。また発展形である非同期ジェネレーターについてもお伝えします。

JavaScriptでsleepやwait機能を実現させるためのコードを紹介します。 基本的にコピペで実装できますが、仕組みを知っておくとJavaScriptの理解を深めることができます。 まずはコード例から紹介しているので、お急ぎの型はコピペで実装してください。 理解を深めたい方は、少し詳しく解説しているので、最後まで読んでみてください。

JavaScriptには即時関数という関数がある。普段何気なく使っていたので、今回は少し即時関数の挙動について調べてみました。

JavaScriptの変数や関数は実行時に巻き上げられます。これってどんな意味なのか、お伝えします！

プログラムコードを作成していると、特定の時間経過後に処理を実行したいことがあります。JavaScriptではsetTimeoutとsetIntervalで実現できます。この記事ではsetTimeoutとsetIntervalの使用方法および、知っておくべき注意点をお伝えします。

JavaScriptのforEachは配列を順番に処理することができる非常に便利なメソッドです。しかし特性を理解していないと使用できないことがあります。また便利だからと頼りすぎるのもよくありません。ここではforEachの使い方と、forEachを使用すべきでないケースを解説します。

JavaScriptにはメソッドチェーンという機能があります。多くの人は使っているうちに理解していきますが、初心者のうちは少し難解に感じると思います。そこでここでは、メソッドチェーンについて噛み砕いて解説していきます。

forEach( )はJavaScriptの配列を列挙するメソッドです。プログラムを書いていると、列挙中に処理を中断するケースは意外と多いものです。しかしforEach( )は途中で中断できません。では、どうすればいいのかをお伝えします。

PHPなどでオブジェクトを列挙するためにforeach文を使用する。だからJavaScriptにもforEachがあったら使っちゃうよね。でも使えないのよ。どうして？どうすればいいの？

JavaScriptは、正規表現リテラルと文字列リテラルの二つの方法で正規表現をおこなうことができます。パターン文字を検索したいとき￥でエスケープする必要がありますが、正規表現リテラルと文字列リテラルでは記述方法が異なります。