JavaScript入門

JavaScript入門

【中級編4】JavaScriptとHTMLで会員登録画面を完成させよう

本記事では、今まで作ってきた会員登録画面の仕上げを行います。 前回の記事では、入力内容のチェックを行い、エラーがあった場合にアラートを表示させていました。 今回はエラー時にアラートではなく、エラー文を表示させるようにします。 ...
JavaScript入門

【中級編3】JavaScriptで入力内容をチェックしよう

今回ではJavaScriptで入力内容のチェックを行います。 前回の記事で、JavaScriptで入力内容を取得する所までは行いました。 今回はその続きで、入力ミスがあった場合にアラートを表示させるようにしていきます。 ...
JavaScript入門

【中級編2】JavaScriptで入力内容を受け取れるようにしよう

本記事ではJavaScriptでフォームに入力した内容を受け取ります。 前回の記事で、HTMLを使って画面だけ作りましたが、今回はフォームに入力された情報をJavaScriptで取得してみます。 これまで学んだ様々なことを活用...
JavaScript入門

【中級編1】JavaScriptで会員登録を行うための入力フォームをHTMLで作ろう

本記事ではJavaScriptを使って会員登録画面を作っていきます。 会員登録画面ではユーザーが入力した内容を、JavaScriptでチェックしなくてはいけません。 JavaScriptでチェックする際は、これまで学んだきたこ...
JavaScript入門

【初級編10】JavaScriptの乱数についてマスターしよう

本記事ではJavaScriptの乱数について解説します。 乱数が使えるようになると、サイコロやおみくじなどのゲームが作れます。 ただ、乱数の作り方はややこしい面もあるので、そのあたりも踏まえて詳しく解説していきましょう。 ...
JavaScript入門

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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