ハードコーディングは本当に悪なのか
つい先日、プロジェクト内に点在するハードコーディングを滅ぼすタスクを行っていました。 滅ぼしながらも「ハードコーディングが許されるパターンはないのか？」ということが気になり、調べてみました。 簡...
115
67
Comment5
35 search resultsShowing 1~20 results
Stocked
You need to log-in
Hono & cloudflare でお手軽バックエンド構築
概要 フロントエンドをちょっと試すのはとても簡単になりました。コマンド１つでプロジェクトを作成し、VercelやAmplifyを使えばわずかな時間でデプロイまでできます。 ただ、バックエンドを作...
0
0
Comment0
Linter / Formatter 設定がだるい？ Vite+を使おう
概要 web開発で使う複数のツールを vp という単一のCLIにまとめるためのツールチェーン。 これまではlinterやformatterなどを個別に導入し、個別に設定ファイルが必要だったが、v...
0
0
Comment0
git-aiでコードの作成者が人間かAIかを見える化する
概要 git-aiはAIによるコード生成をフックし、対象行をGitのNotesへ記録することで、AIコーディング率を導出する仕組み。 既存のコードについて、AIが生成したものかどうかを推測で判定...
0
1
Comment0
【TypeScript】satisfies演算子を使って型安全性UP！
概要 satisfiesは 型推論の結果を残したままで 特定の型を満たしているか をチェックすることができる演算子。 特定の型を満たしているかの確認 type Colors = "red" | ...
0
0
Comment0
ReDoS攻撃とは、その対処法
セキュリテイ研修で「ReDos攻撃」という見慣れない言葉が出てきたので調査した。 ReDoS攻撃とは 正規表現におけるパターン処理の脆弱性をついた攻撃。計算にかかる負担が過度に増えることになる。...
0
0
Comment0
遷移したページに情報を渡したい！
ページ遷移時に遷移先のページに何らかの情報を渡したい場面があるかと思います。 例えば商品一覧から商品詳細画面に移動するときは、商品のidを渡したいかもしれません。検索フォームに入力した値を、検索...
0
0
Comment1
【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...
1
0
Comment1
連打ゲーを作った
簡単なゲームを作ってみたくなったので、連打ゲーを作ってみました！ ユーザーの操作は 連打する秒数を設定する clickボタンを連打する のみです！ クリックされるたびにカウントアップするだけだと...
1
0
Comment0
非制御コンポーネントと制御コンポーネント、どれくらいパフォーマンス差がある？
制御コンポーネントとは React-wayな方法で入力の管理やフォームの値管理を行う。 例）useState()を使ってフォームの値を管理 非制御コンポーネントとは 制御コンポーネントでは無いも...
0
0
Comment0
React.useとSuspenseを使うと無限フェッチが起こる件
React.useとSuspenseの勉強をしているときに、無限にフェッチが起きる現象に悩まされました。 この原因と解決方法について、備忘録がてら残します。 環境 React 19.0.0 Ne...
2
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...
28
18
Comment1
35 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