- 2023年5月15日
- 2023年5月15日
【TypeScript】Pickを使ったより意味をくみ取りやすく汎用的な関数の型の書き方
TypeScriptは、JavaScriptの拡張として静的型付けのメリットを提供します。静的型付けにより、ソースコードから生成されたプログラムを実行する前に、型に基づく潜在的な […]
CATEGORY
JavaScript
- 2023年5月2日
【PHP】【JavaScript】PHP内の値を安全確実にJavaScriptへ渡して使う方法
PHPとJavaScriptは、Web開発においてよく一緒に使われるプログラミング言語です。PHPはサーバーサイドでデータ処理を行い、その結果をJavaScriptに渡してクライ […]
- 2023年4月25日
【JavaScript】typeof 変数 === ‘string’ にならない文字列変数の生まれ方と文字列であることの識別方法の紹介
JavaScriptで変数の型を調査する際よく使われる演算子に typeof というものがあります。typeof 演算子は次の様に変数のデータ型を判定することができます。 typ […]
- 2023年4月24日
【Google Chrome】【JavaScript】getEventListeners を使ったイベントリスナーの検索方法
Google Chrome にはいくつか開発者ツール内で限定的に使える機能があります。例えば $$(‘セレクター’) でセレクターに合う要素を配列で取得で […]
- 2023年4月21日
【Firefox】【JavaScript】FireFoxでもドラッグ中のマウスの位置を取得する方法
Firefox 112.0.1 では何かしらの HTML 要素をドラッグする時、マウスの位置を取得するのが難しくなります。例えば、次のコードは Microsoft Edge や […]
- 2023年4月10日
- 2023年4月10日
【ChatGPT】ブラウザ版ChatGPTに1分おきに繰り返し同じ命令を出すブックマークレット
ChatGPTは、OpenAIが開発した大規模な対話型AIで、自然かつ流暢な文章を生成することができます。ChatGPT は様々なことができ、何かを提案することもできます。提案は […]
- 2023年4月7日
【JavaScript】Enterキーを押すなどのキーボードイベントを発行する方法
JavaScriptでのイベント操作は、開発者がWebページを制御するための強力なツールです。例えばelement.click()でクリックイベントを発行できたりできます。しかし […]
- 2023年3月30日
- 2023年3月31日
【ChatGPT】【TypeScript】後で改修しやすかったりテストしやすかったりする様にコードを書いてもらう方法
ChatGPTは、OpenAIが開発した大規模な対話型AIで、自然かつ流暢な文章を生成することができます。ChatGPT は人間同様に誤りを起こすことがあり、できないこともあります […]
- 2023年3月17日
- 2023年3月21日
【TypeScript】引数で与えられた値の型を返り値にしつつ、引数の型もある程度縛る方法
TypeScript ではよく関数の引数と返り値の型を定めます。こうしておくと、あるところの型の変更があった時や誤った型を使ってしまった時に問題があるか否か、あるならばどこが問題 […]
- 2023年3月10日
【React】しなくてもいいレンダリングが多そうな時の Why Did You Render を使ったレンダリングチェック方法と速度改善方法の紹介
React のレンダリングアルゴリズムはざっくりいうと「コンポーネントの持つデータに差分があり次第、再レンダリングする」というものです。この差分ですが JavaScript にお […]
- 2023年2月27日
- 2023年2月27日
【JavaScript】Node.js でアスペクト比を維持したまま特定の範囲内に画像が収まる様にリサイズする
題の通りです。例えば960×960の範囲に収めるために1280×720の画像を960×540に、1080×1920の画像を540× […]
- 2023年2月3日
【React】ESLint と eslint-plugin-react-hooks で期待通りのタイミングで動かなそうな useEffect や useMemo などを見つける
React には useEffect、useMemo、useCallbackといった特定の値が変わった時、それを検知して動くフックが用意されています 副作用フックの利用法 – R […]
