javascript・typescript・dart専門の学習

JavaScriptを学習し始めると、必ずと言っていいほどぶつかるのが「コールバック関数」という概念です。言葉だけ聞くと難しく感じますが、実は私たちの日常にある「お使い」の仕組みと同じです。コールバック関数とは「後で呼んでもらう約束」プログ...

皆さんは普段のコーディングで、配列を操作する際にどのような手法をとっていますか。forループで一つずつ要素を取り出し、if文で条件分岐させ、新しい配列へpushする。もし未だにこの書き方がメインであれば、それは「命令型」の思考に縛られている...

JavaScriptにおいて、thisが何を指すのかという問題は、今なお多くの開発者を悩ませるトピックです。しかし、モダンな開発現場では、闇雲に挙動を暗記するのではなく、ランタイムでthisがどのように決定されるかのルールを「制御」するとい...

JavaScriptにおいて、Function.prototype.callは多くのエンジニアにとって「thisの束縛を行うための地味なメソッド」という認識ではないでしょうか。確かにReactの関数コンポーネントやHooksが主流となった現...

async/awaitは単なる「書き換え」ではないJavaScriptにおける非同期処理の代名詞となったasync関数。多くのエンジニアは「Promiseを綺麗に書くための糖衣構文（シンタックスシュガー）」と認識しています。しかし、その本質...

yieldの役割とイテレータの委譲JavaScriptにおけるジェネレータ関数で、別のジェネレータや反復可能オブジェクト（Iterable）の結果をそのまま出力したいとき、皆さんはどうしていますか。手動でループを回してyieldするのは冗長...

yieldは「一時停止ボタン」のような存在皆さんは、プログラミングをしていて「この処理、一度止めてから続きはまた今度やりたいな」と思ったことはありませんか？通常の関数は、呼び出されると最初から最後まで一気に駆け抜けて終わります。しかし、Ja...

フロントエンド開発の現場では、Promiseやasync/awaitが主流となり、Generator関数（function）の出番は減ったように感じるかもしれません。しかし、Generator関数は単なる「反復子（イテレータ）を作るための道...

JavaScriptやTypeScriptにおいて、デフォルト引数はコードを簡潔にする強力なツールです。しかし、実務の現場では「なんとなく」使っていると、予期せぬバグや設計の負債を招くことがあります。単なる「値の初期化」を超えた、プロの視点...

JavaScriptで関数を作るとき、「引数がいくつ渡されるか分からない」という状況に困ったことはありませんか？例えば、合計値を計算する関数を作りたいとき、2つの数字だけでなく、10個でも100個でも足せるようにしたい場合、従来の方法では少...