JavaScript
【TypeScript基礎学習2】基本的な文法と型について理解する
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-Relat...
JavaScript 【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件
こんにちは、かつコーチです。 ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。 今回はそのときの対処方法について解説します。 対処方法 TypeScriptがNative...
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>タグを常にネストしな...
Laravel 【Laravel】環境構築で混乱しないための整理
こんにちは、かつコーチです。 Laravelで開発するとき、様々な動画や書籍がありますが、いろんな方法があって混乱しませんか？ Laravel開発を始める際の環境やワークフローについて、 いくつかの選択肢やツールを整理して解説します。 以下...
Laravel 【Laravel】Laravel PassportとLaravel Socialiteのどちらを選ぶべきか解説
こんにちは、かつコーチです。 LaravelでOAuth実装のとき、Laravel PassportとLaravel Socialiteがありますが、 学習し始めたときは、どちらを選ぶべきかわからなくなることがあります。 その備忘録として、...
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-Relat...
JavaScript 【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件
こんにちは、かつコーチです。 ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。 今回はそのときの対処方法について解説します。 対処方法 TypeScriptがNative...
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>タグを常にネストしな...
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とは？ La...
Laravel 【Laravel】LaravelのOAuthについて解説
こんにちは、かつコーチです。 普段、メールアドレスとパスワードを使って認証することが多いですが、 昨今ではGoogleアカウントやFacebook、Twitterなどのアカウントから認証する機会も増えてきました。 それには、OaAuthとい...
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...
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にアップグレードされた際には、 複数の新機能、改善点、さらにはメンテナン...
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とは？ La...
Laravel 【Laravel】LaravelのOAuthについて解説
こんにちは、かつコーチです。 普段、メールアドレスとパスワードを使って認証することが多いですが、 昨今ではGoogleアカウントやFacebook、Twitterなどのアカウントから認証する機会も増えてきました。 それには、OaAuthとい...
Laravel 【Laravel】キャッシュのクリア対策
こんにちは、かつコーチです。 Laravelで開発していると、変更した場所がすぐに反映されないことがありますね？ 今回はその対策について考えます。 キャッシュのクリアの全体像 Laravelやブラウザのキャッシュは、リソースの読み込み速度を...
Laravel 【Laravel】Laravel9の機能を解説
こんにちは、かつコーチです。 2022年2月にLarave9がリリースされました。 Laravel 8からLaravel 9へのアップデートでは、多くの新機能、改良、 そしてパフォーマンスの向上が導入されました。 Laravel 9は、LT...
Laravel 【Laravel】テストについて解説
こんにちは、かつコーチです。 Laravelで開発を進めると、最終的にテストをして、デプロイ(リリース)になります。 しかし、このテストについて解説されているものが少ないので、ここでまとめておきたいと思います。 テストとは？ プロジェクトを...
Laravel 【Laravel】Livewireとは？
こんにちは、かつコーチです。 Laravelを扱う上で、非同期処理にLivewireを使うことがあると思います。 今回は、このLivewireについて解説します。 Laravel Livewireは、フロントエンド開発向けの複雑なJavaS...
Laravel 【Laravel】複数のテーブルを1つのMigrationファイルにまとめる方法を解説
こんにちは、かつコーチです。 Laravelでは、通常Migrationするときに1つのテーブルに対して1つのMigrationです。 しかし、テーブルが増えてくると管理も大変になるので、同じようなものはまとめることができるのか、 それを実...
Laravel 【Laravel】SeederクラスのWithoutModelEventsは何をしているのか？
こんにちは、かつコーチです。 Seederって初期設定(デフォルト)でテーブルにデータを挿入するときに使いますよね。 そのときに、WithoutModelEventsという見慣れないものがあったので解説します。 WithoutModelEv...
Laravel 【Laravel】3つのcacheコマンドの違い
こんにちは、かつコーチです。 Laravelで開発をしていると、すぐに反映されないことがあります。 それを解決するのに、view:clearやroute:clearがありますが、その中でもcacheコマンドで悩みませんか？ cacheコマン...
Laravel 【Laravel】認証機能まとめ
こんにちは、かつコーチです。 LaravelにはLaravel6でLaravel UIが登場し、認証機能が追加されました。 Laravelの認証システムは非常に柔軟かつ使いやすく、 開発者が短期間で安全な認証機能をアプリケーションに導入でき...
Laravel 【Laravel】Laravel8の機能を解説
こんにちは、かつコーチです。 2020年9月にLaravel8がリリースされました。 少し時間が経っていますが、これまでのLaravel7と何が変わったのかをご紹介します。 モデルファクトリの改良 Laravel 8では、Eloquentモ...