JavaScript はクライアント側で実行されるオブジェクト指向型のスクリプト言語です。初心者向けに、JavaScriptとは何ができるのか？をわかりやすく解説します。ご参考ください。
JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト) 
JavaScript(ジャバスクリプト) JavaScriptでtitleとdescriptionを書き換える方法
titleを書き換える｜document.titleJavaScriptを使用して、ウェブページのタイトルを書き換えるには、以下のように書きます。document.title = "新しいタイトル";このコードでは、documentオブジェ...
JavaScript(ジャバスクリプト) 【JavaScript】郵便番号検索APIを使って住所を自動取得する（zipcloud）
無料で使える郵便番号検索APIを使って、住所を自動入力してみます。zipcloudフォームのHTMLを作るまずは、フォームのHTMLを作ります。<form> <label for="zip">郵便番号：</label> <inp...
JavaScript(ジャバスクリプト) 【Javascript】URLパラメータの値を取得する｜window.location.search
window.location.searchプロパティJavascriptでURLパラメータの値を取得するには、以下のようにwindow.location.searchプロパティを使用します。このプロパティは、現在のページのURLの?以降の...
JavaScript(ジャバスクリプト) 【JavaScript】他のページにリダイレクトさせる｜location
JavaScriptで他のページにリダイレクトするには、以下のように設定します。.location.hreflocationオブジェクトの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('load',...
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）で導入された、簡潔な構文で関数を定義する方法です。従来の関数定義よりも簡潔で読みやすく、特にコールバック関数を扱う際によく利用されます。以下はアロー関数の基本的な書き方で...
JavaScript(ジャバスクリプト) JSON（JavaScript Object Notation）とは何か？基本について
今回は、json（JavaScript Object Notation）とは何か？についてご紹介します。JSONとは？JSONとは「JavaScript Object Notation」の略で、データを表現するための軽量でテキストベースのフ...
JavaScript(ジャバスクリプト) 【JavaScript】ul要素の子要素であるli要素から各li要素の子要素であるa要素を取得してli要素と入れ替える
このスクリプトは、ul要素の子要素であるli要素から、各li要素の子要素であるa要素を取得して、li要素と入れ替えるものです。各li要素の子要素であるa要素を取得して、li要素と入れ替えるこのスクリプトを実行することで、特定のクラス名の配下...
JavaScript(ジャバスクリプト) JavaScriptを使ったアニメーションの実装方法と３つの事例について
JavaScriptのアニメーションを作成することで、目を引くウェブサイトを作成することができます。以下は、人々を驚かせるかもしれない、いくつかのアイデアです。サンプルページはこちら▼JavaScriptの４つのアニメーション例キャンバスを...
JavaScript(ジャバスクリプト) JavaScript初心者必見！抑えておくべき１０つのポイント
JavaScriptはWeb開発において重要なプログラミング言語であり、抑えておくべきポイントは多岐にわたりますが、以下にいくつか挙げてみます。基本構文基本構文：JavaScriptの基本的な構文を把握することが重要です。変数の宣言方法、デ...
JavaScript(ジャバスクリプト) UserAgent（ユーザーエージェント）とは？主要なブラウザのユーザーエージェントについて
UserAgent（ユーザーエージェント）とは？UserAgent（ユーザーエージェント）とは、WebブラウザやクローラーなどのHTTPクライアントが、サーバーに送信するリクエストヘッダーの一部です。この情報には、クライアントの種類、バージ...
JavaScript(ジャバスクリプト) 【JavaScript入門】JavaScriptを実行する方法 scriptタグの基本
scriptタグとは？JavaScriptを実行する方法として、scriptタグを使う方法があります。この方法は、Webページ内にJavaScriptコードを直接埋め込んで実行する方法です。scriptタグを使用すると、HTMLのページ内で...
JavaScript(ジャバスクリプト) JavaScriptで使用される主なaddEventListenerメソッド一覧
JavaScriptで使用されるaddEventListenerメソッドは、様々なイベントをリッスンすることができます。以下に一般的なイベントのリストを示します。addEventListenerメソッドとは？addEventListener...
JavaScript(ジャバスクリプト) JavaScriptを使用してスマートフォンとPCを判断する方法（User Agent・画面幅）
JavaScriptを使用して、スマートフォンとパーソナルコンピュータ(PC)を判断する方法はいくつかあります。以下は、よく使用される方法の一例です。User Agentの検出User Agentは、WebブラウザーがWebサーバーに送信す...
JavaScript(ジャバスクリプト) JavaScriptでボタンクリック時に音を鳴らす方法
以下のようにHTMLとJavaScriptを組み合わせて、クリックすると音が鳴るボタンを作ることができます。HTML5のaudio要素を使用するまずは、WEB上の特定の場所にメディアをアップロードします。ワードプレスの場合はメディアの場所な...
