Javascript サンプル集

javascriptを使用した、使えそうなサンプルコードをまとめたサンプル集です。基本的にはソースをまるまるコピーアンドペーストで利用できると思います。是非、ご活用下さい。

javascriptの実行方法

javascriptを、実行して動作をブラウザで確認する方法です。

javascriptの基礎

javascriptの基礎的な内容をまとめてます。

サンプル集

文字列操作

文字列の作成方法や操作方法に関するサンプルコードとなります。

数値操作

数値の作成方法や操作方法に関するサンプルコードとなります。

日付操作

日付や時間の作成方法や操作方法に関するサンプルコードとなります。

配列操作

配列の作成方法や操作方法に関するサンプルコードとなります。

オブジェクト操作

オブジェクトの作成方法や操作方法に関するサンプルコードとなります。

ノード操作

ノードの作成方法や操作方法に関するサンプルコードとなります。

html操作

マークアップ言語である「html」の作成方法や画面での操作方法に関するサンプルコードとなります。

form操作

「html」の「form」の作成方法や画面での操作方法に関するサンプルコードとなります。

CSS操作

「CSS」の作成方法や画面での操作方法に関するサンプルコードとなります。デザインに関連することが中心です。

正規表現

「正規表現」の作成方法や画面での操作方法に関するサンプルコードとなります。正規表現がわかりにくいという方がいますが、慣れれば比較的簡単です。

チェックまたは判定

値のチェックや判定についてのサンプルコードとなります。

イベント取得

ブラウザで発生する様々なイベントについてのサンプルコードとなります。

画像またはCanvas

画像関連のサンプルコードとなります。

ブラウザ

ブラウザ上の操作に関するサンプルコードとなります。

console

ブラウザで確認できる「console」関連のサンプルコードとなります。

関数

関数を関連するサンプルコードとなります。

クラス

cssのクラスではなく、構造や状態を定義するためのクラスに関するサンプルコードとなります。

JSON

JSONの取り扱いに関するサンプルコードとなります。

計測(パフォーマンス)

パフォーマンスの計測方法や、実際の結果に関するサンプルコードとなります。

その他

その他、様々なjavascriptでできることをまとめたサンプルコードとなります。

小ネタ

ちょっとした小ネタをまとめてます。

1行で記述(ワンライナー)

1行で記述してスッキリとした見た目にコードにするためのサンプルコードとなります。

三項演算子

三項演算子を使用したサンプルコードです。

アロー関数

アロー関数を使用したサンプルコードです。

構文

javascirptで使用できる構文をまとめてます。

まとめ

エラー対応

エラーが発生する原因と解決方法を、記載してます。エラーメッセージは使用しているブラウザにより異なる場合があります。

ライブラリのlodashサンプル集はこちら