文法

JavaScript

JavaScriptで特定の処理の速度計測のやり方3選~処理時間を計測する方法

JavaScriptの処理がどれくらいかかっているのか調査する方法をご紹介します。スクリプトが重い気がする、処理速度を改善したい、などなどJavaScriptの速さを計ってみたい場合などに有用です。 特定のメソッド間で何ミリ秒かかっ...
2022.09.22
JavaScript

【コピペOK】JavaScriptの汎用メソッド「formatDate」全コード掲載!日付フォーマットなんて簡単です

いわゆる「formatDate」はJavaScriptのDateオブジェクトを指定したいフォーマットに変換する際に非常に便利な汎用コードです。JavaScript標準の関数ではなく、自前で宣言し実行する流れとなります。 たとえばYY...
JavaScript

【JavaScript】アロー関数とは!?たった6つのポイントをおさえて、分かりやすく解説!

よく他人のソースコードを見ている時にギョっとなる関数の書き方がありませんか??それ、大概はアロー関数式でかかれたJavaScriptの関数です。 アロー関数がどういうものかを理解できていればキョっとなる必要はほぼ無くなります。普通の...
2022.07.21
JavaScript

配列内の検索・判定・判別をするJavaScriptのメソッド(find, some, every, includes)を解説~初心者~中級者向け

Arrayオブジェクトのメソッド判定・判別の用途isArray()配列オブジェクトであるか?find()条件を満たす値を取得するsome()条件を満たす要素がひとつでもあるか?every()全要素が条件を満たすか?includes()任意...
2022.07.19
JavaScript

【疑似クラス】nth-childとnth-of-typeの違いを徹底検証!

フロントエンドエンジニアやコーダーが結構おざなりにしているnth-childとnth-of-typeの違いを解説します。知人の中にも「必要になったら毎回ググってる」人が多く、あまりきちんと理解しきれてないことがよくあります。 今回の...
SEO

サーチコンソールで複数のキーワード(クエリ)でフィルターをかける方法。「または(or)」の利用法。

Google Search Console、いわゆる「サチコ」でキーワードを複数でフィルタリングするにはひと手間かける必要があります。 単純に「インスタ」という単語を含むだけで良ければ、「次を含むクエリ」ボタンを使ってサクサクできま...
JavaScript

JavaScriptの予約語一覧

初心者をターゲットとしてこの記事を下記ますが、JavaScriptに慣れてきた、もしくはJavaScriptは空気のような存在だ、というかたも今一度確認しておいた方が良いかもしれません。 予約語とは定数や変数や関数・クラスの名前に利...
JavaScript

【2022年】JavaScript入門ガイド~初心者のためのポイント解説

JavaScriptに興味を持ってこのページをご覧になっている方は、HTMLは理解できたけどJavaScriptが分からない、もしくはデザイナーだけどプログラミングを始めてみたい、といったような初心者さんだと思います。 はじめに言っ...
2022.07.06
JavaScript

JavaScriptを使ってクロスドメインの埋め込みiframeを更新(リロード)する方法

iframeはブラウザの仕様上、クロスドメイン(呼び出すHTMLが自分のドメイン上に無いこと)の場合にはjQueryでもJavaScriptでも操作が出来ません。 ただ、iframeを更新したい時にはちょっぴりイレギュラーな方法でリ...
JavaScript

jQueryにおけるeach()とは?基本的なループの使い方と注意点

配列の内容を関数で処理する際に、jQueryではeach()を、プレーンなJavaScriptではforEach()を使います。 気を付けなければならないことは、プレーンなJavaScriptにはeach()というメソッドは存在しま...
JavaScript

JavaScript、jQueryでブラウザのタブがアクティブ(非アクティブ)になったか判別/検知する方法

通常のサイト、いわゆるホームページを作成するときにはあまり意識しないですが、Webアプリケーションやブラウザ駆動のアプリケーションを作る時には意外と知っておく必要があります。 まずは、JavaScript(jQuery含む)ではブラ...
JavaScript

IE(InternetExplorer)のサポート終了から生まれるメリット5選!~フロントエンドエンジニアの観点からJavaScriptを考える

2022年6月15日、それは「お疲れ様」と同時に「ヨッシャー!」となる不思議な日。かのInternetExplorerが遂にサポート終了となりました。エンジニア、Webデザイナ、コーダー、プログラマの皆さん、Web業界にかかわるすべての皆...
JavaScript

【JavaScript】イベントにおけるバブリング(bubbling)とは?挙動と、停止する方法

JavaScript中級者ともなると、バブリングという言葉を耳にしたことはあるはずです。文字通り英語では「Bubbling」と書き、泡が水面まで登っていく様子を模したプログラム用語です。 悩見坂 楓 バブリングってあれか、MJが飼っ...
2022.06.18
JavaScript

JavaScriptでブラウザのsessionに値を格納・抽出(取得)・削除する方法

session操作に関する構文 // session 格納 window.sessionStorage.setItem(,); // session VALUEの取得 window.sessionStorage.getItem()...
2022.07.04
JavaScript

【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「Final test」)を日本語に!和訳して解説!(その10)

とうとう最終章です!このチュートリアルではサンプルコード無しで敵のクリープを全滅させるのが目標です。今までのチュートリアルを駆使して自分なりの攻撃方法で挑戦する必要があります。著者はクリープを2個生成して、rangedAttack()でゴ...
タイトルとURLをコピーしました