katsu-coach1215

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がありますが、 学習し始めたときは、どちらを選ぶべきかわからなくなることがあります。 その備忘録として、...