- 2023年11月16日
- 2023年11月16日
【JavaScript】非同期処理の重なりでif文に反した挙動が起きる例とその対策
通常if文の中での処理はif文の条件がtrueになった状態で始まります。しかしながら、それが成り立たない場合も存在します。その場合と対策を紹介します。 実際にそうなる例が次です […]
CATEGORY
JavaScript
- 2023年11月3日
【JavaScript】Object.entriesなら配列も配列っぽいオブジェクトもまとめて簡単に全て繰り返せる
様々なAPIを使っていると稀に添え字が雑なAPIに出会います。API側としては配列を返したかったのだろうけども、誤ってオブジェクトになってしまっているというやつです。より具体的に […]
- 2023年11月1日
- 2023年11月1日
【TypeScript】プロパティの共通部はそのまま、差異のある部分は元の型かundefinedとなるゆるいユニオン型っぽい型の作り方
TypeScriptはJavaScriptを拡張した言語であり型の機能を提供してくれます。この型の定義は様々なことができます。 TypeScriptには型と型のORでつない […]
- 2023年10月25日
【JavaScript】ネストしたオブジェクトのキーをドット記法に変換して一階層にまとめる
具体的に何をするかというと次の感じです。 オブジェクトのプロパティにオブジェクトを持つような場合でも一次元連想配列的な値として扱いた時に使います。ライブラリや外部APIなど何ら […]
- 2023年10月5日
【React】React Routerで同じURLに移動した時に画面をリセットする
この記事で使っている React Router のバージョンは 6.2.2 です。 React Routerは、React用のルーティングライブラリであり、SPA（Single […]
- 2023年9月27日
【React Native】タグ入力欄を実装できる「react-native-tags-input」ライブラリ
タイトルにある通り、タグを入力できる入力欄を簡単に実装できるライブラリ「react-native-tags-input」のご紹介です。 入力したタグは、配列で管理できます。 ライブ […]
- 2023年8月31日
【JavaScript】オブジェクトをArray.fromやObject.valuesにかけて配列に変換する
稀にオブジェクトで用意した何かを配列に変換したいことがあります。多くの場合で最初から配列として用意しておいた方が効率的ですが、それができない場合もあります。そういった時に使える配 […]
- 2023年8月23日
- 2023年8月23日
【JavaScript】APIのレスポンスを組み合わせて複数種のオブジェクトを作る際、同じリクエストを送るのを避ける方法
図の様に API の結果を組み合わせて JavaScript 内で使うオブジェクトを作る必要があるとします。 これを実現する素朴なコードは次です。 それぞれ独立しておりプロフ […]
- 2023年6月27日
【JavaScript】【leaflet】地図タイルが配布されていないズームレベルでも地図を表示する方法
leaflet は web ページ上に地図を表示するためのライブラリです。この地図を構成する画像はタイル形式の画像として配布されていることが多いです。この地図タイルが提供している […]
- 2023年6月6日
【React】Pinterestのようなレイアウトを実装できるライブラリ「react-stack-grid」
今回は、子コンポーネントをページに並べる際に導入したライブラリ「react-stack-grid」のご紹介です。 現在開発中のシステムで、カードコンポーネントを複数並べるというレイ […]
- 2023年6月5日
- 2023年6月5日
【PHP】【JavaScript】カラフルなランダムな色を出す関数と使い道
しばしば開発中や不具合調査中に見た目に現れる目立つ目印が欲しい時があります。そして目印の位置や大きさが干渉しあう時、異なる色で目印を作りたくなります。そういった時に役に立つカラフ […]
- 2023年5月15日
- 2023年5月15日
【TypeScript】Pickを使ったより意味をくみ取りやすく汎用的な関数の型の書き方
TypeScriptは、JavaScriptの拡張として静的型付けのメリットを提供します。静的型付けにより、ソースコードから生成されたプログラムを実行する前に、型に基づく潜在的な […]
