作成日時: 2026-06-25 はじめにフロントエンドとバックエンドを別々の Git リポジトリで管理しているチームは多いです。リポジトリを分けることで独立したデプロイ・CI/CD・レビューが実現できる一方、AI エージェントを使った開発では大きな壁にぶつかることがあります。本記事では、社内プロダクト（バックエンド myapp-be / フロントエンド myapp-fe）の開発で既存の CI/CD・PR・ブランチ運用を一切変えずに、AI エージェントが両リポを横断して開発できる環境をgit submodule superproject を使って構築した記録を紹介します。...

既存の複数リポ構成を壊さずに AI agent の横断開発を実現する

作成日時: 2026-06-23 はじめに以前の記事で「フォーム上では数値も文字列で扱い、Zodのtransformでバリデーション時に変換する」アプローチを紹介しました。https://zenn.dev/genda_jp/articles/7eb105e892f458このアプローチは確かに機能しますが、バリデーション前の状態（field.state.value）はstringのまま扱われるため、リアルタイムに数値として利用したい場面で型変換が必要になります。この記事では別のアプローチとして、変換処理をInputコンポーネント側に持たせる方法を紹介します。 前記事アプロー...

Reactで数値入力フォームを型安全に実装する方法【改善版】

作成日時: 2025-11-19 はじめにTanStack Routerは、型安全性を重視した次世代のReactルーターで、ファイルベースルーティング、自動コード分割、完全な型推論など、モダンなReactアプリケーション開発に必要な機能を提供しています。この記事では、実際にReact Router v6からTanStack Router v1へ移行した際に感じたメリットについて、具体的なコード例とともに紹介します。なお、この記事内で特に断りがない限り、React Routerはv6、TanStack Routerはv1を指しています。 Automatic Code Spli...

React Router v6 から Tanstack Router v1に移行して感じたメリット

作成日時: 2025-11-14 はじめにこの記事では、Webフロントエンド開発において私が最近採用している開発環境のセットアップや設定について紹介します。バージョン管理、パッケージマネージャーの選定、タスクランナーの活用など、開発体験を向上させるための実践的なTipsをまとめています。 Node.jsとパッケージマネージャーのversion管理チーム開発やCI/CD環境では、Node.jsとパッケージマネージャーのバージョンを統一することが重要です。バージョンの不一致により、ローカル環境では動作するがCI環境では失敗する、といった問題を防ぐことができます。最近はパッケージ...

私のWebフロントエンド開発環境事情

作成日時: 2025-11-12 はじめにReactでフォーム開発をしていると、数値入力の扱いに悩むことがあります。この記事では、TanStack FormとZodを使った数値入力フォームの実装方法について紹介します。 問題の背景Reactの<input />要素では、valueにundefinedやnullを渡すと、フォームコンポーネントがControlled（制御されたコンポーネント）からUncontrolled（非制御コンポーネント）に変わってしまいます。// NG: undefinedやnullを渡すとUncontrolledになる<input ...

Reactで数値入力フォームを型安全に実装する方法

作成日時: 2016-07-01iOS version: 9この投稿では、iOSのファイルシステムについて理解し、データを永続化(iCloud含む)する方法を紹介する。尚、サンプルコードは動かない可能性もあるので参考程度にして下さい。 iOS File Systemアプリがファイルシステムとやり取り出来る場所は、ほぼアプリのサンドボックス内のディレクトリに制限されている。新しいアプリがインストールされる際、インストーラーはサンドボックス内に複数のコンテナを作成し、図1に示す構成をとる。各コンテナには役割があり、Bundle Containerはアプリのバンドルを保持し、Data...

ytakagi

既存の複数リポ構成を壊さずに AI agent の横断開発を実現する

Reactで数値入力フォームを型安全に実装する方法【改善版】

React Router v6 から Tanstack Router v1に移行して感じたメリット

私のWebフロントエンド開発環境事情

Reactで数値入力フォームを型安全に実装する方法

iOSでデータを永続化する方法