news
2019年6月 ECMAScript 2019 がリリースされました。
2018年6月 ECMAScript 2018 がリリースされました。
2017年6月 ECMAScript 2017 がリリースされました。
2016年6月 ECMAScript 2016 がリリースされました。
2015年6月 ECMAScript 2015 (ECMAScript 6、ES6)がリリースされました。→表記がバージョン番号から年になりました。
2009年12月 ECMAScript5がリリースされました。
https://caniuse.com/ブラウザの対応状況を確認できます。
使用方法はCan I use ?のuseの後に調べる語句を入力します。
Google Hosted Libraries
https://developers.google.com/speed/libraries
DOM
- JavaScript getElementByIdでIDから値を取得
- JavaScript getElementsByClassName クラスで取得
- JavaScript querySelector セレクタで要素を取得
- JavaScript querySelectorAll 複数要素を取得
- JavaScript getElementsByName name属性で取得
- JavaScript getElementsByTagName タグ名で取得
- JavaScript classListでCSSのクラスを追加/削除
- JavaScript children 全ての子の要素を取得/設定する
- JavaScript nextElementSibling DOMで次に移動
- JavaScript 属性値を取得/設定/削除する(getAttribute)
- JavaScript 要素を追加/削除する(createElement他)
- JavaScript replaceChild 要素を置換する
制御文
- JavaScript if文 条件分岐を行うサンプル
- JavaScript if文の == と === の違い
- JavaScript switch文のサンプル
- JavaScript for文 処理を繰り返す(break/continue)
- JavaScript while文とdo...while文のサンプル
画面部品
- JavaScript テキストボックスの値を取得/設定する
- JavaScript チェックボックスの値を取得/設定する
- JavaScript セレクトボックスの値を取得/設定するサンプル
- JavaScript ラジオボタンの値を取得/設定する
- JavaScript hiddenの値を取得/設定する
- JavaScript テキストエリアの値を取得/設定する
- JavaScript パスワード入力欄の値を取得/設定する
- JavaScript リストボックスの値を取得/設定する
- JavaScript 数値入力欄の値を取得/設定する
- JavaScript カラーボタンで色を取得/背景色セット
- JavaScript 要素を活性/非活性にする(disabled)
- JavaScript 要素を表示/非表示にするサンプル(displayとvisibility)
- iframeで画面を分割するサンプル
- HTML 入力画面の部品(form)
- HTML labelタグでクリックできる範囲を広げる方法
文字列関連
- JavaScript 文字列を結合するサンプル
- JavaScript textContentとinnerHTMLの違い 文字列表示
- JavaScript slice 文字列を切り出す+(末尾削除/頭ゼロ)
- JavaScript substring 文字列を切り出す
- JavaScript includes 文字列に指定の文字があるか
- JavaScript 文字列の一部を取得する(substr)
- JavaScript 文字列から1文字を取得する(charAt)
- JavaScript 文字コードを取得する(charCodeAt)
- JavaScript 文字からUnicodeを取得(codePointAt)
- JavaScript Unicodeから文字を取得(fromCodePoint)
- JavaScript 文字列の長さを取得する(length)
- JavaScript indexOfで文字列の位置を取得
- JavaScript 大文字と小文字を変換(toLowerCase/toUpperCase)
- JavaScript 文字列の始まり/終わり(startsWith/endsWith)
- JavaScript trim 文字列の先頭末尾の空白を取り除く
- JavaScript 頭ゼロをつける(padStart)
- JavaScript 文字列と数値の変換(parseInt/String)
- JavaScript エスケープシーケンスのサンプル
- JavaScript URIエンコード(encodeURIComponentとdecodeURIComponent)
- JSONを整形するWebツール(コードあり)
正規表現関連
- JavaScript split 文字列を配列にする(正規表現)
- JavaScript replace 文字列を置換する(正規表現)
- jQueryとjsのreplaceで文字列を置き換える
- JavaScript test 正規表現で真偽値を返す
- JavaScript search 正規表現でインデックス値を返す
- JavaScript match 正規表現で値を返す
- JavaScript exec 正規表現で値を返す
数値関連
- JavaScript 計算のサンプル(a += 3や++aとa++)
- JavaScript 切り上げのサンプル(ceil)
- JavaScript 切り捨てのサンプル(floor)
- JavaScript 四捨五入のサンプル(round)
- JavaScript 乱数を生成するサンプル(random)
- JavaScript Mathクラスの関数(べき乗/平方根/立方根他)
- JavaScript 小数点ありの数値の表示(toFixed/指数)
イベント
- JavaScript addEventListener イベントリスナを登録
- JavaScript removeEventListenerイベントリスナ削除
- JavaScript setInterval 一定間隔で処理を繰り返す
- JavaScript setTimeout 一定時間の経過後に処理を行う
- JavaScriptとonclickのサンプル
- JavaScript イベントとイベントハンドラのサンプル
- JavaScript イベントのバブリングとは
- JavaScript イベントを無効化する(preventDefault)
- JavaScript マウスイベントで処理を行うサンプル
日時処理(Date)
配列関連
- JavaScript 配列の仕組みと使い方のサンプル
- JavaScript 2次元配列のサンプル
- JavaScript if文で配列を比較するサンプル
- JavaScript for...in文とfor...of文のサンプル
- JavaScript forEach 配列を関数に渡して1回ずつ実行
- JavaScript map 配列を処理して新しい配列を作成
- JavaScript filter 条件にあった値で新しい配列を作成
- JavaScript reduce 配列を1つの値にして出力
- JavaScript Mapを使用するサンプル
- JavaScript Setを使用するサンプル
オブジェクト
- JavaScript オブジェクト(連想配列)の使い方
- JavaScript オブジェクトを走査するサンプル
- JavaScript prototypeでメソッドを追加するサンプル
- JavaScript 継承のサンプル(プロトタイプチェーン)
- JavaScript parse JSONから値を取得するサンプル
- JavaScript stringify オブジェクトをJSONにする
- JavaScript クラスの仕組みとサンプル
- JavaScript クラスの継承の仕組みとサンプル
- JavaScript Promiseを使用するサンプル
- JavaScript asyncとawaitのサンプル
- JavaScriptのFetchの非同期通信でJSONを取得
- JavaScriptのXMLHttpRequestの非同期通信でJSON取得
- JavaScript assign オブジェクトの値をコピー
基本
- JavaScriptの動かし方とconsole.logの確認方法
- JavaScript Chromeブラウザでデバッグする方法
- JavaScript Edgeブラウザでデバッグする方法
- JavaScript constとletとvarの違い
- JavaScriptのデータ型とデータ型を調べる方法
- JavaScript 例外処理のサンプル(try...catchとthrow)
- JavaScript 変数の巻き上げのサンプル
- JavaScriptとは - JavaScriptの概要
関数
- JavaScript 関数のサンプル
- JavaScript 関数宣言と関数式のサンプル
- JavaScript 再帰関数のサンプル
- JavaScript 関数のデフォルト引数のサンプル
- JavaScript 関数式と無名関数と即時関数
- JavaScript クロージャのサンプル
- JavaScript 引数/戻り値が関数のサンプル(高階関数)
- JavaScript argumentsオブジェクトとcalleeのサンプル
- JavaScript bind thisの内容を指定する
- JavaScript call thisの内容を指定する
- JavaScript apply thisの内容を指定する
- JavaScript コールバック関数のサンプル
- JavaScript アロー関数のサンプル
Windows
- JavaScript ウィンドウ/ダイアログを開くサンプル
- JavaScript ページを遷移するサンプル(location/history)
- JavaScript ディスプレイの幅/高さ/色深度を取得する(screen)
- JavaScript consoleオブジェクトのメソッドのサンプル
JavaScriptテーブル(jQuery)
JavaScriptフレームワーク/ツール
- Node.jsのインストールとhello worldを表示する手順
- Reactのインストールとhello worldを表示する手順
- React jsxファイルでhello worldを表示するサンプル
- React 画面の部品を使用するサンプル(ボタン等)
- React CSSを使用するサンプル
- React Propsを使用するサンプル
- React useStateを使用するサンプル
- React useEffectを使用するサンプル
- Vue.js hello worldを表示する/if文とfor文のサンプル
- Angularのインストールとhello worldを表示する手順
- webpackのインストールとhello worldを表示する手順
- js-cookieでクッキーを操作するサンプル
- Gulpでjsファイルを圧縮するサンプル