スパイダープラス Tech Blog

建設SaaS「スパイダープラス」のエンジニアとデザイナーのブログ

TypeScript

実践的!TypeScript Tips の紹介!

複雑化が進む昨今のフロントエンド界隈でJSのスーパーセットであるTypeScriptについて、弊社プロダクトのS+BIMでも使っているテクニックを紹介いたします!(※ブログ用のコードであり実際に提供しているものとは異なります)

hono/zod-openapiで実現するAPI開発実践

この記事では、TypeScriptとhonoを用いたAPI開発において、`@hono/zod-openapi`を導入しました。APIの型安全性を向上させ、OpenAPIドキュメントを自動生成する方法を解説しています。開発効率が向上し、APIの信頼性が高まる実装をハンズオン形式で紹介してい…

TypeScriptとHonoで作るDI実践入門

軽量かつ高速なWebフレームワーク「Hono」と「TypeScript」を用いて、DI(依存性注入)を実践する方法を解説します。アプリケーションの複雑化に伴い課題となる依存関係の管理を、DIライブラリ「hono-simple-di」を活用して解決し、保守性とテスト容易性の高…

AIの力でテストを自動化!Playwright MCP 入門編

Playwright MCP入門編と題してAIの力でテストを自動化する試みについて紹介いたします。