JavaScript│株式会社シーポイントラボ

【JavaScript】ある非同期処理が完了前に再度呼び出されても実行を1回だけにする方法

　しばしば JavaScript で API と通信する際、通信を一度だけして、その画面が生きている限りその通信結果をキャッシュ的に使い続ける、という挙動をさせたい時があります。例 […]

　ExcelやGoogleスプレッドシートは便利なアプリケーションです。しばしばこれらと同形式の入力欄を作りたいという要望があります。そして実際に同形式の入力欄を作るとExcelや […]

　ウェブページを読み込んだ直後にJavaScriptでDOMを操作すると画面がちらつくことがあります。これはブラウザがHTMLとCSSに基づいて初期描画を行った後にJavaScri […]

　ほとんどのブラウザで期待通りに動作するのに一部のブラウザ、特に古いブラウザでSyntaxError: Invalid character: '#'というエラーが出てしまう場合があ […]

　ReactのuseEffectは任意のライフサイクルで発火する副作用を管理するためのフックです。ちょっと便利すぎるくらいですがレンダリングの回数が増えるのでなるべく使わないことが […]

　題はポップアップですが、スクロールが発生するくらい大きな要素とposition: absoluteな要素があり、position: absoluteな要素の中でアンカーリンクによ […]

　Leafletは地図を表示するためのJavaScriptライブラリです。このライブラリを使って地図上にバツ印を描く例を紹介します。　実際のデモとコードが次です。　やっているこ […]

　console.log は値をコンソールに表示するメソッドであり、手軽に使えるJavaScriptのデバッグツールです。多くの人のJavaScriptのデバッグはconsole. […]

　document.body は描画される範囲のDOMの根本を参照したい時によく使います。現代で言えば body 要素を参照したい時に使うということです。このdocument.bo […]

　地図上の図形ができた後に穴を埋めたくなることがしばしばあります。この埋めたい穴とは次図の様な領域の中にある小さな穴のことです。　これはGeoJSONの仕様を知ると案外シンプルに […]

　しばしば大量の入力イベントすべてについてAPIと通信して、最後の結果のみを得たくなる時があります。これはオートコンプリートであったり、画面上から動かないボタンをクリックすると通信 […]

　TypeScriptにはジェネリクスという仕組みがあります。ジェネリクスは異なる型で動作するコンポーネントや関数を一つの定義で扱うことを可能にする仕組みです。ジェネリクスを使うこ […]