GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

No menu could be recovered. Follow the blue links in the page.

This view

  • Original page
  • New address

GeezerVison is showing ja.javascript.info — 現代の JavaScript チュートリアル

JavaScript 言語

ここでは JavaScript をゼロから始め、OOP(オブジェクト指向プログラミング)のような高度なコンセプトを学びます。

ここでは、環境固有の注意事項は最小限に抑えて、言語そのものに集中しています。

導入
  • JavaScript 入門
  • マニュアルと仕様
  • コードエディタ
  • 開発者コンソール
JavaScript の基礎
  • Hello, world!
  • コード構造
  • モダンなモード, "use strict"
  • 変数
  • データ型
  • インタラクション: alert, prompt, confirm
  • 型変換
  • 演算子
  • 比較
  • 条件分岐: if, '?'
  • 論理演算子
  • NULL合体演算子(Nullish coalescing operator) '??'
  • ループ: while と for
  • switch文
  • 関数
  • 関数式
  • アロー関数の基本
  • JavaScript スペシャル(これまでのおさらい)
  • もっと…
コード品質
  • Chrome でのデバッグ
  • コーディングスタイル
  • コメント
  • 忍者コード
  • mocha による自動テスト
  • Polyfill(ポリフィル)とトランスパイラ
オブジェクト: 基本
  • オブジェクト
  • オブジェクト参照とコピー
  • ガベージコレクション
  • オブジェクトメソッド, "this"
  • コンストラクタ、 new 演算子
  • オプショナルチェイニング(Optional chaining) '?.'
  • シンボル型
  • オブジェクトからプリミティブへの変換
データ型
  • プリミティブのメソッド
  • 数値
  • 文字列
  • 配列
  • 配列のメソッド
  • 反復可能なオブジェクト
  • Map と Set
  • WeakMap と WeakSet
  • Object.keys, values, entries
  • 分割代入
  • 日付 と 時刻
  • JSON メソッド, toJSON
  • もっと…
関数の高度な機能
  • 再帰とスタック
  • 残りのパラメータ(Rest parameters)とスプレッド演算子(Spread operator)
  • 変数スコープ、クロージャ
  • 古い "var"
  • グローバルオブジェクト
  • 関数オブジェクト, NFE
  • "new Function" 構文
  • スケジューリング: setTimeout と setInterval
  • デコレータと転送, call/apply
  • 関数バインディング
  • アロー関数ふたたび
  • もっと…
オブジェクトプロパティの設定
  • プロパティフラグとディスクリプタ
  • プロパティ getters と setters
プロトタイプ, 継承
  • プロトタイプ継承
  • F.prototype
  • ネイティブのプロトタイプ
  • __proto__ なしでの プロトタイプ メソッド, オブジェクト
クラス
  • クラス(Class) 基本構文
  • クラスの継承
  • 静的(static)プロパティとメソッド
  • Private / protected プロパティとメソッド
  • 組み込みのクラスを拡張する
  • クラスのチェック: "instanceof"
  • ミックスイン
エラーハンドリング
  • エラーハンドリング, "try..catch"
  • カスタムエラー, Error の拡張
Promise, async/await
  • 前置き: コールバック
  • Promise
  • Promise チェーン
  • Promise でのエラーハンドリング
  • Promise API
  • Promisification
  • Microtasks
  • Async/await
ジェネレータ, 高度なイテレーション
  • ジェネレータ
  • 非同期イテレーションとジェネレータ
モジュール
  • モジュール, 導入
  • エクスポートとインポート
  • Dynamic imports(ダイナミックインポート)
その他
  • Proxy と Reflect
  • Eval: コード文字列を実行する
  • カリー化
  • 参照型
  • BigInt

ブラウザ: ドキュメント, イベント, インタフェース

ブラウザページを管理する方法を学びます: 要素の追加、それらのサイズや位置の操作、動的なインタフェースの追加や訪問者とのインタラクションについて。

ドキュメント
  • ブラウザ環境, スペック
  • DOM ツリー
  • DOM ナビゲーション
  • 検索: getElement* と querySelector*
  • ノードのプロパティ: タイプ、タグとコンテンツ
  • 属性とプロパティ
  • ドキュメントの変更
  • スタイルとクラス
  • 要素サイズとスクローリング
  • ウィンドウサイズとスクローリング
  • 座標
  • もっと…
イベント概論
  • ブラウザイベントの紹介
  • バブリング と キャプチャリング
  • イベント移譲(Event delegation)
  • ブラウザのデフォルト動作
  • カスタムイベントのディスパッチ
イベントの詳細
  • マウスイベント
  • 移動: mouseover/out, mouseenter/leave
  • マウスイベントでのドラッグ&ドロップ
  • キーボード: keydown と keyup
  • スクロール
フォーム, コントロール
  • フォームプロパティとメソッド
  • フォーカス: focus/blur
  • イベント: change, input, cut, copy, paste
  • フォームの送信: submit のイベントとメソッド
ドキュメントとリソースの読み込み
  • ページのライフサイクル: DOMContentLoaded, load, beforeunload, unload
  • スクリプト: async, defer
  • リソース読み込み: onload と onerror
その他
  • Mutation observer
  • 選択(Selection) と 範囲(Range)
  • イベントループ(event loop): microtask と macrotask

その他の記事

チュートリアルの最初の2つの部分でカバーされていない追加のトピックのリストです。 ここには明確な階層はなく、必要な順序で記事にアクセスできます。
フレームとウィンドウ
  • ポップアップとウィンドウメソッド
  • ウィンドウを跨いだやり取り
  • クリックジャッキング
バイナリデータ、ファイル
  • ArrayBuffer, binary arrays
  • TextDecoder と TextEncoder
  • Blob
  • File と FileReader
ネットワークリクエスト
  • Fetch
  • FormData
  • Fetch: ダウンロードの進行状況
  • Fetch: Abort
  • Fetch: クロスオリジン(Cross-Origin) リクエスト
  • Fetch API
  • URL オブジェクト
  • XMLHttpRequest
  • 再開可能なファイルアップロード
  • ロングポーリング
  • WebSocket
  • Server Sent Events
  • もっと…
ブラウザへのデータの保存
  • Cookies(クッキー), document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
アニメーション
  • ベジェ曲線
  • CSS アニメーション
  • JavaScript アニメーション
Web components
  • 導入(From the orbital height)
  • Custom elements
  • Shadow DOM
  • Template 要素
  • Shadow DOM スロット, コンポジション
  • Shadow DOM スタイリング
  • Shadow DOMとイベント
正規表現
  • パターンとフラグ
  • 文字クラス
  • Unicode(ユニコード): フラグ "u" とクラス \p{...}
  • 文字列の先頭 ^ と末尾 $
  • アンカー ^ $ の複数行モード, フラグ "m"
  • 単語境界(Word boundary): \b
  • エスケープ, 特殊文字
  • 集合と範囲 [...]
  • 量指定子 +, *, ? と {n}
  • 貪欲と怠惰な量指定子
  • キャプチャグループ
  • 後方参照: \N と \k<name>
  • 論理和指定子(Alternation) (OR) |
  • 先読みと後読み(Lookahead/lookbehind)
  • 破壊的なバックトラック(Catastrophic backtracking)
  • スティッキーフラグ(sticky flag) "y", 指定位置での検索
  • RegExp と文字列のメソッド
  • もっと…
シェア
チュートリアルマップ

コメント

コメントをする前に読んでください…
  • 自由に記事への追加や質問を投稿をしたり、それらに回答してください。
  • 数語のコードを挿入するには、<code> タグを使ってください。複数行の場合は <pre> を、10行を超える場合にはサンドボックスを使ってください(plnkr, JSBin, codepen…)。
  • 記事の中で理解できないことがあれば、詳しく説明してください。
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.