TypeScript

いつもブログへご訪問いただきありがとうございます。 「「型が付くだけ」じゃなかった｜TypeScript書籍を読んで驚いたこと！」について WordPressの記事を書きました。 ご興味のある方は下記リンクまで是非アクセスください！ iteng-pom.com

こんにちは。虎の穴ラボのy.fです。 最近は、業務でも個人開発でもAIコーディングエージェントを使うのが当たり前になってきました。 AI コーディング エージェントとは言っても、実際の使い方を振り返ると、通常のコーディングだけでなく、相談や調査にも使っていることが多いかなと思います。 このようにさまざまな用途で使われるようになったAIエージェントですが、自分でも作ってみることで、仕組みについて色々と学べるのでは？と思ったのが、今回取り組んでみた理由です。 コーディングに特化する方向では、現在世の中にある製品と同じレベルを目指すのは難しいと思います。ただ、仕組みを知ることで、自分の用途に特化した…

はじめに こんにちは！PRESIDENT CARD事業部、エンジニアの Nuu です。 今回は改めてTypeScript の satisfies について掘り下げてみます。 satisfies、使っていますか？ 「存在は知ってるけど、使いどころがピンとこない」「普通に型注釈書けばよくない？」——そんな人も多いのではないでしょうか。 この記事では satisfies の強みを3つの実例パターンと活用例を通して紹介します。 satisfies とは TypeScript 4.9 で導入された演算子で、型チェックしつつ、推論結果を保持してくれます。型注釈（: T）は型チェックが効く代わりに wide…

こんにちは。虎の穴ラボのy.fです。 大分昔の話ですが、以下一連の記事でブロック崩しをWebAssemblyで作ったりなどしておりました。 toranoana-lab.hatenablog.com １〜４＋番外編一つあるので興味ある方は見て頂けると嬉しいです。 今回は、メンテ及び拡張しようと思っていた上記アプリについて、Claude CodeでAIに任せて修正をしてもらった結果を共有したいと思います。 使ってるモデルは基本Fable5になります。 利用技術 まず、軽く利用技術について触れておきたいと思います。 基本的にJS/TSを入口にしてRustでビルドされたWebAssemblyを呼び出す…

症状 開発中に次のようなことが起きます。 useEffect 内の console.log がマウントのたびに2回出る API が二重に呼ばれる（開発時だけ、または本番でも） サブスクライブやタイマーが二重に張り、リークや重複通知になる 「React のバグでは？」と思いがちですが、多くの場合は 意図した挙動 か 依存・再マウントの設計ミス です。まず切り分け順を固定します。 前提 React 18 以降（Strict Mode の開発時ダブル呼び出しあり） 関数コンポーネント + Hooks TypeScript 可 この記事は「useEffect 入門」ではなく、二度走るときの原因切り分け…

はじめに React Hook Form（以下 RHF）でフォームを組むと、「送信時にまとめてエラーが出る」まではすぐできます。一方で、どのフィールドに、どのタイミングで、どの文言を出すかを揃えないと、UI がバラけたり、メッセージが消えたように見えたりします。 この記事では、フィールドごとにバリデーションメッセージを出し分ける実務パターンに絞ります。RHF の完全入門ではなく、「表示の切り方」だけを深掘りします。 前提 React 19 TypeScript react-hook-form 7.81.x 任意: @hookform/resolvers 5.x + zod 4.x（スキーマ検証…

TypeScript 7 が出た。Go で書き直された compiler は、full build でだいたい 8〜12 倍速い。 こういう数字を見ると、とりあえず npm install -D typescript して CI の時間を測りたくなる。気持ちは分かる。自分も最初に見るのはそこだ。 ただ、frontend repo で TypeScript を上げる作業は、tsc の差し替えだけでは終わらない。editor がいる。ESLint がいる。Vue なら vue-tsc と language server がいる。Svelte や Astro も template を TypeScr…