JavaScript JavaScriptで特定の処理の速度計測のやり方3選～処理時間を計測する方法
JavaScriptの処理がどれくらいかかっているのか調査する方法をご紹介します。スクリプトが重い気がする、処理速度を改善したい、などなどJavaScriptの速さを計ってみたい場合などに有用です。
特定のメソッド間で何ミリ秒かかっ...
JavaScript
JavaScript 
JavaScript 【コピペOK】JavaScriptの汎用メソッド「formatDate」全コード掲載！日付フォーマットなんて簡単です
いわゆる「formatDate」はJavaScriptのDateオブジェクトを指定したいフォーマットに変換する際に非常に便利な汎用コードです。JavaScript標準の関数ではなく、自前で宣言し実行する流れとなります。
たとえばYY...
JavaScript 【JavaScript】アロー関数とは！？たった6つのポイントをおさえて、分かりやすく解説！
よく他人のソースコードを見ている時にギョっとなる関数の書き方がありませんか？？それ、大概はアロー関数式でかかれたJavaScriptの関数です。
アロー関数がどういうものかを理解できていればキョっとなる必要はほぼ無くなります。普通の...
JavaScript 配列内の検索・判定・判別をするJavaScriptのメソッド（find, some, every, includes）を解説～初心者～中級者向け
Arrayオブジェクトのメソッド判定・判別の用途isArray()配列オブジェクトであるか？find()条件を満たす値を取得するsome()条件を満たす要素がひとつでもあるか？every()全要素が条件を満たすか？includes()任意...
JavaScript 【疑似クラス】nth-childとnth-of-typeの違いを徹底検証！
フロントエンドエンジニアやコーダーが結構おざなりにしているnth-childとnth-of-typeの違いを解説します。知人の中にも「必要になったら毎回ググってる」人が多く、あまりきちんと理解しきれてないことがよくあります。
今回の...
JavaScript JavaScriptの予約語一覧
初心者をターゲットとしてこの記事を下記ますが、JavaScriptに慣れてきた、もしくはJavaScriptは空気のような存在だ、というかたも今一度確認しておいた方が良いかもしれません。
予約語とは定数や変数や関数・クラスの名前に利...
JavaScript slick.js（カルーセルスライダー）の要素をスマホでピンチイン・拡大したい場合
slickスライダーを使用しているとスマホでピンチイン（拡大）出来なくて困ることがあります。
以下のサンプルはピンチイン出来ないままの状態です。
jQuery(function($){
$...
JavaScript 【2022, 2023年】JavaScript入門ガイド～初心者のためのポイント解説
JavaScriptに興味を持ってこのページをご覧になっている方は、HTMLは理解できたけどJavaScriptが分からない、もしくはデザイナーだけどプログラミングを始めてみたい、といったような初心者さんだと思います。
はじめに言っ...
JavaScript Swiperの使い方とサンプル！動かない時のチェック項目も！【2022年 JavaScript】
Swiperとは
今最もメジャーなカルーセルスライダーのプラグインモジュールであるSwiper（公式：）について、読み込みから実装、完成形のサンプルをまとめてみました。
カルーセルスライダーといえば、Slick.jsやOwlC...
JavaScript 2022年、今さら要素をタイル状に配置するmasonry.jsの使い方・レイアウトサンプル
かなり前にNHK関連のWebサイトが起用して話題になったjQueryプラグインのmasonry.jsですが、最近グリッドレイアウトを利用する必要がありそうな気配なので、おさらいを兼ねてmasonry.jsについてまとめました。
...
JavaScript JavaScriptを使ってクロスドメインの埋め込みiframeを更新（リロード）する方法
iframeはブラウザの仕様上、クロスドメイン（呼び出すHTMLが自分のドメイン上に無いこと）の場合にはjQueryでもJavaScriptでも操作が出来ません。
ただ、iframeを更新したい時にはちょっぴりイレギュラーな方法でリ...
JavaScript jQueryにおけるeach()文とは？基本的なループの使い方と注意点
※JavaScriptのforEach()については『JavaScriptにおけるforEach()とは？基本的なループの使い方と注意点』をご参照ください。
配列の内容を関数で処理する際に、jQueryではeach()を、プレーンな...
JavaScript JavaScript、jQueryでブラウザのタブがアクティブ（非アクティブ）になったか判別/検知する方法
通常のサイト、いわゆるホームページを作成するときにはあまり意識しないですが、Webアプリケーションやブラウザ駆動のアプリケーションを作る時には意外と知っておく必要があります。
まずは、JavaScript（jQuery含む）ではブラ...
JavaScript IE（InternetExplorer）のサポート終了から生まれるメリット5選！～フロントエンドエンジニアの観点からJavaScriptを考える
2022年6月15日、それは「お疲れ様」と同時に「ヨッシャー！」となる不思議な日。かのInternetExplorerが遂にサポート終了となりました。エンジニア、Webデザイナ、コーダー、プログラマの皆さん、Web業界にかかわるすべての皆...
JavaScript 【JavaScript】イベントにおけるバブリング（bubbling）とは？挙動と、停止する方法
JavaScript中級者ともなると、バブリングという言葉を耳にしたことはあるはずです。文字通り英語では「Bubbling」と書き、泡が水面まで登っていく様子を模したプログラム用語です。
悩見坂 楓
バブリングってあれか、MJが飼っ...