TypeScript– category –
-
TypeScript
【TypeScript】メールAPI ページネーション完全ガイド — Microsoft Graph API & Gmail API
業務システムでメールを扱う場面は意外と多い。通知メールの一覧取得、特定条件での検索、メールスレッドの表示……いずれもAPIを通じてメールを取得する処理が必要になる。そしてメール取得で必ずぶつかるのがページネーションの壁だ。 メールボックスには... -
TypeScript
Express.js に Stripe 決済を導入する方法【2026年最新・完全ガイド】
Stripe Checkout を Express.js に組み込めば、単発決済からサブスクリプションまで半日で実装できる。本記事では、パッケージ導入から Webhook によるステータス同期、本番デプロイまで解説する。 導入、実装手順 Express.js バックエンドに以下の決済機... -
TypeScript
paizaスキルチェックをTypeScriptで解く方法 ── 実務スキルとアルゴリズム力を同時に鍛える
paizaスキルチェックはTypeScriptに対応していない。。 対応言語の一覧にはJava、Python、C++、JavaScript などが並ぶが、TypeScriptの名前はない。 しかし実務のWeb開発現場ではTypeScriptが事実上の標準になりつつある。React、Next.js、Nuxt、Angular──... -
TypeScript
自分のプロジェクトのAPI・DB設計を理解するためのツール&手法まとめ(Swagger / OpenAPI / Redoc / Redocly CLI)
最近はCopilotやChatGPTなどのAIツールを使えば、バックエンドAPIが数分で動くコードとして生成されます。でも、「動いてはいるけど中身がわからない」状態は危険です。バグが出たとき、機能追加したいとき、自分のコードなのに手が出せなくなります。 こ... -
TypeScript
【@wordpress/scripts】でオリジナルブロック作成(リッチテキストツールバー、動的CTAリンク)
@wordpress/scriptsとは @wordpress/scriptsは、WordPressのブロックエディタやプラグイン開発のためのビルドツールパッケージです。 React・JSXを使ったモダンなJavaScript開発環境をWordPressプロジェクトに簡単に導入できます! webpackやBabelなどの複... -
TypeScript
【Next.js TypeScript 】React Swiper カルーセルスライダー実装、スライドが中央寄せにする方法
完成イメージ 手順 Next.js プロジェクトを用意します npx create-next-app@latest my-carousel-app プロジェクトに必要な依存関係をインストール Swiperと必要なアイコンライブラリをインストールします # Swiperのインストール npm install swiper # Fon... -
TypeScript
Next.js + TypeScriptで作る!画像ギャラリー実装(map関数)
完成イメージ このチュートリアルでは、以下のような機能を持つギャラリーを作成します ソースファイル imageGallery.tsx // src/components/imageGallery.tsx 'use client' import { useState } from 'react' import { X, ChevronLeft, C... -
TypeScript
【Next.js】Service Worker を使用してプッシュ通知の実装
Service Worker とは Webアプリケーションのバックグラウンドで動作するスクリプト ブラウザのメインスレッドとは別に動作 オフライン動作が可能 プッシュ通知を受信可能 バックグラウンドで同期処理が可能 プッシュ通知の流れ Service Workerのライフサイ...
1