遷移したページに情報を渡したい！
ページ遷移時に遷移先のページに何らかの情報を渡したい場面があるかと思います。 例えば商品一覧から商品詳細画面に移動するときは、商品のidを渡したいかもしれません。検索フォームに入力した値を、検索...
0
0
Comment1
31 search resultsShowing 1~20 results
Stocked
You need to log-in
【TypeScript】satisfies演算子を使って型安全性UP！
概要 satisfiesは 型推論の結果を残したままで 特定の型を満たしているか をチェックすることができる演算子。 特定の型を満たしているかの確認 type Colors = "red" | ...
0
0
Comment0
ReDoS攻撃とは、その対処法
セキュリテイ研修で「ReDos攻撃」という見慣れない言葉が出てきたので調査した。 ReDoS攻撃とは 正規表現におけるパターン処理の脆弱性をついた攻撃。計算にかかる負担が過度に増えることになる。...
0
0
Comment0
【React】状態(state)はスナップショットである
サンプルコード const Count = () => { const [count, setCount] = useState(0); const handleClick = () = ...
9
8
Comment0
【TypeScriptでわかる】Strategyパターン
Strategyパターンとは 設計パターンの一種。１つのinterfaceを定義して、これをimplementsしたクラスを複数用意するやり方。 共通のinterfaceをimplementsし...
0
0
Comment0
踏み台サーバーってなに？
概要 目当てのサーバーにアクセスする前に経由するサーバー。 アプリサーバーなどに直接SSHで接続できるようにすると、リスクがある。 そこで、一旦別のサーバーを経由し、アプリサーバーはこの踏み台サ...
0
0
Comment0
IDEで、任意のユーザーでSSH接続したい
VSCodeやCusorでSSH接続するときに、rootやubuntuというユーザーで接続する時があります。 ただ、ubuntuで接続したものの、別のユーザーでファイルを編集したい時があります。...
0
0
Comment0
関数を分割すると処理が遅くなる？ 検証してみた！
動機 リファクタリングの本を読んでいるとき、5行ルールというものが紹介されていました。 詳細についてはこちらの本を読んでいただきたいですが、ざっくりいうと、１つの関数にあれやこれやと詰め込むのを...
1
0
Comment0
vitestのfn(), spyOn(), mock()を整理する
最近vitestを使った単体テストを実装する機会が増えたが、fn()などをなんとなくでしか使えていないので、ここらで整理しておく。 vi.fn() モック関数を生成する。 const hogeF...
0
0
Comment1
連打ゲーを作った
簡単なゲームを作ってみたくなったので、連打ゲーを作ってみました！ ユーザーの操作は 連打する秒数を設定する clickボタンを連打する のみです！ クリックされるたびにカウントアップするだけだと...
1
0
Comment0
非制御コンポーネントと制御コンポーネント、どれくらいパフォーマンス差がある？
制御コンポーネントとは React-wayな方法で入力の管理やフォームの値管理を行う。 例）useState()を使ってフォームの値を管理 非制御コンポーネントとは 制御コンポーネントでは無いも...
0
0
Comment0
React.useとSuspenseを使うと無限フェッチが起こる件
React.useとSuspenseの勉強をしているときに、無限にフェッチが起きる現象に悩まされました。 この原因と解決方法について、備忘録がてら残します。 環境 React 19.0.0 Ne...
3
0
Comment0
公式ドキュメントのReact Server Componentsコード例を解説する
React Server Components(以下RSC)学習としてReact公式ドキュメントを読んでいたところ、以下のようなコード例がありました。 // Server Component i...
0
0
Comment0
privateなメソッドにテストを書いてはいけない
要約 privateメソッドに単体テストを書いてはいけない理由は、端的に言うと、privateメソッドは観察可能な振る舞いではないからです。 観察可能は振る舞いではないものをテストしようとすると...
2
3
Comment0
良い単体テストとは
はじめに ついに弊社にも単体テストを導入しようという意識が生まれました！ とても嬉しい！ とはいえテストを実装した経験はないため、必死にキャッチアップをしています。そこで、学んだことを記事として...
1
1
Comment0
SSL/TLSのハンドシェイクを14ステップで確認する
SSL/TLSとは 暗号化・改ざん検知・認証機能を提供するプロトコル。 TLSはSSLの次世代規格で、現在使われているのはほとんどTLSだが、今でもそのままSSLと呼ばれることが多い。本記事もS...
27
17
Comment1
5年目に入るので「よかったこと」「後悔していること」を振り返る
はじめに 4月からエンジニア5年目の節目ということで、過去を振り返ってみることにしました。 私の後悔や学びが、読んでくださる方の何かの参考になれば嬉しいです。 入社経緯 私は今でこそシステムエン...
1
0
Comment0
Zustandの基本構成とスライスパターンをコードベースで解説
動機 業務では状態管理にreduxを使うことがほとんどなのですが、正直reduxは面倒くさいことが多いです。 stateを1つ追加するだけでも書かなければならないコードが多く、学習コストもそれな...
1
1
Comment0
グラフライブラリNivoを使ってみた
はじめに グラフライブラリの選定をしているときに、Nivoというものを見つけました。 公式サイトで設定を色々試してみることができるし、その結果のコードをコピペすることもできるで「これは楽かも」と...
2
1
Comment0
【TypeScript】値の型によって条件分岐を行う方法
値の型によって条件分岐を行う方法を2つ紹介します。 typeofを使った方法 valueがプリミティブ型に限定される場合、typeofを使って条件分岐をすることができます。 const divi...
1
0
Comment0
31 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles