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

【React】ユーザーに複雑な条件を構築してもらう必要がある時に便利なReact Query Builderの紹介

　しばしばユーザーがなにか複雑なルールを構築するシステムをwebアプリケーション上に実現する必要があります。例えばアンケートシステムの設問の表示・非表示の切り替え条件、顧客がどのよ […]

　しばしば 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と通信して、最後の結果のみを得たくなる時があります。これはオートコンプリートであったり、画面上から動かないボタンをクリックすると通信 […]