URLをコピーしました!
スキルアップを始める!

JavaScript(ジャバスクリプト)

JavaScript(ジャバスクリプト)

【JavaScript】フォームの入力内容を確かめる|制御構文・正規表現・例外処理を使った処理

JavaScriptを使用して、フォームの入力内容を確認する方法について説明します。 制御構文(入力欄が空欄かどうか) まず、制御構文を使用して、入力された値が適切かどうかを確認します。 以下は、例として、フォームの入力欄が空欄でないことを...
JavaScript(ジャバスクリプト)

【JavaScript】オブジェクト・プロパティ・メソッドについて

オブジェクトとは JavaScriptにおけるオブジェクトは、キーと値のペアの集合で構成されます。キーは文字列であり、値には任意のデータ型を使用できます。オブジェクトは、波括弧 {} 内にキーと値をカンマで区切って定義します。 例えば、以下...
JavaScript(ジャバスクリプト)

JavaScriptの即時関数(IIFE)とは?

即時関数(IIFE: Immediately Invoked Function Expression)とは? JavaScriptの即時関数(IIFE: Immediately Invoked Function Expression)は、関...
JavaScript(ジャバスクリプト)

【JavaScript】コメントアウトとは?実行を無視する機能について

コメントアウトとは? JavaScriptにおいてコメントアウトとは、プログラムの中で人間が読みやすくするために、実行時には無視されるようにする機能ことです。 コメントアウトは、プログラムに対するメモや付属事項を書いたり、コードの一部を一時...
JavaScript(ジャバスクリプト)

【Cookie】ECサイトでカート情報をCookieに保存するためのJavaScriptコードサンプル例

セッションとCookieは、Webサイトにアクセスするユーザー情報を保持するための方法です。今回は、前回のCookie例のひとつで「カート情報の保持」について見ていきます。 カート情報の保持(Cookie) ECサイトの場合、ユーザーがカー...
JavaScript(ジャバスクリプト)

Session(セッション)とCookieの違いについて【JavaScript】

Session(セッション)ととCookieは、Webサイトにアクセスするユーザー情報を保持するための方法です。以下のような違いがあります。 保持する情報の種類 Cookieは、ユーザーのブラウザに保存される小さなテキストファイルで、主にユ...
JavaScript(ジャバスクリプト)

【JavaScript】Cookieを使ってWEBページへの再訪問時の実行を制御する

Cookieを使って再訪問時の実行を制御する このコードは、Cookieを使って、例えば2回目の訪問ユーザーにポップアップ広告を制御するといった場合のひとつの方法です。 Cookieを使用して、ユーザーが最後にポップアップを閉じた時間を追跡...
JavaScript(ジャバスクリプト)

【JavaScript】ブラウザーキャッシュでWEBページへ再訪問時の実行を制御する

再訪問時の実行を制御する このコードは、ブラウザーキャッシュを使用して、例えば2回目の訪問ユーザーにポップアップ広告を制御するといった場合のひとつの方法です。 ポップアップが表示された時間を保存するために、ブラウザーキャッシュ内に "pop...
JavaScript(ジャバスクリプト)

【JavaScript】2回目の訪問ユーザーにポップアップなどを表示させないようにする(local storage)

ポップアップを制御する(popup_cache) このコードは、local storage(ローカルストレージ)を使用して2回目の訪問ユーザーにポップアップ広告を制御するためのひとつの方法です。ポップアップが表示された時間を保存するために、...
JavaScript(ジャバスクリプト)

JavaScriptでtitleとdescriptionを書き換える方法

titleを書き換える|document.title JavaScriptを使用して、ウェブページのタイトルを書き換えるには、以下のように書きます。 document.title = "新しいタイトル"; このコードでは、documentオ...
JavaScript(ジャバスクリプト)

【JavaScript】郵便番号検索APIを使って住所を自動取得する(zipcloud)

無料で使える郵便番号検索APIを使って、住所を自動入力してみます。 zipcloud フォームのHTMLを作る まずは、フォームのHTMLを作ります。 <form> <label for="zip">郵便番号:</label> <input...
JavaScript(ジャバスクリプト)

【Javascript】URLパラメータの値を取得する|window.location.search

window.location.searchプロパティ JavascriptでURLパラメータの値を取得するには、以下のようにwindow.location.searchプロパティを使用します。このプロパティは、現在のページのURLの?以降...
JavaScript(ジャバスクリプト)

【JavaScript】他のページにリダイレクトさせる|location

JavaScriptで他のページにリダイレクトするには、以下のように設定します。 .location.href locationオブジェクトのhrefプロパティにリダイレクト先のURLを設定します。 window.location.href...
JavaScript(ジャバスクリプト)

【JavaScript】セミコロン(;)の記号を忘れるとどうなるのか?

セミコロン(;)の記号を忘れると JavaScriptにおいて、セミコロン(;)を忘れると、次のような影響があります。 文法エラー: セミコロンはJavaScriptの文の終わりを示す重要な役割を果たしています。セミコロンを忘れると、文法エ...
JavaScript(ジャバスクリプト)

【JavaScript】XMLHttpRequestオブジェクトの基本について

XMLHttpRequestとは? XMLHttpRequest(XHR)は、JavaScriptを使用してウェブページとサーバーとの間でデータを非同期に送受信するためのAPIです。XHRは、ウェブページの再読み込みなしでデータを取得したり...
JavaScript(ジャバスクリプト)

【JavaScript】addEventListener()で登録できるイベント一覧と読み込む順番

.addEventListener()とは? JavaScriptで、.addEventListener()はイベントリスナーを登録するためのメソッドです。 下記のように使用します。 window.addEventListener('loa...
JavaScript(ジャバスクリプト)

【JavaScript】じゃんけんゲームを作る(Part1)

JavaScriptでじゃんけんゲームを作ってみます。プログラミングの勉強にもなりますので、ぜひ挑戦ください。 じゃんけんのルール 改めて、じゃんけんのルールをおさらいしてみます。 じゃんけんのルール プレイヤーは「グー」「チョキ」「パー」...
JavaScript(ジャバスクリプト)

【JavaScript】Canvas(キャンバス)とは?

Canvas(キャンバス)とは? Canvasは、JavaScriptでグラフィックスを描画するためのHTML5要素の1つです。 Canvas要素は、width(幅)とheight(高さ)属性を指定してHTMLドキュメント内に配置されます。...
JavaScript(ジャバスクリプト)

【JavaScript】コールバック関数とは?基本について

コールバック関数とは? コールバック関数とは、JavaScriptにおいて非同期処理を行うための重要な概念の1つです。 非同期処理は、処理の完了を待たずに次の処理を実行することを可能にするため、プログラムのパフォーマンスを向上させることがで...
JavaScript(ジャバスクリプト)

【JavaScript】アロー関数の使い方(基本)

アロー関数とは? アロー関数は、ES6(ECMAScript 2015)で導入された、簡潔な構文で関数を定義する方法です。従来の関数定義よりも簡潔で読みやすく、特にコールバック関数を扱う際によく利用されます。 以下はアロー関数の基本的な書き...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら