JavaScript入門

JavaScript入門

【入門編1】JavaScriptとは?Hello Worldの出し方を学ぼう

本記事からはJavaScriptについて解説します。 JavaScriptはWebアプリケーションを開発する上で必要な言語です。 入門編ではJavaScriptの基礎的な文法を解説していきます。 今回はJavaScriptで「Hello W...
JavaScript入門

【入門編2】JavaScriptで簡単な計算を行ってみよう

今回はJavaScriptで四則演算をする方法を解説します。 JavaScriptに限らず、四則演算はプログラミングの基礎と言えます。 やり方はそこまで難しくないので、足し算や引き算のやり方をしっかり覚えましょう。 また、四則演算以外の演算...
JavaScript入門

【入門編3】JavaScriptで変数を扱ってみよう

今回はJavaScriptの変数について解説します。 JavaScriptでは変数を使い、データを一旦格納し、別の箇所で使うことが可能です。 本記事では変数とは何か、変数の具体的な使い方を解説します。 加えて、代入演算子、単項演算子の使い方...
JavaScript入門

【入門編4】JavaScriptでalertを出してみよう

本記事ではJavaScriptのalertについて解説します。 Webサイトを開いたタイピングでalertを表示させると、ユーザーに大事なお知らせを伝えることが可能です。 更に今回は、if文の使い方についても併せてみていきましょう。 if文...
JavaScript入門

【入門編5】JavaScriptのfor文でループ処理を行おう

本記事ではJavaScriptのfor文について解説します。 for文が使えると、繰り返し処理ができるようになります。 for文はほとんどのプログラミング言語で実装されている構文です。 加えて、本記事ではwhile文についてもみていきましょ...
JavaScript入門

【入門編6】JavaScriptの配列を使って複数データを扱おう

本記事ではJavaScriptの配列について解説します。 配列を使えると複数データを同時に扱うことが出来て便利です。 配列の作り方や配列からデータを取り出す方法、などをみていきましょう。 JavaScriptの配列とは? 配列とは、共通点の...
JavaScript入門

【入門編7】JavaScriptの連想配列を使いこなそう

本記事ではJavaScriptの連想配列について解説します。 連想配列は普通の配列とは使い方が異なるため、ややこしいと感じている初学者も多いかと思います。 今回は連想配列の作り方や操作方法を初心者でも分かるように解説します。 連想配列につい...
JavaScript入門

【入門編8】JavaScriptのオブジェクトについて理解しよう

本記事ではJavaScriptのオブジェクトについて解説します。 前回の記事でオブジェクト(連想配列)の基礎は学びましたので、今回はその応用となります。 具体的には、オブジェクトの要素に配列を定義するやり方や、undefinedの扱い方につ...
JavaScript入門

【入門編9】JavaScriptのファイル読み込み方法を理解しよう

本記事ではJavaScriptでファイルを読み込む方法を解説します。 ブラウザからファイルを読み込み、そのファイルをプログラムで操作する、のは良くおこないます。 今回はあくまで基礎的な部分のみですが、ファイルを読み込む方法を紹介します。 J...
JavaScript入門

【入門編10】JavaScriptの関数やアロー関数について理解しよう

本記事ではJavaScriptの関数について解説します。 JavaScriptで関数で使えると、複雑で長いコードも分かりやすくすることが可能です。 ぜひこの機会に関数の使い方を覚えてくださいね。 JavaScriptの関数とは? JavaS...
JavaScript入門

【入門編11】JavaScriptのクラスについて理解しよう

本記事ではJavaScriptのクラスについて解説します。 JavaScriptはオブジェクト指向言語でもあるため、クラスが利用可能です。 特に大規模な開発ではクラスが多く使われるので、この機会にやり方を覚えましょう。 本記事ではインスタン...
JavaScript入門

【初級編1】JavaScriptのmapで配列処理を行おう

本記事ではJavaScriptのmapについて解説します。 mapが使えるようになるとソースコードを簡易的に書くことが可能です。 しかしmapはJavaScriptの構文の中でも、少し難しめで良く分からない人も多いのではないでしょうか? 本...
JavaScript入門

【初級編2】JavaScriptのreplaceで文字列の置換を行おう

本記事ではJavaScriptのreplaceについて解説します。 replaceは文字列を操作する場合において必ず使うものです。 たとえば、ユーザーの入力データをチェックしたりサーバー側からデータを受け取ったりする場合に使います。 joi...
JavaScript入門

【初級編3】JavaScriptのjoinで文字列結合を行おう

本記事ではJavaScriptのjoinについて解説します。 joinメソッドは、文字列操作において多様に使われるメソッドです。 また、今回は合わせてsplitメソッドについても解説しましょう。 joinとsplitメソッドは、対になるもの...
JavaScript入門

【初級編4】JavaScriptのsetTimeoutでタイマー処理を使ってみよう

本記事ではsetTimeoutを使ったタイマー処理について解説します。 タイマー処理ができるようになると、ブラウザにスライドショーを追加するなどが可能です。 ポートフォリオを作る際は、タイマー処理を使って、スライドショーやアニメーションを作...
JavaScript入門

【初級編5】JavaScriptの正規表現の基礎を学ぼう

本記事では正規表現をJavaScriptで使う方法について解説します。 正規表現は多くのプログラミング言語で使えるものであり、JavaScriptでももちろん使えます。 正規表現を使うことで、複雑な文字列処理を一行で書くことができ、ソースコ...
JavaScript入門

【初級編6】JavaScriptのjsonについて学習しよう

本記事ではJavaScriptのjsonについて解説します。 jsonはJavaScriptで扱うことができるデータ形式のことです。 外部から情報を取り込みJavaScript内で使いたい場合に、jsonは便利です。 本記事ではjsonファ...
JavaScript入門

【初級編7】JavaScriptのライブラリの使い方を学ぼう

本記事ではJavaScriptのライブラリについて解説します。 ライブラリを使うと、これまでJavaScriptでできなかった、高度な処理ができるようになります。 JavaScriptは長年現役で働き続けている言語のため、多くのライブラリが...
JavaScript入門

【初級編8】JavaScriptのイベント処理の作り方を理解しよう

本記事ではJavaScriptのイベント処理について解説します。 フォームに入力した時やボタンをクリックしたときのみ、特定の関数が作業するように、JavaScriptではできます。 イベント処理ができてこそ、JavaScriptを使う意味が...
JavaScript入門

【初級編9】JavaScriptで日付フォーマットを指定する方法を学ぼう

本記事では、日付フォーマットを指定する方法を解説します。 JavaScriptで現在時刻をブラウザ上に表示したい場合があると思います。 JavaScriptは標準に日付フォーマットを整形する関数はなく、ライブラリを使うことになります。 その...