このページでは、入門者向けにJavascriptの基本文法やサンプルプログラムを解説しています。
Javascriptとは
JavaScriptとは、プログラミング言語の1つです。
主にウェブブラウザに実装され、動的なWebページの作成や高ユーザインタフェースの作成によく利用されています。
最近は、ES2015(ES6)と呼ばれる新しいJavascriptも登場しています。
Javascriptの基本文法使い方を項目別に以下にまとめました。
はじめに
| – |
項目 |
| 作成方法 |
プログラムの作成, 理想的なプログラム |
| 記述場所 |
headerタグ内, bodyタグ内, inputタグ内, リンク, 外部ファイル |
| 実行 |
ページ読込時に実行, 入力欄変更時に実行 |
| 基本 |
コメント文, アラート画面, アラート画面で改行, alertでエラー特定 |
| 開発環境 |
Brackets, VSCode |
| 処理タイミング |
ページ読込前・完了時 |
変数・配列・演算子・文字列処理
変数・配列・演算子・文字列処理の基本的な使い方について整理しています。
| – |
配列編 |
| 配列 |
配列とは, 配列の宣言・初期化・代入, 配列(数値), 配列(文字列) |
| 多次元配列 |
2次元配列 |
| 連想配列 |
連想配列, 初期化(for文) |
| 配列操作 |
配列の長さ(要素数), 配列の判定, 文字列に変換①, 文字列に変換②, 配列のpop操作, 配列のpush操作, 順序反転, 先頭要素削除, 先頭要素追加 |
| ソート |
文字列順ソート, 数値順ソート, アルファベット順, 平仮名・カタカナ順ソート |
| 抽出 |
指定範囲の要素抽出 |
| – |
文字列処理編 |
| 基本 |
エスケープ文字\, 文字列連結, 文字列分割, 文字列→数値, 数値→文字列 |
| 文字装飾 |
文字色, 文字サイズ, 文字大, 文字小, 太文字, 等倍フォント, 斜体, 上付き文字, 下付き文字, 取り消し線, リンク追加 |
| 文字抽出 |
1文字, 任意の文字数, 範囲指定, 文字数取得 |
| 検索 |
部分一致 |
| 削除 |
部分削除 |
構造化プログラミング、関数、オブジェクト指向
| – |
オブジェクト指向編 |
| 用語 |
オブジェクト指向, 利点欠点, クラス・インスタンス, メソッド, クラス・インスタンス変数 |
| クラス・インスタンス |
クラスの定義, インスタンスの生成 |
| インスタンス変数 |
生成, 値取得, 代入, 追加, 値を渡す（初期化） |
| メソッド |
メソッド定義, メソッド定義(プロトタイプ) |
| まとめ |
JavaScriptでオブジェクト指向プログラミング： |
DOM・ウィンドウ操作・ファイル処理・システム関連
外部ライブラリ等（ゲーム、スマホアプリ、数値計算）
| – |
応用・その他 |
| 応用編 |
ES2015(ES6) 入門, 数値計算処理, ゲーム制作, HTML5, 画像処理・編集 |
| 参考文献 |
LiveWeave, GitHub, Javascript入門, Javascript入門 ajaxtower, JavaScritpで数値計算, 愚作の箱, Subterranean Flower blog |