『検索機能』の実装をJavaScript、React(Nextjs)で比較

No image
  JavaScript    React    Nextjs  

 2025年8月29日

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

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

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

...

AWSで問い合わせフォーマットを作成(SAAハンズオントレーニング)

No image
  AWS  

 2025年3月13日
 2025年8月25日

AWS SAAを受講予定なので、ハンズオントレーニングを兼ねてブログサイトの問い合わせフォームを作成してみました。

↓実際の問い合わせフォーム

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

備忘録も兼ねて詰まったポイントのみ記載しておきます。


全体構成

API Gateway、Lambda、DynamoDBを使ったサーバレスア...

基本情報技術者試験に合格しました!

No image
  資格    基本情報技術者試験  

 2025年6月14日

プログラミング未経験からのスタートですが、AWS SAA試験に次いで、基本情報技術者試験に合格できました!

alt text

点数はギリギリでもないですが、まずまずといったところでしょうか...

AWS Solutions Architect - Associate(SAA-C03)試験に合格しました

No image
  AWS  

 2025年5月24日

はじめに

AWS SAA試験に合格しました!

alt text

試験は1000点満点で、720点以上で合格なので、多少ですが余裕をもって合格できたのかなと思います。

気が早いで...

データレイク/Kinesis Firehoseを使ったデータ分析(AWS SAAハンズオントレーニング)

No image
  AWS  

 2025年5月10日

はじめに

今回はSAA試験に向けたハンズオントレーニングの二回目について記載します。

前回の記事はこちら:

https://zenn.dev/masato24524/articles/49aef95c1253c2

現在Udemyの問題集で学習を続けているのですが、Kinesis(Streams、Firehose、Apache Flink)の問題が結構出てくるにもかかわらず、理解が...

React.memo/useMemo/useCallbackの学習

No image
  React  

 2025年5月3日

今回はReact.memo/useMemo/useCallbackについて学習します。

参考にしたのは下記のYoutube。

【ShinCode camp】レンダリングを最適化してWebパフォーマンスを向上させてみよう

https://www.youtube.com/watch?v=GvPBr43lJk0

目次

  1. React developer toolの導入
  2. Reac...

座標と二次元配列(行列)の基本操作

No image
  JavaScript  

 2025年4月26日

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

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

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

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

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

splitメソッド、reduceメソッドの学習

No image
  JavaScript  

 2025年4月19日

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


splitメソッド

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

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

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