Laravel
【Laravel基礎学習2】MVCとはなにかについて解説
プログラミング システム開発における工程
こんにちは、かつコーチです。プログラミングを学習して、様々なものが作れるようになってきたとはいえ、実際実務となるとどのような過程で制作されるのかがはっきりしないところがあります。今回はシステム開発における工程を解説します。1. 要件定義目的...
Laravel 【Laravel】Livewire3.0の機能を解説
こんにちは、かつコーチです。2023年8月にLivewire3.0がリリースされました。Livewire 3.0は、以前のバージョンから大きな進化を遂げ、多くの新機能と改善点が導入されました。このバージョンは、パフォーマンスの向上や開発者の...
Laravel 【Laravel】Laravel11の機能を解説
こんにちは、かつコーチです。2024年2月にLarave11がリリースされました。今回はそのLaravel11の機能について解説します。Laravel 11 は、これまでのバージョンから大きな進化を遂げています。特に、ファイル数の削減や、コ...
Laravel 【Laravel】バージョン指定してインストールする方法
こんにちは、かつコーチです。Laravelを導入するとき、バージョンを指定してインストールしたいときがあります。コマンドを忘れがちなので備忘録として、それぞれ記しておきます。Laravelの最新バージョンのときはこちら。(2024年5月現在...
Clerk 【Clerk】Middlewareの名前変更
こんにちは、かつコーチです。フロントエンド開発で、認証機能を使いたいときにClerkを使っている方も多いと思いますが、先日大きな変更がありました。認証機能を実装したいときに、Middlewareを実装していて、バージョンが変わったので、最新...
Prisma 【Prisma】Prismaとは？
こんにちは、かつコーチです。Next.jsを使っていて、Prismaを使う機会が出て来たので、今回はPrismaについて解説します。Prismaは、TypeScriptとJavaScript向けの次世代ORM（Object-Relation...
JavaScript 【Laravel】Vuejs、Inertia、Laravelでの画像アップロードの方法
こんにちは、かつコーチです。今回は、Vuejs、Inertia、Laravelを使って開発しているときの、画像アップロードの方法について解説します。Laravelで開発しているときに、結構ハマったところなので、備忘録として書いておきます。方...
JavaScript 【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件
こんにちは、かつコーチです。ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。今回はそのときの対処方法について解説します。対処方法TypeScriptがNativeWind...
React 【Next.js】バージョン指定して使いたいとき
こんにちは、かつコーチです。Next.jsをインストールすると最新のものが入るけど、まだ対応できない。または、バージョンを指定して使いたいときがありますね。なかなか情報が少ないので、こちらに記しておきます。例えば、バージョン13を使用したい...
Laravel 【Laravel】LengthAwarePaginatorについて解説
こんにちは、かつコーチです。LaravelでPaginationするときは、通常paginateを利用します。しかし、その他にも特殊なものがあります。集計したものを一覧で表示するときのpaginateは通常のもので動作するのか。。。そんなと...
Laravel 【Laravel】Request Durationの許容範囲について解説
こんにちは、かつコーチです。Laravelで開発していると、データの取り出しが多くなったり、複雑になるとパフォーマンスに影響してくることがあります。表示が遅いなーと思うことも出てきますが、具体的にどのくらいの速さ以内なら良いのかを調べてみま...
Laravel 【Laravel】Laravelでファイルを扱う際のパターン集
こんにちは、かつコーチです。Laravelにおけるファイルアップロードは、フロントエンドとバックエンドの組み合わせによって異なる実装パターンがあります。それぞれのフレームワークやライブラリでの実装方法と、それぞれの特徴・注意点について解説し...
Laravel 【Laravel】Laravel10の機能を解説
こんにちは、かつコーチです。2023年2月にLarave10がリリースされました。その新機能と変更点について解説します。Laravel 9からLaravel 10にアップグレードされた際には、複数の新機能、改善点、さらにはメンテナンスのしや...
GraphQL 【GraphQL】GraphQLとは？
こんにちは、かつコーチです。今回は、昨今流行っているGraphQLについて解説します。これまでのSQLと何が違うのかも含めて解説します。GraphQLは、Facebookが開発したAPIクエリ言語です。REST APIの代替として広く採用さ...
JavaScript 【Vue】Piniaとは？
こんにちは、かつコーチです。Vuejsでの状態管理はVuexが主流でしたが、Vuejsがバージョン3になってから、Piniaが登場しました。今回は、そのPiniaについて解説します。Piniaとは？PiniaはVue.jsの状態管理ライブラ...
JavaScript 【JavaScript】npm、yarn、pnpm、bunの違いを詳しく解説
こんにちは、かつコーチです。JavaScriptのライブラリやパッケージを管理するには、何を使いますか？npm？yarn？最近では、pnpm、bunなどでしょうか？それらについてなんとなく使っていませんか？自分もそうかもしれないです。そこで...
CSS 【CSS】2023年現在のCSS新機能をまとめて解説
こんにちは、かつコーチです。CSSでは、近年多くの新しい機能や指定方法が導入され、より柔軟で効率的なレイアウトやスタイリングが可能になっています。clamp()やaspect-ratioもその一例ですが、それ以外にも、最近追加されたり、注目...
SmartSprouts 【SmartSprouts】新ブランド立ち上げ
こんにちは、かつコーチです。2019年からプログラミングを学んで、3年目に起業して、2022年5月に「かつコード」という名前で活動していました。昨年まではWeb制作(ホームページ)を中心に行い、小規模のシステム開発も行ってきました。しかし、...
未分類 【jQuery】jquery.cookie.jsのエラー対応
フロントエンドで、Cookieを取り入れる際、jQeuryのライブラリであるjquery.cookieを使うことが多かったのだが、jQuery自体が古いので通常のJavaScriptを書いた際に、エラーになることがあります。対応方法現在は、...
React 【Next.js】Next.js 13 から next/link の Linkコンポーネント が 常に aタグをレンダリングするようになった。
こんにちは、かつコーチです。Next.js12までは、<a>タグを常にネストしなければいけませんでした。import Link from 'next/link'// Next.js 12までは<a>タグを常にネストしないとい...
プログラミング システム開発における工程
こんにちは、かつコーチです。プログラミングを学習して、様々なものが作れるようになってきたとはいえ、実際実務となるとどのような過程で制作されるのかがはっきりしないところがあります。今回はシステム開発における工程を解説します。1. 要件定義目的...
Laravel 【Laravel】Livewire3.0の機能を解説
こんにちは、かつコーチです。2023年8月にLivewire3.0がリリースされました。Livewire 3.0は、以前のバージョンから大きな進化を遂げ、多くの新機能と改善点が導入されました。このバージョンは、パフォーマンスの向上や開発者の...
Laravel 【Laravel】Laravel11の機能を解説
こんにちは、かつコーチです。2024年2月にLarave11がリリースされました。今回はそのLaravel11の機能について解説します。Laravel 11 は、これまでのバージョンから大きな進化を遂げています。特に、ファイル数の削減や、コ...
Laravel 【Laravel】バージョン指定してインストールする方法
こんにちは、かつコーチです。Laravelを導入するとき、バージョンを指定してインストールしたいときがあります。コマンドを忘れがちなので備忘録として、それぞれ記しておきます。Laravelの最新バージョンのときはこちら。(2024年5月現在...
Clerk 【Clerk】Middlewareの名前変更
こんにちは、かつコーチです。フロントエンド開発で、認証機能を使いたいときにClerkを使っている方も多いと思いますが、先日大きな変更がありました。認証機能を実装したいときに、Middlewareを実装していて、バージョンが変わったので、最新...
Prisma 【Prisma】Prismaとは？
こんにちは、かつコーチです。Next.jsを使っていて、Prismaを使う機会が出て来たので、今回はPrismaについて解説します。Prismaは、TypeScriptとJavaScript向けの次世代ORM（Object-Relation...
JavaScript 【Laravel】Vuejs、Inertia、Laravelでの画像アップロードの方法
こんにちは、かつコーチです。今回は、Vuejs、Inertia、Laravelを使って開発しているときの、画像アップロードの方法について解説します。Laravelで開発しているときに、結構ハマったところなので、備忘録として書いておきます。方...
JavaScript 【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件
こんにちは、かつコーチです。ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。今回はそのときの対処方法について解説します。対処方法TypeScriptがNativeWind...
React 【Next.js】バージョン指定して使いたいとき
こんにちは、かつコーチです。Next.jsをインストールすると最新のものが入るけど、まだ対応できない。または、バージョンを指定して使いたいときがありますね。なかなか情報が少ないので、こちらに記しておきます。例えば、バージョン13を使用したい...
Laravel 【Laravel】LengthAwarePaginatorについて解説
こんにちは、かつコーチです。LaravelでPaginationするときは、通常paginateを利用します。しかし、その他にも特殊なものがあります。集計したものを一覧で表示するときのpaginateは通常のもので動作するのか。。。そんなと...
Laravel 【Laravel】Request Durationの許容範囲について解説
こんにちは、かつコーチです。Laravelで開発していると、データの取り出しが多くなったり、複雑になるとパフォーマンスに影響してくることがあります。表示が遅いなーと思うことも出てきますが、具体的にどのくらいの速さ以内なら良いのかを調べてみま...
Laravel 【Laravel】Laravelでファイルを扱う際のパターン集
こんにちは、かつコーチです。Laravelにおけるファイルアップロードは、フロントエンドとバックエンドの組み合わせによって異なる実装パターンがあります。それぞれのフレームワークやライブラリでの実装方法と、それぞれの特徴・注意点について解説し...
Laravel 【Laravel】Laravel10の機能を解説
こんにちは、かつコーチです。2023年2月にLarave10がリリースされました。その新機能と変更点について解説します。Laravel 9からLaravel 10にアップグレードされた際には、複数の新機能、改善点、さらにはメンテナンスのしや...
GraphQL 【GraphQL】GraphQLとは？
こんにちは、かつコーチです。今回は、昨今流行っているGraphQLについて解説します。これまでのSQLと何が違うのかも含めて解説します。GraphQLは、Facebookが開発したAPIクエリ言語です。REST APIの代替として広く採用さ...
JavaScript 【Vue】Piniaとは？
こんにちは、かつコーチです。Vuejsでの状態管理はVuexが主流でしたが、Vuejsがバージョン3になってから、Piniaが登場しました。今回は、そのPiniaについて解説します。Piniaとは？PiniaはVue.jsの状態管理ライブラ...
JavaScript 【JavaScript】npm、yarn、pnpm、bunの違いを詳しく解説
こんにちは、かつコーチです。JavaScriptのライブラリやパッケージを管理するには、何を使いますか？npm？yarn？最近では、pnpm、bunなどでしょうか？それらについてなんとなく使っていませんか？自分もそうかもしれないです。そこで...
CSS 【CSS】2023年現在のCSS新機能をまとめて解説
こんにちは、かつコーチです。CSSでは、近年多くの新しい機能や指定方法が導入され、より柔軟で効率的なレイアウトやスタイリングが可能になっています。clamp()やaspect-ratioもその一例ですが、それ以外にも、最近追加されたり、注目...
React 【Next.js】Next.js 13 から next/link の Linkコンポーネント が 常に aタグをレンダリングするようになった。
こんにちは、かつコーチです。Next.js12までは、<a>タグを常にネストしなければいけませんでした。import Link from 'next/link'// Next.js 12までは<a>タグを常にネストしないとい...
JavaScript 【Laravel】Vue + Inertiaで画像アップロードする方法
こんにちは、かつコーチです。今回は、LaravelのVuejs + Inertiaを使った画像のアップロード方法についてです。コード全体Index.vueで一覧画面と登録画面を一緒にしています。<script setup>import { ...
Laravel 【Laravel】環境構築で混乱しないための整理
こんにちは、かつコーチです。Laravelで開発するとき、様々な動画や書籍がありますが、いろんな方法があって混乱しませんか？Laravel開発を始める際の環境やワークフローについて、いくつかの選択肢やツールを整理して解説します。以下、代表的...
Laravel 【Laravel】Livewire3.0の機能を解説
こんにちは、かつコーチです。2023年8月にLivewire3.0がリリースされました。Livewire 3.0は、以前のバージョンから大きな進化を遂げ、多くの新機能と改善点が導入されました。このバージョンは、パフォーマンスの向上や開発者の...
Laravel 【Laravel】Laravel11の機能を解説
こんにちは、かつコーチです。2024年2月にLarave11がリリースされました。今回はそのLaravel11の機能について解説します。Laravel 11 は、これまでのバージョンから大きな進化を遂げています。特に、ファイル数の削減や、コ...
Laravel 【Laravel】バージョン指定してインストールする方法
こんにちは、かつコーチです。Laravelを導入するとき、バージョンを指定してインストールしたいときがあります。コマンドを忘れがちなので備忘録として、それぞれ記しておきます。Laravelの最新バージョンのときはこちら。(2024年5月現在...
JavaScript 【Laravel】Vuejs、Inertia、Laravelでの画像アップロードの方法
こんにちは、かつコーチです。今回は、Vuejs、Inertia、Laravelを使って開発しているときの、画像アップロードの方法について解説します。Laravelで開発しているときに、結構ハマったところなので、備忘録として書いておきます。方...
Laravel 【Laravel】LengthAwarePaginatorについて解説
こんにちは、かつコーチです。LaravelでPaginationするときは、通常paginateを利用します。しかし、その他にも特殊なものがあります。集計したものを一覧で表示するときのpaginateは通常のもので動作するのか。。。そんなと...
Laravel 【Laravel】Request Durationの許容範囲について解説
こんにちは、かつコーチです。Laravelで開発していると、データの取り出しが多くなったり、複雑になるとパフォーマンスに影響してくることがあります。表示が遅いなーと思うことも出てきますが、具体的にどのくらいの速さ以内なら良いのかを調べてみま...
Laravel 【Laravel】Laravelでファイルを扱う際のパターン集
こんにちは、かつコーチです。Laravelにおけるファイルアップロードは、フロントエンドとバックエンドの組み合わせによって異なる実装パターンがあります。それぞれのフレームワークやライブラリでの実装方法と、それぞれの特徴・注意点について解説し...
Laravel 【Laravel】Laravel10の機能を解説
こんにちは、かつコーチです。2023年2月にLarave10がリリースされました。その新機能と変更点について解説します。Laravel 9からLaravel 10にアップグレードされた際には、複数の新機能、改善点、さらにはメンテナンスのしや...
JavaScript 【Laravel】Vue + Inertiaで画像アップロードする方法
こんにちは、かつコーチです。今回は、LaravelのVuejs + Inertiaを使った画像のアップロード方法についてです。コード全体Index.vueで一覧画面と登録画面を一緒にしています。<script setup>import { ...
Laravel 【Laravel】環境構築で混乱しないための整理
こんにちは、かつコーチです。Laravelで開発するとき、様々な動画や書籍がありますが、いろんな方法があって混乱しませんか？Laravel開発を始める際の環境やワークフローについて、いくつかの選択肢やツールを整理して解説します。以下、代表的...
Laravel 【Laravel】Laravel PassportとLaravel Socialiteのどちらを選ぶべきか解説
こんにちは、かつコーチです。LaravelでOAuth実装のとき、Laravel PassportとLaravel Socialiteがありますが、学習し始めたときは、どちらを選ぶべきかわからなくなることがあります。その備忘録として、今回は...
Laravel 【Laravel】Laravel MixとViteの違いを解説
こんにちは、かつコーチです。2022年6月28日にこれまで使われていたLaravel Mixに変わって、Viteが採用されたようです。そこで、Laravel MixとViteの違いについて解説します。Laravel Mixとは？Larave...
Laravel 【Laravel】LaravelのOAuthについて解説
こんにちは、かつコーチです。普段、メールアドレスとパスワードを使って認証することが多いですが、昨今ではGoogleアカウントやFacebook、Twitterなどのアカウントから認証する機会も増えてきました。それには、OaAuthという機能...
Laravel 【Laravel】キャッシュのクリア対策
こんにちは、かつコーチです。Laravelで開発していると、変更した場所がすぐに反映されないことがありますね？今回はその対策について考えます。キャッシュのクリアの全体像Laravelやブラウザのキャッシュは、リソースの読み込み速度を向上させ...
Laravel 【Laravel】Laravel9の機能を解説
こんにちは、かつコーチです。2022年2月にLarave9がリリースされました。Laravel 8からLaravel 9へのアップデートでは、多くの新機能、改良、そしてパフォーマンスの向上が導入されました。Laravel 9は、LTS（Lo...
Laravel 【Laravel】テストについて解説
こんにちは、かつコーチです。Laravelで開発を進めると、最終的にテストをして、デプロイ(リリース)になります。しかし、このテストについて解説されているものが少ないので、ここでまとめておきたいと思います。テストとは？プロジェクトをリリース...
Laravel 【Laravel】Livewireとは？
こんにちは、かつコーチです。Laravelを扱う上で、非同期処理にLivewireを使うことがあると思います。今回は、このLivewireについて解説します。Laravel Livewireは、フロントエンド開発向けの複雑なJavaScri...
Laravel 【Laravel】複数のテーブルを1つのMigrationファイルにまとめる方法を解説
こんにちは、かつコーチです。Laravelでは、通常Migrationするときに1つのテーブルに対して1つのMigrationです。しかし、テーブルが増えてくると管理も大変になるので、同じようなものはまとめることができるのか、それを実現する...
Laravel 【Laravel】SeederクラスのWithoutModelEventsは何をしているのか？
こんにちは、かつコーチです。Seederって初期設定(デフォルト)でテーブルにデータを挿入するときに使いますよね。そのときに、WithoutModelEventsという見慣れないものがあったので解説します。WithoutModelEvent...
Laravel 【Laravel】3つのcacheコマンドの違い
こんにちは、かつコーチです。Laravelで開発をしていると、すぐに反映されないことがあります。それを解決するのに、view:clearやroute:clearがありますが、その中でもcacheコマンドで悩みませんか？cacheコマンドって...