Tekrog

プログラミングの備忘録と情報発信

カテゴリー別記事一覧

JavaScript

複数のIntersection Observerが同時に起動してしまう時の対処法

複数のIntersection Observerが同時に起動してしまう時の対処法

グリッド上に並べた要素をIntersection Observerでを一行、あるいは一つずつ表示したいのに、すべてが同時に起動してしまうときの考えられる対処法です。

CSS
JavaScript
【TypeScript】allとraceだけじゃない!4つのPromise並列処理の違い【JavaScript】

【TypeScript】allとraceだけじゃない!4つのPromise並列処理の違い【JavaScript】

TypeScript/ JavaScriptのPromiseの並列処理メソッド『all, race, allSetteled, any』について、実際のコードと図を用いて分かりやすく解説します。

JavaScript
TypeScript
【Promise】thenとasync/awaitの違い, 使い分けと同時利用法

【Promise】thenとasync/awaitの違い, 使い分けと同時利用法

JavaScript(TypeScript)のthenについて解説し、async/awaitとの違いを説明した後、使い分けや同時に使うケースなどを紹介します。

JavaScript
TypeScript
【es2023-2019】最近のJavaScriptの新機能を振り返る【まとめ】

【es2023-2019】最近のJavaScriptの新機能を振り返る【まとめ】

ここ数年で追加されたJavaScriptの新機能を遡ってまとめてざっと振り返る記事です。要点を絞って解説します。

JavaScript
JavaScript、TypeScriptで簡単画像処理【画像処理の知識不要】

JavaScript、TypeScriptで簡単画像処理【画像処理の知識不要】

TypeScript、あるいはJavaScriptで簡単に画像処理を行う方法を紹介します。画像処理の知識もライブラリも使いません。

CSS
JavaScript
TypeScript
追従&ハイライト、自動スクロールする目次の作り方

追従&ハイライト、自動スクロールする目次の作り方

記事のサイドバーにある「追従する目次」の作り方を紹介します。また、単に追従させるだけではなく、更に「現在位置のハイライト機能」と「現在位置に応じた目次自体のスクロール機能」を搭載します。

JavaScript
WordPress
TypeScriptで学ぶ!asyncとawait、Promiseの分かりやすい解説

TypeScriptで学ぶ!asyncとawait、Promiseの分かりやすい解説

モダンなJavaScriptの開発ではPromiseやasync、awaitの活用が書かせません。今回はこれらの意味について極限まで簡単にして説明します。3〜5分もあれば理解できる内容です。この内容を理解すれば、今後出くわすであろう、応用的なコードについても理解できるはずです。

JavaScript
TypeScript
PHP・JavaScript・Pythonの配列操作の違いまとめ【比較】

PHP・JavaScript・Pythonの配列操作の違いまとめ【比較】

PHPとJavaScriptの書き方の違いについて、前回は仕様の違いについてまとめました。今回は配列操作編です。

JavaScript
PHP
Python
PHP・JavaScript・Pythonの紛らわしい仕様の違いまとめ【比較】

PHP・JavaScript・Pythonの紛らわしい仕様の違いまとめ【比較】

PHPをJavaScriptを並行して書くことが多くなってきたので、両者の書き方の違いについて立ち止まりがちな部分に絞ってまとめました。今回は両者の「仕様の違い」についてです。

JavaScript
PHP
Python
スクロールスナップ+Barba.jsで遷移前のページの元の位置に戻る方法

スクロールスナップ+Barba.jsで遷移前のページの元の位置に戻る方法

Braba.jsで「別のページに非同期遷移した後、遷移前のページの遷移前のスクロール位置に戻る」コードを紹介します。

CSS
JavaScript