ESLint + Prettier + TypeScript が競合しない設定術新着!!
ESLint・Prettier・TypeScript を同じプロジェクトに入れると、「保存のたびに整形が暴れる」「npm run lint と npm run format が逆方向の修正を出す」「eslint --fix が延々と差分を生…
ESLint + Prettier + TypeScript が競合しない設定術新着!!
ESLint・Prettier・TypeScript を同じプロジェクトに入れると、「保存のたびに整形が暴れる」「npm run lint と npm run format が逆方向の修正を出す」「eslint --fix が延々と差分を生…
Mockeryでモックを使ったユニットテストを書くハンズオン新着!!
PHP のユニットテストでは、テスト対象が依存する外部コンポーネント（DB アクセス、外部 API、メール送信など）を「本物」のまま動かしたくない場面が頻繁にあります。こうした依存をニセモノ（モック）に差し替え、「どう呼ばれるべきか」「何を…
league/flysystem-aws-s3でS3をローカルストレージのように扱う新着!!
ファイルの保存先を「ローカルディスク」から「Amazon S3」へ移す場面はよくあります。素朴にやると、ファイル操作のコードを AWS SDK の呼び出しに全部書き換えることになり、保存先を切り替えるたびにアプリ側を触ることになります。
CloudFront + S3 で SPA をちゃんと配信する新着!!
React / Vue などの SPA（Single Page Application）を本番配信する定番構成が「S3 にビルド成果物を置き、CloudFront から配信する」パターンです。手順自体はシンプルですが、素直に作ると次のような…
PredisとRedisではじめるPHPアプリのキャッシュ設計入門新着!!
PHPアプリケーションでデータベースへのアクセスが増えると、同じクエリを繰り返し実行してレスポンスが遅くなる、という課題に直面します。本記事では、PHP向けのRedisクライアント Predis を使って、Redisをキャッシュ層として組み…
TanStack Query のキャッシュ戦略と staleTime 入門新着!!
React でサーバーの状態（サーバーから取ってくるデータ）を扱うとき、useState と useEffect で自前実装すると、ローディング・エラー管理・再取得・キャッシュ・重複リクエストの排除などを毎回書くことになります。TanSta…
Docker Compose で Django + MySQL 環境を構築する新着!!
Django の開発環境をチームで共有しようとすると、「自分の環境では動くのに」という問題が必ず出てきます。Python のバージョン、MySQL のバージョン、ローカルにインストールしたパッケージの差分──これらを揃えるのは地味に面倒です…
@react-google-maps/apiでReactに地図とマーカーを表示する
React アプリに Google Maps を組み込み、地図上にマーカーと情報ウィンドウを表示するところまでをハンズオン形式でまとめます。素の Google Maps JavaScript API を命令的に操作する方法もありますが、Re…
Claude API の Tool Use で外部データを取得する
Claude API 単体では、モデルは学習時点までの知識しか持たず、リアルタイムの天気・在庫・社内DBの値といった外部データを答えられません。この壁を越える仕組みが Tool Use（ツール使用） です。