TypeScript– category –

Zodでバリデーションを書いていると、「あるフィールドの値によって、必要なパラメータが変わる」というケースに遭遇する。たとえばフォームの種別、通知のタイプ、APIのアクション指定など、1つのエンドポイントやスキーマで複数のパターンを受け付けたい...

API開発でZodを使ったバリデーションを実装していると、ふと手が止まる瞬間がある。「z.string()って空文字通すんだっけ？」「nullとundefinedってどっちがデフォルトで弾かれるんだっけ？」——こういう細かい挙動は、毎回ドキュメントを確認するか、safePa...

「何をテストすべきか」「モックはどこまで使うべきか」で手が止まることがある。 ここではVitestを使い、APIクライアントのユニットテストを書く際の考え方と具体的な書き方を整理 Vitestを選ぶ理由 Vitestは Vite と同じトランスフォーマを共有するテス...

APIを通じてメールを取得する処理が必要に。そしてメール取得で必ずぶつかるのがページネーションの壁だ。 この記事では、Microsoft Graph APIとGmail APIのページネーションを、TypeScriptの実装コード付きで解説する。両APIを並べて比較することで、それ...

Stripe Checkout を Express.js に組み込めば、単発決済からサブスクリプションまで半日で実装できる。本記事では、パッケージ導入から Webhook によるステータス同期、本番デプロイまで解説する。 導入、実装手順 Express.js バックエンドに以下の決済機...

paizaスキルチェックはTypeScriptに対応していない。。 対応言語の一覧にはJava、Python、C++、JavaScript などが並ぶが、TypeScriptの名前はない。 しかし実務のWeb開発現場ではTypeScriptが事実上の標準になりつつある。React、Next.js、Nuxt、Angular──...

最近はCopilotやChatGPTなどのAIツールを使えば、バックエンドAPIが数分で動くコードとして生成されます。でも、「動いてはいるけど中身がわからない」状態は危険です。バグが出たとき、機能追加したいとき、自分のコードなのに手が出せなくなります。 こ...

@wordpress/scriptsとは @wordpress/scriptsは、WordPressのブロックエディタやプラグイン開発のためのビルドツールパッケージです。 React・JSXを使ったモダンなJavaScript開発環境をWordPressプロジェクトに簡単に導入できます！ webpackやBabelなどの複...

完成イメージ 手順 Next.js プロジェクトを用意します npx create-next-app@latest my-carousel-app プロジェクトに必要な依存関係をインストール Swiperと必要なアイコンライブラリをインストールします # Swiperのインストール npm install swiper # Fon...

完成イメージ このチュートリアルでは、以下のような機能を持つギャラリーを作成します ソースファイル imageGallery.tsx // src/components/imageGallery.tsx 'use client' import { useState } from 'react' import { X, ChevronLeft, C...

Service Worker とは Webアプリケーションのバックグラウンドで動作するスクリプト ブラウザのメインスレッドとは別に動作 オフライン動作が可能 プッシュ通知を受信可能 バックグラウンドで同期処理が可能 プッシュ通知の流れ Service Workerのライフサイ...