とほほのJavaScript入門

• [戻る]
• [索引]

基本編

• JavaScript って何？
  • JavaScript とは？
  • JavaScript と Java の関係は？
  • ECMAScript とは？
  • JavaScript のバージョン
  • ES5 の新機能
  • ES5.1 の新機能
  • ES2015(ES6) の新機能
  • ES2016(ES7) の新機能
  • ES2017(ES8) の新機能
  • ES2018(ES9) の新機能
  • ES2019(ES10) の新機能
  • ES2020(ES11) の新機能
  • ES2021(ES12) の新機能
  • ES2022(ES13) の新機能
  • ES2023 の新機能
  • ES2024 の新機能
  • ES2025 の新機能
• まずは始めてみよう
  • 準備するもの
  • 「Hello world!!」と書いてみよう
  • 時刻を表示してみよう
  • 動く時計を表示してみよう
• JavaScript の書き方
  • <script>～</script>
  • JavaScript 外部ファイル(src=...)
  • イベントハンドラ(on～)
  • URL記述(javascript:...)
• JavaScript の古い書き方
  • 未対応ブラウザへの配慮
  • 言語指定(language=...)
• JavaScript の基本文法
  • 型
  • オブジェクト
  • プロパティ
  • メソッド
  • 変数
  • 文
  • コメント(/* ... */)
  • 大文字と小文字
  • 予約語
  • ストリクトモード(strict)
• 構文
  • 複文(ブロック)
  • 変数・定数宣言(var, let, const)
  • 条件分岐(if)
  • 条件分岐(switch)
  • 繰り返し(while)
  • 繰り返し(do)
  • 繰り返し(for)
  • ループを抜ける(break)
  • ループを続ける(continue)
  • ラベル(label)
  • オブジェクト参照(with)
  • 例外処理(try, catch...)
  • モジュール(import, export)
  • デバッグ(debugger)
  • ジャンプ(goto)
• 演算子
  • 代入演算子(=)
  • 算術演算子(+, -, *, /, %, **, ++, --)
  • 比較演算子(==, !==, <, <=, >, >=, ===, !==)
  • 論理演算子(&&, ||, !)
  • 条件演算子(? :)
  • カンマ演算子(,)
  • ビット演算子(&, |, ^, ~, <<, >>, >>>)
  • 複合代入演算子(+=, -=, *=, /=...)
  • ヌル値関連演算子(??, ?)
  • その他の演算子(delete, typeof, void, instanceof)
  • 演算子の優先順位
• 数値・文字列・定数
  • 数値
  • 文字列
  • 定数
  • 特殊変数
  • 弱参照(WeakRef)
• イベントハンドラ
  • イベントハンドラ
  • イベントハンドラの指定方法
  • 各種イベントハンドラ
• ビルトイン関数
  • 数値変換(parseInt, parseFloat)
  • エンコード(escape, unescape, encodeURI, encodeURIComponent, decodeURI, encodeURIComponent)
  • 値判断(isNaN, isFinite)
  • スクリプト実行(eval)

基本オブジェクト編

• 数値(Number)
  • 数値
  • 数値オブジェクト
  • 文字列を数値に変換する
  • 非数
  • 限界値
  • 丸め誤差
  • 表記変換
  • 言語依存フォーマット
• 文字列(String)
  • 文字列
  • エスケープ文字
  • ダブルクォートとシングルクォート
  • テンプレートリテラル
  • マルチライン
  • 文字列オブジェクト
  • 文字列への変換
  • 文字列の長さ
  • 文字列の部分取り出し
  • 文字列の分割と連結
  • 文字列の置換
  • 文字列の検索
  • 文字列のマッチング
  • 文字と文字コードの変換
  • 文字列のタグつけ
  • 文字列のパディング
  • JSON文字列の変換
  • Unicode文字列
• 真偽値(Boolean)
  • 真偽値
• 配列(Array)
  • 配列の作成
  • 多次元配列
  • 配列の長さ
  • 配列のループ
  • 配列の検査
  • 配列の連結
  • 配列要素の取り出しと追加
  • 配列の並べ替え
  • 配列から文字列への変換
  • 配列要素の変更
  • 分割代入
  • スプレッド構文
• 型付き配列(TypedArray)
  • 型付き配列(TypedArray)とは
  • 型付き配列の作成
  • 配列の長さ
  • ArrayBuffer の情報
  • 型付き配列のループ
  • 配列の検査
  • 配列要素の取り出しと追加
  • 配列の並べ替え
  • 配列から文字列への変換
  • 配列要素の変更
  • Base64変換
  • 分割代入
• 配列バッファー(ArrayBuffer)
  • 配列バッファーの作成
  • 配列バッファーのリサイズ
  • 配列バッファーの複製
• 共有配列バッファー(SharedArrayBuffer)
  • SharedArrayBuffer とは
  • SharedArrayBuffer の作成
  • SharedArrayBuffer の領域拡大
  • SharedArrayBuffer の複製
• アトミックス(Atomics)
  • アトミックス(Atomics)とは
  • アトミックな読み書き
  • アトミックな演算
  • 待ち合わせ
  • その他
• マップ(Map)
  • マップ(Map)
  • 弱参照マップ(WeakMap)
• セット(Set)
  • セット(Set)
  • 弱参照セット(WeakSet)
• 数学関数(Math)
  • 数学関数
  • 乱数
  • 繰り上げ・繰り下げ・絶対値
  • 三角関数
  • その他
• 日付(Date)
  • 日付オブジェクト
  • 日付情報の取得と設定
  • 文字列への変換
  • 数値への変換
• 日時(Temporal)
  • 概要
  • リンク
  • 使用例
  • オブジェクト種別
  • 用語
  • オブジェクト生成
  • プロパティ
  • メソッド・関数
  • 私だったらこうするかな...
• 関数(Function)
  • 関数
  • 引数と戻り値
  • グローバル変数とローカル変数
  • 関数オブジェクト
  • コールバック関数
  • 再帰関数
  • 即時関数
  • アロー関数
• オブジェクト(Object)
  • オブジェクトとは
  • オブジェクトを作成する
  • プロトタイプ
  • プロパティ
  • プロパティ記述子
  • 凍結・封印・拡張禁止
  • 文字列への変換
  • その他
  • ゲッターとセッター
  • スプレッド構文とレスト構文
  • クラスを定義する
  • クラスを継承する
• クラス(Class)
  • クラスを定義する(class)
  • コンストラクタ(constructor)
  • フィールド(field)
  • メソッド(method)
  • スタティックメソッド(static)
  • ゲッター(getter)とセッター(setter)
  • プロトタイプ(prototype)
  • 継承(extends)
  • 親クラス(super)
  • クラス式
• 正規表現(RegExp)
  • 正規表現オブジェクト
  • マッチング
  • 正規表現の文法
  • フラグ
  • マッチングの結果
  • その他
• JSON
  • JSONの概要
  • エンコードとデコード
• シンボル(Symbol)
  • シンボル
  • シンボルの使い道
  • プロパティ
  • メソッド
  • Well-knownシンボル
• コンソール(console)
  • コンソール
  • ログ出力
  • スタックトレース
  • タイマー
  • カウンター
  • グルーピング
  • その他
• プロミス(Promise)
  • Promiseとは
  • Promiseメソッド
  • 非同期関数を同期関数っぽく呼び出す(async, await)
  • 繰り返し(for await ... of ...)
• イテレーター・反復可能オブジェクト・ジェネレーター
  • イテレーター(iterator)
  • 反復可能オブジェクト(iterable object)
  • ジェネレーター(generator)
  • ヘルパーメソッド

ブラウザオブジェクト編

• ウィンドウ(Window)
  • ウィンドウオブジェクト
  • ダイアログ表示
  • ウィンドウ制御
  • ウィンドウ情報
  • イベント
  • タイマ
  • ページを開く
  • その他
• ナビゲーター(Navigator)
  • ブラウザの情報
  • ブラウザの状態
  • その他
• ヒストリー(History)
  • 戻ると進む
  • ヒストリー操作
• ロケーション(Location)
  • アドレス情報
  • 指定アドレスにジャンプする
• ドキュメント(Document)
  • ドキュメントオブジェクト
  • 色・背景色
  • ドキュメントに書きこむ
  • ドキュメント情報
  • ドキュメントの要素
  • その他
• エレメント(Element)
  • IE4.0のダイナミックHTML
  • 要素オブジェクト
• ドキュメントオブジェクトモデル(DOM)
  • DOMとは
  • 要素(エレメント)を参照する
  • 要素リストから要素を取り出す
  • 要素内の文字を参照する
  • 属性を参照・設定する
  • 要素を作る
  • 参考文献
• スタイル(Style)
  • スタイル
• フォーム(Form)
  • フォームを操作する
  • フォームオブジェクト
  • フォーム部品
  • フォーム部品(共通)
  • フォーム部品(テキスト部品)
  • フォーム部品(ボタン部品)
  • フォーム部品(セレクト部品)
  • フォーム部品(オプション部品)
• イベント(Event)
  • イベントオブジェクト(Internet Explorer)
  • イベントオブジェクト(Netscape Communicator)
• レイヤー(Layer)
  • レイヤーオブジェクト
  • レイヤーの中身
  • レイヤーを隠す
  • レイヤーの位置と大きさ
  • レイヤーの重なり制御
  • イベント
• イメージ(Image)
  • イメージオブジェクト
• アンカー(Anchor)
  • アンカーオブジェクト
• フェッチ(Fetch)
  • フェッチAPI
• その他のオブジェクト
  • リンクオブジェクト(Link)
  • アプレットオブジェクト(Applet)
  • MIMEタイプオブジェクト(MimeType)
  • プラグインオブジェクト(Plugin)
  • スクリーンオブジェクト(Screen)

付録

• シンタックス
• イベント一覧
• 参考文献