入門者向けにJavascriptの基本文法やサンプルプログラムを解説しています。
Javascriptとは
JavaScriptとは、プログラミング言語の1つです。
主にウェブブラウザに実装され、動的なWebページの作成や高ユーザインタフェースの作成によく利用されています。
Javascriptの記述場所
Javascriptの実行方法
コメント文、アラート画面
Javascriptの開発環境
- VSCode
- Brackets
変数・配列・演算子・文字列処理
変数
演算子
配列
- 配列とは
- 配列の宣言・初期化・代入
- 配列(数値)
- 配列(文字列)
- 2次元配列
- 連想配列
- 初期化(for文)
- 配列の長さ(要素数)
- 配列の判定
- 文字列の結合
- 文字列に変換
- 配列のpop操作
- 配列のpush操作
- 順序反転
- 先頭要素削除
- 先頭要素追加
- 文字列順ソート
- 数値順ソート
- アルファベット順
- 平仮名・カタカナ順ソート
- 指定範囲の要素抽出
文字列処理
- エスケープ文字
- 文字列連結
- 文字列分割
- 文字列→数値
- 数値→文字列
- 文字色
- 文字サイズ
- 文字大
- 文字小
- 太文字
- 等倍フォント
- 斜体
- 上付き文字
- 下付き文字
- 取り消し線
- リンク追加
- 1文字抽出
- 任意の文字数を抽出
- 範囲指定して文字を抽出
- 文字数取得
- 文字列検索(部分一致)
- 文字列の部分削除
構造化プログラミング
関数・引数・グローバス変数とローカル変数
オブジェクト指向
- オブジェクト指向とは
- オブジェクト指向の利点と欠点
- クラス・インスタンスとは
- メソッドとは
- クラス・インスタンス変数とは
- クラスの定義
- インスタンスの生成
- インスタンス変数の生成
- インスタンス変数の値取得
- インスタンス変数の代入
- インスタンス変数の追加
- インスタンス変数の値を渡す（初期化）
- メソッド定義
- メソッド定義(プロトタイプ)
- JavaScriptでオブジェクト指向プログラミング：
DOM操作
- HTML出力
- HTMLに文字挿入
- HTMLに文章・タグ挿入
- HTMLにスクリプト挿入・実行
- 配列をHTMLの表に変換
- 入力フォームへ値をセット
- 入力フォームの値を取得
- 選択リストの値を取得
- 選択リストの項目セット
- 選択リストの変更時の処理
- 選択リストのoptionの値更新
- 選択リストのoptionを選択したら、別のoptionを変更
- 日付選択フォームの作成
- 確認画面の表示
- 入力画面の表示
指定したURLに飛ぶ - ページ更新
- 前ページに戻る
- 先ページに進む
- URLを別窓表示(標準)
- URLを別窓表示(サイズ位置指定)
- 各種バー表示設定
- 画面中央に表示
ファイル処理
ローカルストレージ
IndexDB編（Web Database）
日付データの処理
Webアプリ
外部ライブラリ、フレームワーク
- JQuery
- JQuery UI
- Vue.js入門
- Vue.jsでWebアプリを作成します。
- Chartjs(グラフ)
- Chartjsでグラフを作成します。
- Cordova
- Cordovaでモバイルアプリを作成します。
- IPアドレス、サブネットマスク、CIDR、ネットワークアドレスの計算
- IPアドレス、サブネットマスク、CIDR、ネットワークアドレスなどの計算を行います。