ブログ内の検索機能をJavaScript(Vanilla JS)、React（Nextjs）それぞれで実装してみます。

https://www.masato-tech-blog.com/

筆者はReact（Nextjs）から入ったためVanilla JSの経験が乏しく、 あえてVanilla JSを使うことで、React（Nextjs）を使えることのメリットを実感するのが目的となります。

...

最近paizaラーニングを始めました。 https://paiza.jp/works

• アルゴリズムの構築の仕方
• メソッドの使い方

などが身に付くのでおすすめです。（無料でもある程度使えるようです）

自身は今のところプログラミングスキルチェックの問題ばかりやっています。

※問題の解答コード例が無かったりしますが、chatGPTに問題文をまるごとコピーして投げてやれば解答例のコードを教...

JavaScriptの基礎的な内容ですが、自身の学習のために記載しておこうと思います。

---

splitメソッド

問題： "5 2 4"のような数字（文字列）の入力が与えられているとする。 これらの入力を配列に変換するには？

（下記ではさらに中身を数字に変換し、配列を一つずつ変数に代入）

const numbers = "5 2 4"
const...

下記の記事はClaudeに質問して出力してもらった内容を、自分で理解しながら追記/修正したものになります。

---

（Claudeによる出力） ↓↓↓↓ここから↓↓↓↓

はじめに

Reactを学び始めると、「レンダリング」や「マウント」といった用語に出会います。これらは似ているようで異なる概念であり、しっかり理解することでより効率的なReactアプリケーションが作れるようになり...

前回、chatGPTを使ってコールバック関数について調べてみました。

https://zenn.dev/masato24524/articles/1e7fe29f12aa33

今回はasync/awaitについて調べてみます、、、と思ったのですが その前にPromiseのきちんとした理解が必要そうです。 Promiseは非同期処理の際の結果に応じて処理を指定できるというものでした。

-...

chatGPTを使ってコールバック関数について調べてみました。

現在のレベル

「コールバック関数って、関数内で呼び出される関数のことでしょ？」

「なんかPromiseの登場によって使わてもよくなったやつ？」

---

（質問）コールバック関数について、初学者でも分かるように説明してください。

コールバック関数（callback function）とは、ある処理が終わった後に...

chatGPTを使って正規表現について調べてみました。

（質問）JavaScriptにおける正規表現とは何ですか？

JavaScriptにおける正規表現（Regular Expression, RegExp）とは、
文字列の検索や置換を効率的に行うためのパターンを表すオブジェクトです。
RegExp オブジェクトを使用すると、特定の文字列パターンを
簡単に検索、抽出、置換すること...