二分探索のメリット 線形探索よりも短い時間でターゲットを見つけることができる。 コード // arr ソート済みの配列 // target 見つけたい要素 function binarySearch…
useEffectの第二引数の役割とは 簡単にいうと、[]に記述された変数が変更されると、改めてuseEffectの中身が実行される。 下記はクリックイベントのコードだが、そこで使用した変数fooを…
外国人観光客に話しかけられたとき・・・ 2020年から3年間続いたコロナ禍もようやく落ち着き、最近は街中で外国人観光客の姿を見ることが多くなりましたね。私は話しかけやすそうな見た目なのか、よく彼らに…
とりあえずやってみよう！ とりあえずクリックしたらfooが１ずつ増える関数を書いてみる。 export default function Home() { let foo = 1; const ha…
filterメソッドとmapメソッドの違いは、配列の要素に対する操作と結果の形式! filterメソッド 配列の各要素に対してテストを行い、そのテストを通過（trueを返す）した要素だけからなる新し…
はじめに deck.glを用いてGoogleのPhotorealistic 3D Tilesを表示する方法は下記の記事に書きました。 今回の記事では、MapLibre GL JSとdeck.glを用…
NCMBでは管理画面を提供していますが、時々物足りないことがあります。この機能があったらもっと便利なのに…と思いつつ、使っている方もいることでしょう。 そこで、その足りない機能を補足するGoogle…
イベントの種類 イベントの種類は大きく分けて2つある。 ①ユーザーアクションによるイベント 一つ前の記事で扱ったuseCallbackは①に当てはまるもの。 ②何かしらのタイミングによるイベント…
クリックイベント 指定の仕方は３つある。 ①下記のようにonClickの中に関数を記述してあげればクリックイベントが適用される。 //関数宣言 <button onClick={function (…
JavaScriptのスプレッド演算子 スプレッド演算子は配列やオブジェクトの要素を個々に分割し、新たなコンテキストに展開するための便利な道具です。 配列とスプレッド演算子 まず、配列と一緒にスプレ…
初めに フロントエンドを行っていると、時々以下のようなAPIに出会うことがある 全従業員の従業員番号を取得する用のWebAPIをコールする 従業員の詳細データを取得するWebAPIを従業員番号を引数…
配列の .map メソッドについて 配列はプログラミングの世界で頻繁に使用される概念で、複数の値を一つの変数に格納します。そして、JavaScript ではその配列に対して行いたい操作を簡単に実装で…
配列の .map メソッドについて .map メソッドは配列の全ての要素に対して指定した関数を実行し、その結果から新しい配列を作成します。このメソッドの基本的な構文は以下のようになります： let …
mapを使って繰り返すメリット mapを使うことによって、配列の中身を繰り返してくれる。 ※詳しい使い方は以前作成したmapについての投稿をチェック ①見やすい ②変更箇所があったときに、一箇所の修…
はじめに TypeScript 勉強中の👶です。 理解を深めるために日々の学びを記事にしています。 初心者の記事なので言い回しや記載に誤りがあるかも知れませんが、暖かく見守っていただけると幸いです。 (よろしければ間違いをコメントいただけると学び、励みになります！…
