Laravel 【Laravel】外部APIとの連携方法（Http::get/postの使い方）
こんにちは、かつコーチです。前回はAPI Resourceで自社のAPIレスポンスを整形する方法を解説しました。今回はその逆で、天気情報や決済サービス、外部の認証基盤など、他社が提供するAPIをLaravelから呼び出す方法を扱います。La...
エラー解決
Laravel Laravel 【Laravel】LaravelでAPIを作る基本（API Resource）
こんにちは、かつコーチです。前回はLivewireの基本機能を解説しました。今回は少し話題を変えて、フロントエンドがVueやReact、あるいはスマホアプリになったときに欠かせない「API」の作り方を扱います。Eloquentモデルをそのま...
Laravel 【Laravel】Vue・Inertia・Laravelでの画像アップロード実装
こんにちは、かつコーチです。前回はBladeベースでのファイルアップロードの実装パターンを解説しました。今回はもう一歩進んで、Vue・Inertiaを使ったSPA（Single Page Application）構成での画像アップロードを扱...
JavaScript 【TypeScript】外部ライブラリの型定義（@types）の探し方・使い方
こんにちは、かつコーチです。前回は、「とりあえずany」から卒業するための考え方について解説しました。TypeScriptで開発をしていると、自分のコードではなく外部のライブラリをimportしただけで型エラーが出て困る、という場面によく出...
JavaScript 【TypeScript】「とりあえずany」から卒業するための考え方
こんにちは、かつコーチです。前回は、strictモードとtsconfig.jsonの主要オプションについて解説しました。strictモードを有効にしても、実は簡単に型チェックをすり抜ける方法があります。それが今回のテーマ、any型です。「型...
JavaScript 【TypeScript】よくあるTypeScriptエラーの読み方
こんにちは、かつコーチです。前回は、非nullアサーション（!）を使うべき場面・避けるべき場面について解説しました。型注釈やジェネリクスを覚えてきても、実際にコードを書いていると必ずぶつかるのが「赤い波線」と「見慣れない英語のエラーメッセー...
Expressjs 【Express】エラーハンドリングミドルウェアで一元的にエラーを処理する（よくあるエラーの実例つき）
こんにちは、かつコーチです。Expressで開発をしていると、必ずと言っていいほどエラーに遭遇します。私自身も学習中に何度もサーバーをクラッシュさせたり、原因不明のエラーに数時間悩まされたりしてきました。この記事では、そんな実体験も交えなが...
Go 【Go】エラーハンドリングの基本：if err != nilの流儀
こんにちは、かつコーチです。Go言語を書き始めた人が最初にとまどうのが、エラー処理の書き方だと思います。「なんでtry-catchがないんだろう」「if err != nilばっかりでコードが縦に伸びる」。そう感じたことがある人は多いはずで...
JavaScript 【Next.js】「Module not found: next/router」の解決法（Pages Router完全削除後の落とし穴）
こんにちは、かつコーチです。前回はlayout.tsxの再評価にまつわるつまずきを紹介しましたが、今回は少し毛色の違うエラーを扱います。App Routerだけを使っているはずなのに、突然Module not found: Can't re...
JavaScript 【Next.js】layout.tsxが再評価されず古い情報が残り続けた話
こんにちは、かつコーチです。前回はNext.jsでよく出る定番エラーをまとめましたが、今回はもう少し踏み込んだ、経験しないと気づきにくいつまずき事例を紹介します。テーマは「layout.tsxで取得したログイン状態が、ログアウトした後も画面...
JavaScript 【Next.js】Next.jsでよく出るエラーと解決法まとめ
こんにちは、かつコーチです。これまでNext.jsシリーズでは、App Routerの基本からルーティング、Server/Client Components、データ連携、認証、テスト、デプロイまでを一通り解説してきました。ここからの4本は少...
JavaScript 【React】Reactでよく出るエラーと解決法まとめ
こんにちは、かつコーチです。前回まででテスト・デプロイ・ビルド最適化と、開発から公開までの一連の流れを見てきました。ここからは実践Tips編として、Reactを書いていると誰もが一度はぶつかる定番エラーを、原因と解決法つきでまとめて紹介しま...
Laravel 【Laravel】ファイルアップロードの実装パターン集
こんにちは、かつコーチです。前回はLaravelでよく出るエラーと解決法をまとめました。今回は、実務でほぼ必ず出てくる「ファイルアップロード」の実装パターンを、基本から一歩踏み込んだところまで解説します。プロフィール画像、PDFの添付、CS...
Laravel 【Laravel】Laravelでよく出るエラーと解決法まとめ
こんにちは、かつコーチです。ここまでルーティングやコントローラ、Eloquent、認証、キュー、スケジューラといった機能を順番に解説してきました。今回からは少し毛色を変えて、「実践Tips・エラー解決」編に入っていきます。初回は、Larav...
JavaScript 【JavaScript】JavaScriptのデバッグ手法まとめ
こんにちは、かつコーチです。前回はブラウザ互換性対応の考え方を解説しました。そして今回が、JavaScript基礎シリーズの最終回です。最後のテーマは「デバッグ」、つまり「コードがなぜ思った通りに動かないのかを調べる技術」です。エラーの読み...
JavaScript 【JavaScript】ブラウザ互換性対応の考え方
こんにちは、かつコーチです。前回は非同期処理でハマりやすい罠を解説しました。今回のテーマは「ブラウザ互換性」です。自分のパソコンでは完璧に動いていたはずのコードが、別のブラウザや古い環境ではエラーになる、あるいは見た目が崩れる。こうした経験...
JavaScript 【JavaScript】非同期処理でハマりやすい罠と対処法
こんにちは、かつコーチです。前回はundefinedとnullの違いを解説しました。今回のテーマは、多くの学習者が一度は必ずつまずく「非同期処理」です。async/awaitやPromiseの書き方自体は覚えても、いざ実務で使うと「あれ、な...
JavaScript 【JavaScript】undefined・nullの扱い方でハマらないために
こんにちは、かつコーチです。前回はエラーメッセージの読み方を解説しました。その中でも何度も登場したnull、そしてよく似たundefined。この2つは見た目も意味も似ているようで、実は明確に役割が違います。違いを理解しないままコードを書い...
JavaScript 【JavaScript】よくあるJavaScriptエラーの読み方（Uncaught TypeError等）
こんにちは、かつコーチです。前回はsetTimeout・setIntervalでタイマー処理を扱いました。今回からは少しテーマを変えて、コードを書いていると必ず出会う「エラー」との付き合い方を解説していきます。コンソールに真っ赤な文字でエラ...
JavaScript 【Vue】Vueアプリのパフォーマンスチューニング入門
こんにちは、かつコーチです。前回は、リアクティビティが効かない現象の原因と対処法を掘り下げました。今回は視点を変えて、「動くけど遅い」Vueアプリをどう改善していくか、パフォーマンスチューニングの入門編を扱います。やみくもに最適化するのでは...