JavaScript

すぐに役立つテクニック & 学習向けのコンテンツ

レシピ

ブラウザ

  1. アラートメッセージを表示する
  2. 確認ウインドウを表示する
  3. テキスト入力欄を作る
  4. ブラウザのウインドウサイズを取得する
  5. 端末のピクセル比を取得する
  6. 端末がタッチ(タップ)に対応しているか確認する
  7. 指定したURIに移動する
  8. ページをリロード (再読み込み)する
  9. 現在のページの前ページ・次ページに移動する
  10. URIからハッシュを取得する
  11. 新しいウインドウを開く
  12. スクロールした量を取得する
  13. 指定した位置にスクロールする
  14. ページのタイトルを書き換える
  15. ページをフルスクリーンで表示/解除する
  16. ページ表示中にブラウザがオンライン/オフラインか確認する

イベント

  1. イベントリスナーを設定する
  2. マウスの各操作に対応したイベント一覧
  3. クリックしたときに処理を実行する
  4. タッチ(タップ)したときに処理を実行する
  5. 設定したイベントリスナーを解除する
  6. スワイプ/フリックしたときに処理を実行する
  7. マウスカーソルの位置座標を取得する
  8. タッチ(タップ)したときの位置座標を取得する
  9. スクロールしたときに処理を実行する
  10. ページが読み込まれたら処理を実行する
  11. テキストを選択したときに処理を実行する

正規表現

  1. JavaScriptの正規表現
  2. 正規表現で文字列から特定の文字を検索する
  3. 正規表現で文字列に含まれる特定の文字を置き換える
  4. 正規表現で文字列から空白を取り除く

文字列

  1. 文字列の長さを取得する
  2. 文字列の先頭、末尾にある空白を取り除く
  3. 文字列をURIエンコード(エスケープ)・デコードする
  4. 文字列の中で変数を展開する
  5. 文字列を検索する
  6. 文字列から指定した位置にある文字を取得する
  7. 文字列から指定した文字を取り出す
  8. 特定の文字を他の文字に置き換える
  9. アルファベットを大文字、小文字に変換する
  10. 文字列を分割する
  11. 文字列を結合する

日付・時間

  1. 日付や時刻を取得する
  2. 指定した日時のDateインスタンスを作る
  3. 現時刻のタイムスタンプを取得する
  4. 指定した日時からタイムスタンプを取得する
  5. 2つの日時の差分を計算する
  6. 日付・時刻の計算
  7. 特定の日時から経過した時間を計算する