JavaScript

こんにちは、かつコーチです。前回はasync/awaitを使った非同期処理の書き方を解説しました。今回のテーマは、コードを複数のファイルに分割して管理するための仕組み「モジュール（import/export）」です。これまでの記事のコードは...

こんにちは、かつコーチです。前回はPromiseの基本と、.then()をつなげて非同期処理を書く方法を解説しました。今回はそのPromiseをさらに読みやすく書けるようにする「async/await」を扱います。async/awaitはP...

こんにちは、かつコーチです。前回はコールバック関数と、ネストが深くなる「コールバック地獄」について解説しました。今回はその解決策として登場する「Promise」を扱います。fetchを使ったことがある人なら、.then()という書き方を見た...

こんにちは、かつコーチです。前回はthisの挙動について解説しました。今回は、非同期処理を理解するための最初の一歩となる「コールバック関数」を扱います。setTimeoutやaddEventListenerを使ったことがあれば、実は知らない...

こんにちは、かつコーチです。前回はクロージャについて解説しました。今回のテーマは、JavaScriptを学んでいる人の多くがつまずく「this」です。「thisって結局何を指してるの？」「さっきまで動いてたのに急にundefinedになった...

こんにちは、かつコーチです。前回はデフォルト引数の使い方を解説しました。今回のテーマは「クロージャ」です。JavaScriptを学んでいると必ずどこかで出会う言葉ですが、名前の響きに反して難しそうに見えてしまい、苦手意識を持つ人が多いテーマ...

こんにちは、かつコーチです。前回はスプレッド構文と残余引数を解説しました。今回は基本に立ち返って、「デフォルト引数」を扱います。関数の引数が渡されなかったときに困った経験がある人は多いと思いますが、デフォルト引数を使えば、そうした場面をとて...

こんにちは、かつコーチです。前回は分割代入で、オブジェクトや配列から値を取り出す方法を解説しました。今回は、同じ ...（ドット3つ）という記号を使う「スプレッド構文」と「残余引数（レストパラメータ）」を取り上げます。見た目は同じ ... ...

こんにちは、かつコーチです。前回はテンプレートリテラルで文字列を扱う方法を解説しました。今回は「分割代入（Destructuring）」を取り上げます。オブジェクトや配列から値を取り出すコードは、慣れないうちは同じような記述が何行も続きがち...

こんにちは、かつコーチです。前回はアロー関数についてわかりやすく解説しました。今回のテーマは「テンプレートリテラル」です。文字列と変数をくっつける処理は、どんなプログラムでも頻繁に出てきます。昔ながらの書き方だと地味に面倒なこの処理が、テン...

こんにちは、かつコーチです。前回は関数の基本的な作り方と、引数・戻り値について解説しました。今回は、モダンなJavaScriptのコードで頻繁に登場する「アロー関数」を解説します。map や filter のコールバックとしてもすでに何度か...

こんにちは、かつコーチです。前回はオブジェクトの基本を解説しました。今回は、プログラミングの基礎の中でも特に重要な「関数」について解説します。関数を使いこなせるようになると、同じ処理を何度も書かずに済み、コード全体がぐっと整理されます。関数...

こんにちは、かつコーチです。前回は map ・ filter ・ reduce を使った配列の加工方法を解説しました。その中でも何度か登場していた「オブジェクト」について、今回はあらためて基本からしっかり解説していきます。配列と並んで、Ja...

こんにちは、かつコーチです。前回は配列の基本的な作成・追加・削除の方法を解説しました。今回は一歩進んで、配列を「加工する」ときによく使う map ・ filter ・ reduce の3つのメソッドを解説します。現場のコードでも頻出のメソッ...

こんにちは、かつコーチです。前回は for ・ while ・ forEach を使った繰り返し処理を解説しました。繰り返し処理とセットでよく登場するのが「配列」です。今回は、JavaScriptで複数のデータをまとめて扱うための「配列」に...

こんにちは、かつコーチです。前回はif文・switch文による条件分岐を解説しました。今回は、プログラミングのもう一つの基本テクニックである「繰り返し処理」を扱います。「同じ処理を何度も書くのは面倒」という悩みを解決してくれるのがループ処理...

こんにちは、かつコーチです。前回は算術・比較・論理演算子について解説しました。今回は、その演算子を使って「条件によって処理を分ける」条件分岐を扱います。「もし〜だったら、こう処理する」という考え方は、どんなプログラムにも登場する基本のテクニ...

こんにちは、かつコーチです。前回はJavaScriptの主なデータ型について解説しました。今回は、その値を使って計算したり比較したりするための「演算子」を扱います。演算子は普段の生活で使う「＋」「－」のようなものから、プログラミング特有のも...

こんにちは、かつコーチです。前回は let・const・var という変数宣言の違いについて解説しました。今回は、その変数の中に「どんな種類の値」を入れられるのか、データ型について整理していきます。データ型を理解しておくと、後々つまずきやす...

こんにちは、かつコーチです。前回はエディタ設定の記事で、VSCodeを使った快適な開発環境の作り方を紹介しました。今回からは、いよいよJavaScriptの基本文法に入っていきます。最初のテーマは「変数の宣言」です。let・const・va...