Laravel BreezeとJetstreamの違いを整理する：認証スキャフォールドの選び方
Laravel で新規プロジェクトを立ち上げるとき、認証まわりをどう用意するかは最初に決めるべき設計事項のひとつです。かつてはここで Breeze と Jetstream のどちらを使うかを迷うのが定番でした。
PHPUnitで始めるLaravelのテスト入門
「テストを書いたほうがいいのは分かっているけれど、何から手をつければいいのか分からない」——Laravel を使っていて、そう感じている人は多いと思います。
Twilio SDKでSMS送信機能を実装する入門
アプリケーションから SMS を送りたい場面は意外と多いものです。予約リマインド、二要素認証（2FA）のコード通知、配送ステータスの連絡など、メールよりも到達率と即時性が求められるシーンで SMS は強みを発揮します。
CloudFront + S3 で SPA をちゃんと配信する
React / Vue などの SPA（Single Page Application）を本番配信する定番構成が「S3 にビルド成果物を置き、CloudFront から配信する」パターンです。手順自体はシンプルですが、素直に作ると次のような…
TanStack Query のキャッシュ戦略と staleTime 入門
React でサーバーの状態（サーバーから取ってくるデータ）を扱うとき、useState と useEffect で自前実装すると、ローディング・エラー管理・再取得・キャッシュ・重複リクエストの排除などを毎回書くことになります。TanSta…
@react-google-maps/apiでReactに地図とマーカーを表示する
React アプリに Google Maps を組み込み、地図上にマーカーと情報ウィンドウを表示するところまでをハンズオン形式でまとめます。素の Google Maps JavaScript API を命令的に操作する方法もありますが、Re…
Claude API の Tool Use で外部データを取得する
Claude API 単体では、モデルは学習時点までの知識しか持たず、リアルタイムの天気・在庫・社内DBの値といった外部データを答えられません。この壁を越える仕組みが Tool Use（ツール使用） です。
Claude API（Anthropic SDK）入門：最初のリクエストからツール利用・プロンプトキャッシュまで
Anthropic の Claude API（Messages API）を、公式 SDK を使って一通り触るためのハンズオンです。環境構築から、最初のリクエスト、ストリーミング、システムプロンプト、マルチターン会話、ツール利用、プロンプトキ…
TanStack Query で楽観的更新を実装する
「いいね」ボタンやチェックボックス、並び替えなど、ユーザー操作に対して即座に反応してほしいUIがあります。サーバーのレスポンスを待ってから画面を書き換えると数百ミリ秒の「待ち」が発生し、体感が重くなります。
OpenAI API の Function Calling で外部ツールを連携する
LLM は学習済みの知識で文章を生成するのは得意ですが、「今日の天気」「社内 DB の在庫数」「外部 API の実行結果」といった、モデルの外側にある最新・固有の情報は知りません。この隙間を埋める仕組みが Function Calling（…