MENU
2021/10/11 13:20:11 | PHP/JavaScript
ブラウザなら入れ子となったタグをDOMで簡単に取得できます。しかしNode.jsなどのブラウザ以外のJavaScriptや、わざわざDOMに展開するまでもない場合などは、正規表現などでテキストのまま処理したいケースがあります。今回は、その方法を考えてみました。
2021/10/08 16:27:08 | PHP/JavaScript
JavaScriptにはテンプレートリテラルというものがあります。使いこなすとめちゃくちゃ便利なので、この機会に覚えておきましょう。
2021/10/07 17:36:07 | PHP/JavaScript
JavaScriptのreplaceメソッドを使用すると、文字列の一部を置換することができます。このreplaceメソッド内で外部ファイルを参照するなど、非同期メソッドをawaitキーワードで使用したいことがあります。しかしエラーが出て処理が止まってしまいます。どうしてでしょうか?対処方法はあるのでしょうか?
2021/10/07 17:33:07 | Node.js
最近サイトのAMP化を始めたのですが、imgタグをamp-imgに変換する際に幅と高さが必要になりました。しかしimgタグで指定されたいないため、画像ファイルから取得する必要があります。そこでローカルまたはWebサーバーの画像から、幅と高さを取得するコードを作成しました。
2021/10/04 16:00:04 | Node.js
ディレクト下のファイルをワイルドカードを使用して取得したいというケースは意外と多いです。Node.jsにはファイル名を取得するメソッドがありますが、ワイルドカードでの判定ができません。そこで今回は、何か良い方法がないか考えてみました。
2021/09/28 16:56:28 | PHP/JavaScript
JavaScriptには NaNという値があります。数値に関する値のようですが、少しわかり難い面があります。そこでここでは NaNについて少し掘り下げてみます。
2021/09/27 16:47:27 | PHP/JavaScript
JavaScriptの全てのオブジェクトは[Symbol.toPrimitive]という特殊なプロパティを指定することができます。このプロパティを使用すると、オブジェクトそのものを値として算術演算などおこなうことができます。
2021/09/20 14:23:20 | PHP/JavaScript
JavaScriptでプログラムをしていると、数値をブラウザに表示するために文字列にしたり、計算するために文字列を数値に変換するなどといった場面に遭遇します。こういった相互に変換するためのメソッドがJavaScriptには用意されています。
2021/09/16 16:15:16 | PHP/JavaScript
54は5を4回掛け算したもので、累乗とよびます。そして4回の部分が、マイナスや分数など自然数以外にも範囲を広げたものをべき乗と呼ぶそうです。累乗なら繰り返し掛け算すれば計算できますが、べき乗は難しそうです。そこで、JavaScriptでべき乗を計算する方法をお伝えします。
2021/09/14 13:46:14 | PHP/JavaScript
JavaScriptでは一言で数値チェックと言っても、その前提条件で意味が異なります。そのため、初心者が上級者に質問をしにくい問題でもあります。そこで今回は、JavaScriptでの数値とは何かを含めて、数値チェックの方法をお伝えします。
2021/09/10 16:15:10 | PHP/JavaScript
商と余りの計算方法を時々忘れてしまうので、メモとして残しておきます。
2021/09/09 17:52:09 | PHP/JavaScript
DOM要素のanimateメソッドを使用すると、CSSの@keyframesと同じような感覚で要素のアニメーションを制御できます。jQueryにも同名のメソッドがありますが、今回はWeb Animations API のメソッドについて紹介します。
2021/09/01 16:20:01 | PHP/JavaScript
JavaScriptのCanvasAPIにはtranslateやscaleなどの変換メソッドがあります。しかし変換をリセットするメソッドが存在しません。そこで、変換内容をリセットする方法をお伝えします。
2021/09/01 15:44:01 | PHP/JavaScript
自作のオブジェクトを共有ライブラリとして外部に公開するときなど、他者にオブジェクトを変更してほしくないときもあります。タイプミスが頻繁で、予定にない新規プロパティが増えていて困るという人(僕)もいます。そんなとき、Object.freeze()またはObject.seal()またはObject.preventExtensions()を使用します。
2021/08/31 14:35:31 | PHP/JavaScript
JavaScriptのCanvasAPIを使用すると、ブラウザに図形を描画できます。しかし左下を原点としてグラフを描画しようとすると、少し手間取ることがあります。どうすればいいのでしょうか。Canvasについては次の記事を参考にしてください。■【JavaScript】 Canvasの使い方まとめ
2021/08/27 15:21:27 | PHP/JavaScript
CSSのプロパティ名をJavaScriptで使用する場合、キャメルケースという表記方法を用いることがあります。そこで、正規表現を使用してプロパティ名とキャメルケースの相互変換をしてみます。
2021/08/26 16:45:26 | Node.js
JavaScriptにはタイマー監視に関するsetTimeoutとsetIntervalメソッドが用意されています。これらはコールバック関数により通知されます。Node.jsにもこの機能がありますが、Promise機能を使用したタイマー監視も用意されていて、見通しの良いコード作成に役立てることができます。ここでは、Promise機能を使用したタイマーについてお伝えします。
2021/08/25 16:29:25 | PHP/JavaScript
JavaScriptは反復処理を非同期におこなう非同期イテレータという機能があります。そこで通常のイテレータとの違いを含めて非同期イテレータについてお伝えします。また発展形である非同期ジェネレーターについてもお伝えします。
2021/08/24 13:47:24 | PHP/JavaScript
プログラムをしていると、一定時間待機してから次のコードを実行したいときがあります。他の言語ではsleep関数などの名前で実装されていることがあります。しかしJavaScriptには用意されていません。ここでは、sleep関数のように一定時間待機する方法をお伝えします。
2021/08/23 18:19:23 | PHP/JavaScript
僕がJavaScriptと学び始めたとき、関数の定義について次のように感じました。function a(){};とかconst a = function (){};とか、いくつも関数定義の方法用意しとくな!わかりにくい!!サンプルプログラムによって関数定義の方法が異なっていて、読み解くのに苦労したものです。しかし実は、この二つの書き方は目的が異なることを最近になって知りました。今回はJavaScriptの関数定義についてまとめてみます。