JavaScript
【Node.js】Node.jsとは？サーバーサイドJavaScriptの基本を理解する
NativePHP 【NativePHP】NativePHPとは？LaravelスキルだけでデスクトップアプリもモバイルアプリもPHPだけで書ける仕組み
こんにちは、かつコーチです。先日、Laravel Japan ConferenceでNativePHPの開発に携わる方とお話しする機会がありました。「PHPエンジニアがLaravelの知識のまま、デスクトップアプリやモバイルアプリを作れる」...
Laravel 【Laravel】LaravelのRoute設計で迷わないための整理術 〜Resource・Controller Group・命名規則の考え方〜
こんにちは、かつコーチです。Laravelも長く使っていて相棒のような存在担ってきました。Laravelを使っていると、Routeの書き方で迷うことがあります。Laravelは自由度が高く、同じことを実現する方法がいくつもあります。そのため...
Laravel 【Laravel】Laravel×Reactの構成比較：どちらを選ぶべきか検証してみた
こんにちは、かつコーチです。前回は、LaravelとVue（Inertia.js）で簡単なTODOアプリを作りました。今回は同じTODOアプリをReactでも作ってみて、Vue構成との違いを実際に比較検証していきます。このシリーズもいよいよ...
Laravel 【Laravel】Laravel12→13 移行完全ガイド（アップグレード手順・破壊的変更の注意点）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13は、公式が「破壊的変更を最小限に抑えた」とアナウンスしているアップグレードです。とはいえ、実務で本番環境にデプロイするとなると話は別です。PHPのバージョン要件、c...
Laravel 【Laravel】Laravel13のPHP Attributes化とQueue Routing・JSON:API・Cache::touch()（実務Tips集）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13、もう触ってみましたか。AI SDKやセマンティック検索のような派手な新機能に注目が集まりがちですが、実は日々の実装を地味に楽にしてくれる変更も多く入っています。今...
Laravel 【Laravel】Laravel 13のセマンティック検索（ベクトル検索）を試す
こんにちは、かつコーチです。Laravel 13の新機能の中でも、RAGアプリケーションを作りたいエンジニアから特に注目を集めているのがセマンティック検索（ベクトル検索）です。今回はwhereVectorSimilarTo()を実際に動かし...
Laravel 【Laravel】Laravel 13のAI SDKを徹底解説（テキスト・画像・音声生成）
こんにちは、かつコーチです。前回の記事でLaravel 13の全体像を紹介しましたが、今回はその中でも注目度が高いLaravel AI SDK（AIモデルをLaravelアプリから統一的に扱うための公式SDK）を深掘りします。「AIをアプリ...
Laravel 【Laravel】Laravel 13とは？Laravel 12からの変更点まとめ
こんにちは、かつコーチです。2026年3月17日にLaravel 13がリリースされました。「アップグレードした方がいいの？」「Laravel 12と何が違うの？」と気になっている方も多いと思います。この記事では、Laravel 13の全体...
JavaScript 【jQuery】素のJavaScript、2026年どちらを選ぶべきか徹底比較
こんにちは、かつコーチです。このシリーズでjQueryの基本から実装・エラー解決まで一通り学んできた方の中には、「結局、実務ではjQueryと素のJavaScript、どちらを使えばいいの？」という疑問が残っているのではないでしょうか。素の...
JavaScript 【jQuery】よくあるエラーと解決法まとめ（$ is not defined等）
こんにちは、かつコーチです。「jQueryのコードを書いたのに、コンソールに赤いエラーが出て動かない…」という経験は、jQueryを触り始めた人の多くが通る道です。コンソールとは、ブラウザの開発者ツールでエラーやログを確認できる画面のことで...
JavaScript 【jQuery】$.getJSON()で外部データを取得して表示する
こんにちは、かつコーチです。「$.ajax()は分かったけど、JSON取得だけならもっと短く書けないの？」と感じたことはありませんか。jQueryには、JSON形式のデータ取得に特化した$.getJSON()というショートカットメソッドが用...
JavaScript 【jQuery】$.ajax()でAPI通信する基本（fetchとの違いも解説）
こんにちは、かつコーチです。「サーバーからデータを取ってきて画面に表示したい」という場面は、業務でも学習でもよく出てきます。jQueryには、そんな非同期通信（ページを再読み込みせずにサーバーとデータをやり取りする仕組み）を簡単に扱える$....
JavaScript 【jQuery】スムーススクロールをjQueryで実装する
こんにちは、かつコーチです。前回はフォームのバリデーションをjQueryで実装しました。実践UI実装シリーズの最後は、ページ内リンクをなめらかに移動させるスムーススクロールです。素のJavaScript版では scrollIntoView(...
JavaScript 【jQuery】フォームのバリデーションをjQueryで実装する
こんにちは、かつコーチです。前回はスライドショー・カルーセルをjQueryで実装しました。今回は、お問い合わせフォームなどで欠かせないバリデーション（入力チェック）をjQueryで実装していきます。素のJavaScript版では blur ...
JavaScript 【jQuery】スライドショー・カルーセルをjQueryで実装する
こんにちは、かつコーチです。前回はモーダルウィンドウをjQueryで実装しました。今回は、トップページなどでよく見るスライダー（カルーセル）をjQueryで実装していきます。素のJavaScript版ではCSSの transform: tr...
JavaScript 【jQuery】モーダルウィンドウをjQueryで実装する
こんにちは、かつコーチです。「レガシー案件を保守することになったけど、jQueryでモーダルを実装した箇所がどう動いているか読めない」という相談をよく受けます。モーダルウィンドウは、画像の拡大表示や確認ダイアログなど、どんなサイトでも一度は...
JavaScript 【jQuery】タブ切り替えをjQueryで実装する
こんにちは、かつコーチです。前回は、アコーディオンをjQueryで実装しながら、素のJavaScript版との書き方の違いを比較しました。今回は、同じく「複数の要素からアクティブなものを1つだけ選ぶ」というUIである、タブ切り替えを実装して...
JavaScript 【jQuery】アコーディオン（FAQ）をjQueryで実装する（素のJS版との比較）
こんにちは、かつコーチです。以前、JavaScript基礎編の記事で、素のJavaScriptを使ったアコーディオン（FAQ）の開閉実装を紹介しました。今回はここからが「実践UI実装」シリーズの1本目です。同じアコーディオンをjQueryで...
JavaScript 【jQuery】on()でイベントを設定する方法（bind/liveとの違いも解説）
こんにちは、かつコーチです。前回はcss()メソッドで、要素のスタイルを直接書き換える方法を紹介しました。スタイルを書き換えるタイミングの多くは、「クリックしたら」「マウスが乗ったら」といったイベント（ユーザーの操作やブラウザの状態変化をき...
JavaScript 【jQuery】CSSプロパティを直接操作する方法（css()メソッド）
こんにちは、かつコーチです。前回は addClass や toggleClass を使って、CSSクラスを付け外しする方法を紹介しました。クラスの付け外しは便利ですが、「この要素の色だけ、JavaScript側で計算した値に変えたい」という...
NativePHP 【NativePHP】NativePHPとは？LaravelスキルだけでデスクトップアプリもモバイルアプリもPHPだけで書ける仕組み
こんにちは、かつコーチです。先日、Laravel Japan ConferenceでNativePHPの開発に携わる方とお話しする機会がありました。「PHPエンジニアがLaravelの知識のまま、デスクトップアプリやモバイルアプリを作れる」...
Laravel 【Laravel】LaravelのRoute設計で迷わないための整理術 〜Resource・Controller Group・命名規則の考え方〜
こんにちは、かつコーチです。Laravelも長く使っていて相棒のような存在担ってきました。Laravelを使っていると、Routeの書き方で迷うことがあります。Laravelは自由度が高く、同じことを実現する方法がいくつもあります。そのため...
Laravel 【Laravel】Laravel×Reactの構成比較：どちらを選ぶべきか検証してみた
こんにちは、かつコーチです。前回は、LaravelとVue（Inertia.js）で簡単なTODOアプリを作りました。今回は同じTODOアプリをReactでも作ってみて、Vue構成との違いを実際に比較検証していきます。このシリーズもいよいよ...
Laravel 【Laravel】Laravel12→13 移行完全ガイド（アップグレード手順・破壊的変更の注意点）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13は、公式が「破壊的変更を最小限に抑えた」とアナウンスしているアップグレードです。とはいえ、実務で本番環境にデプロイするとなると話は別です。PHPのバージョン要件、c...
Laravel 【Laravel】Laravel13のPHP Attributes化とQueue Routing・JSON:API・Cache::touch()（実務Tips集）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13、もう触ってみましたか。AI SDKやセマンティック検索のような派手な新機能に注目が集まりがちですが、実は日々の実装を地味に楽にしてくれる変更も多く入っています。今...
Laravel 【Laravel】Laravel 13のセマンティック検索（ベクトル検索）を試す
こんにちは、かつコーチです。Laravel 13の新機能の中でも、RAGアプリケーションを作りたいエンジニアから特に注目を集めているのがセマンティック検索（ベクトル検索）です。今回はwhereVectorSimilarTo()を実際に動かし...
Laravel 【Laravel】Laravel 13のAI SDKを徹底解説（テキスト・画像・音声生成）
こんにちは、かつコーチです。前回の記事でLaravel 13の全体像を紹介しましたが、今回はその中でも注目度が高いLaravel AI SDK（AIモデルをLaravelアプリから統一的に扱うための公式SDK）を深掘りします。「AIをアプリ...
Laravel 【Laravel】Laravel 13とは？Laravel 12からの変更点まとめ
こんにちは、かつコーチです。2026年3月17日にLaravel 13がリリースされました。「アップグレードした方がいいの？」「Laravel 12と何が違うの？」と気になっている方も多いと思います。この記事では、Laravel 13の全体...
JavaScript 【jQuery】素のJavaScript、2026年どちらを選ぶべきか徹底比較
こんにちは、かつコーチです。このシリーズでjQueryの基本から実装・エラー解決まで一通り学んできた方の中には、「結局、実務ではjQueryと素のJavaScript、どちらを使えばいいの？」という疑問が残っているのではないでしょうか。素の...
JavaScript 【jQuery】よくあるエラーと解決法まとめ（$ is not defined等）
こんにちは、かつコーチです。「jQueryのコードを書いたのに、コンソールに赤いエラーが出て動かない…」という経験は、jQueryを触り始めた人の多くが通る道です。コンソールとは、ブラウザの開発者ツールでエラーやログを確認できる画面のことで...
JavaScript 【jQuery】$.getJSON()で外部データを取得して表示する
こんにちは、かつコーチです。「$.ajax()は分かったけど、JSON取得だけならもっと短く書けないの？」と感じたことはありませんか。jQueryには、JSON形式のデータ取得に特化した$.getJSON()というショートカットメソッドが用...
JavaScript 【jQuery】$.ajax()でAPI通信する基本（fetchとの違いも解説）
こんにちは、かつコーチです。「サーバーからデータを取ってきて画面に表示したい」という場面は、業務でも学習でもよく出てきます。jQueryには、そんな非同期通信（ページを再読み込みせずにサーバーとデータをやり取りする仕組み）を簡単に扱える$....
JavaScript 【jQuery】スムーススクロールをjQueryで実装する
こんにちは、かつコーチです。前回はフォームのバリデーションをjQueryで実装しました。実践UI実装シリーズの最後は、ページ内リンクをなめらかに移動させるスムーススクロールです。素のJavaScript版では scrollIntoView(...
JavaScript 【jQuery】フォームのバリデーションをjQueryで実装する
こんにちは、かつコーチです。前回はスライドショー・カルーセルをjQueryで実装しました。今回は、お問い合わせフォームなどで欠かせないバリデーション（入力チェック）をjQueryで実装していきます。素のJavaScript版では blur ...
JavaScript 【jQuery】スライドショー・カルーセルをjQueryで実装する
こんにちは、かつコーチです。前回はモーダルウィンドウをjQueryで実装しました。今回は、トップページなどでよく見るスライダー（カルーセル）をjQueryで実装していきます。素のJavaScript版ではCSSの transform: tr...
JavaScript 【jQuery】モーダルウィンドウをjQueryで実装する
こんにちは、かつコーチです。「レガシー案件を保守することになったけど、jQueryでモーダルを実装した箇所がどう動いているか読めない」という相談をよく受けます。モーダルウィンドウは、画像の拡大表示や確認ダイアログなど、どんなサイトでも一度は...
JavaScript 【jQuery】タブ切り替えをjQueryで実装する
こんにちは、かつコーチです。前回は、アコーディオンをjQueryで実装しながら、素のJavaScript版との書き方の違いを比較しました。今回は、同じく「複数の要素からアクティブなものを1つだけ選ぶ」というUIである、タブ切り替えを実装して...
JavaScript 【jQuery】アコーディオン（FAQ）をjQueryで実装する（素のJS版との比較）
こんにちは、かつコーチです。以前、JavaScript基礎編の記事で、素のJavaScriptを使ったアコーディオン（FAQ）の開閉実装を紹介しました。今回はここからが「実践UI実装」シリーズの1本目です。同じアコーディオンをjQueryで...
JavaScript 【jQuery】on()でイベントを設定する方法（bind/liveとの違いも解説）
こんにちは、かつコーチです。前回はcss()メソッドで、要素のスタイルを直接書き換える方法を紹介しました。スタイルを書き換えるタイミングの多くは、「クリックしたら」「マウスが乗ったら」といったイベント（ユーザーの操作やブラウザの状態変化をき...
JavaScript 【jQuery】CSSプロパティを直接操作する方法（css()メソッド）
こんにちは、かつコーチです。前回は addClass や toggleClass を使って、CSSクラスを付け外しする方法を紹介しました。クラスの付け外しは便利ですが、「この要素の色だけ、JavaScript側で計算した値に変えたい」という...
Laravel 【Laravel】LaravelのRoute設計で迷わないための整理術 〜Resource・Controller Group・命名規則の考え方〜
こんにちは、かつコーチです。Laravelも長く使っていて相棒のような存在担ってきました。Laravelを使っていると、Routeの書き方で迷うことがあります。Laravelは自由度が高く、同じことを実現する方法がいくつもあります。そのため...
Laravel 【Laravel】Laravel×Reactの構成比較：どちらを選ぶべきか検証してみた
こんにちは、かつコーチです。前回は、LaravelとVue（Inertia.js）で簡単なTODOアプリを作りました。今回は同じTODOアプリをReactでも作ってみて、Vue構成との違いを実際に比較検証していきます。このシリーズもいよいよ...
Laravel 【Laravel】Laravel12→13 移行完全ガイド（アップグレード手順・破壊的変更の注意点）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13は、公式が「破壊的変更を最小限に抑えた」とアナウンスしているアップグレードです。とはいえ、実務で本番環境にデプロイするとなると話は別です。PHPのバージョン要件、c...
Laravel 【Laravel】Laravel13のPHP Attributes化とQueue Routing・JSON:API・Cache::touch()（実務Tips集）
こんにちは、かつコーチです。2026年3月にリリースされたLaravel13、もう触ってみましたか。AI SDKやセマンティック検索のような派手な新機能に注目が集まりがちですが、実は日々の実装を地味に楽にしてくれる変更も多く入っています。今...
Laravel 【Laravel】Laravel 13のセマンティック検索（ベクトル検索）を試す
こんにちは、かつコーチです。Laravel 13の新機能の中でも、RAGアプリケーションを作りたいエンジニアから特に注目を集めているのがセマンティック検索（ベクトル検索）です。今回はwhereVectorSimilarTo()を実際に動かし...
Laravel 【Laravel】Laravel 13のAI SDKを徹底解説（テキスト・画像・音声生成）
こんにちは、かつコーチです。前回の記事でLaravel 13の全体像を紹介しましたが、今回はその中でも注目度が高いLaravel AI SDK（AIモデルをLaravelアプリから統一的に扱うための公式SDK）を深掘りします。「AIをアプリ...
Laravel 【Laravel】Laravel 13とは？Laravel 12からの変更点まとめ
こんにちは、かつコーチです。2026年3月17日にLaravel 13がリリースされました。「アップグレードした方がいいの？」「Laravel 12と何が違うの？」と気になっている方も多いと思います。この記事では、Laravel 13の全体...
Laravel 【Laravel】Seederでテストデータを入れる3つの方法と使い分け方〜 DB::table() と updateOrCreate() の違いを徹底解説〜
こんにちは、かつコーチです。Laravelで開発していると、テストデータや初期データを登録したい場面は多くあります。そんなときに便利なのが「Seeder」です。本記事では、Seederでデータを登録する3つの方法と、それぞれの使いどころをわ...
Laravel 【Laravel】Laravel×Vue/Inertiaで簡単なTODOアプリを作ってみる
こんにちは、かつコーチです。これまでService・Repository・Form Request・ディレクトリ構成と、Laravelの設計面を中心に見てきました。ここからは実践編として、フロントエンドにVueを使い、Inertia.jsで...
Laravel 【Laravel】Laravelのディレクトリ構成をカスタマイズする考え方
こんにちは、かつコーチです。これまでService・Repositoryパターン、Form Requestと、責務ごとにクラスを分ける方法を紹介してきました。クラスの数が増えてくると、次に気になるのが「これらをどこに置くか」というディレクト...
Laravel 【Laravel】Form Requestを活用してバリデーションを整理する
こんにちは、かつコーチです。前回はService・Repositoryパターンで、ControllerからDB操作や業務ロジックを追い出す方法を紹介しました。今回は、Controllerに残りがちなもう一つの塊「バリデーション」を整理する、...
Laravel 【Laravel】Service・Repositoryパターンを導入するメリットと実装例
こんにちは、かつコーチです。前回は「太らせないControllerの書き方」というテーマで、Controllerの責務を最小限に絞る考え方を扱いました。では、Controllerから追い出したロジックはどこに行くべきなのでしょうか。今回はそ...
Laravel 【Laravel】MVCを実践する：太らせないControllerの書き方
こんにちは、かつコーチです。前回はパフォーマンスチューニングの基本を解説しました。今回からは設計・アーキテクチャ編に入り、最初のテーマとして「Fat Controller（太ったコントローラ）」問題を扱います。Laravelは書きやすさゆえ...
Laravel 【Laravel】Laravelのパフォーマンスチューニング入門
こんにちは、かつコーチです。前回は外部APIとの連携方法を解説しました。今回は、実装したアプリケーションが「遅い」と感じ始めたときに見直すべき、Laravelのパフォーマンスチューニングの基本を扱います。やみくもにキャッシュを増やすのではな...
Laravel 【Laravel】外部APIとの連携方法（Http::get/postの使い方）
こんにちは、かつコーチです。前回はAPI Resourceで自社のAPIレスポンスを整形する方法を解説しました。今回はその逆で、天気情報や決済サービス、外部の認証基盤など、他社が提供するAPIをLaravelから呼び出す方法を扱います。La...
Laravel 【Laravel】LaravelでAPIを作る基本（API Resource）
こんにちは、かつコーチです。前回はLivewireの基本機能を解説しました。今回は少し話題を変えて、フロントエンドがVueやReact、あるいはスマホアプリになったときに欠かせない「API」の作り方を扱います。Eloquentモデルをそのま...
Laravel 【Laravel】Vue・Inertia・Laravelでの画像アップロード実装
こんにちは、かつコーチです。前回はBladeベースでのファイルアップロードの実装パターンを解説しました。今回はもう一歩進んで、Vue・Inertiaを使ったSPA（Single Page Application）構成での画像アップロードを扱...
Laravel 【Laravel】ファイルアップロードの実装パターン集
こんにちは、かつコーチです。前回はLaravelでよく出るエラーと解決法をまとめました。今回は、実務でほぼ必ず出てくる「ファイルアップロード」の実装パターンを、基本から一歩踏み込んだところまで解説します。プロフィール画像、PDFの添付、CS...
Laravel 【Laravel】Laravelでよく出るエラーと解決法まとめ
こんにちは、かつコーチです。ここまでルーティングやコントローラ、Eloquent、認証、キュー、スケジューラといった機能を順番に解説してきました。今回からは少し毛色を変えて、「実践Tips・エラー解決」編に入っていきます。初回は、Larav...
Laravel 【Laravel】Task Scheduling（スケジューラ）で定期処理を実装する
こんにちは、かつコーチです。前回はQueueを使って、時間のかかる処理を非同期化する方法を解説しました。今回は、その延長線上にある「定期処理」の実装方法です。「毎日深夜に古いデータを削除したい」「毎朝レポートをメールで送りたい」——こういっ...