I・M

実務・個人開発を通じて、フロントエンドからバックエンドまでTypeScriptを中心に開発しています。型システムを活用し、変更容易性を意識した設計・実装を行っています。OpenAPI・GraphQLのスキーマからの型生成や、Zodによるランタイムバリデーションと型推論を組み合わせ、型安全性をランタイムまで一貫させる設計を重視しています。テストはVitestやMSWを用いて、フロントエンド・バックエンドの両方で実装しています。

主にTypeScriptを使用していますが、簡単なインタラクションやロジックの実装でJavaScriptを使用した経験があります。TypeScriptが使用できない環境ではJSDocによる型付けを行っていました。

以前はPages Routerを使用しており、現在はApp Routerを用いた開発を業務・個人開発の両方で行っています。Server ComponentsとClient Componentsの使い分けや、静的エクスポートなど、プロジェクトの要件に応じたレンダリング戦略の選択を行っています。キャッシュについては、複雑さを抑えるためにシンプルな戦略を基本としつつ、revalidateTagによる個別のキャッシュ制御など、要件に応じた設計も行っています。

変更容易性を意識し、関心の分離に基づいたコンポーネント設計を重視しています。複数の機能のロジックが混在し複雑になった場合に、機能ごとのコンポーネントやカスタムHooksとして分離することで凝集度を高めています。また、propsや公開する状態・関数を最小限に抑え、内部の実装を隠蔽することで疎結合を保つ設計を心がけています。レンダリングの仕組みやコンポーネントのライフサイクルを理解したうえで、適切な設計判断を行っています。Storybookによるコンポーネント管理・テストやTailwindCSSによるスタイリングも活用しています。

業務での使用経験はありませんが、個人開発でバックエンドを書く際にはHonoを使用しています。フロントエンドと同様に関心の分離や型安全性を意識しており、Zodによるリクエスト・レスポンスの型定義や、コードファーストでのZodスキーマからOpenAPIスキーマの生成によるフロントエンドとの型の整合性の確保、実際のデータベースを使用したテストの記述などを行っています。

Reactでの開発を通じて使用しています。

Reactでの開発を通じて使用しています。