未分類 【jQuery】jquery.cookie.jsのエラー対応
フロントエンドで、Cookieを取り入れる際、jQeuryのライブラリであるjquery.cookieを使うことが多かったのだが、jQuery自体が古いので通常のJavaScriptを書いた際に、エラーになることがあります。対応方法現在は、...
katsu-coach1215
未分類 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】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...
JavaScript 【TypeScript基礎学習5】関数の型について理解する
こんにちは、かつコーチです。TypeScriptでは、関数の型定義は非常に重要で、関数の引数や戻り値に対して正確な型注釈を行うことで、型安全性を保ちながらコードを書くことができます。ここでは、TypeScriptにおける関数の型に関連する詳...
JavaScript 【TypeScript基礎学習4】関数の作り方について理解する
こんにちは、かつコーチです。プログラミングにおいて関数はとても重要な項目です。TypeScriptでは、関数の作成方法や型定義について強力な機能が提供されており、型安全なコードを書くことができます。ここでは、関数の基本的な作成方法から、関数...
JavaScript 【TypeScript基礎学習3】オブジェクト指向について理解する
こんにちは、かつコーチです。今回は、プログラミング界隈でよく言われるオブジェクト指向についてです。TypeScriptでもオブジェクト指向の考え方があり、習得する上では重要になってきます。TypeScriptでは、オブジェクト指向プログラミ...
JavaScript 【TypeScript基礎学習2】基本的な文法と型について理解する
こんにちは、かつコーチです。今回は、TypeScriptにおける基本的な文法と型について解説します。JavaScriptの変化版なので、ほとんど同じですが、おさらいしてみようと思います。TypeScriptの基本的な文法と型については以下の...
JavaScript 【TypeScript基礎学習1】TypeScriptとは？
こんにちは、かつコーチです。今日はTypeScriptについて解説します。最近、JavaScriptからVue.jsやReact.js、そのフレームワークとして、Nuxt.jsやNext.jsといったものも流行っていますね。そんな中、最も人...
CSS 【CSS】 CSSファイルのサイズが肥大化することについて解説
こんにちは、かつコーチです。オリジナルのCSSやSassでユーティリティクラスを大量に用意すると、使わないCSSが生成されてしまい、最終的にCSSファイルのサイズが肥大化することがあります。しかし、その影響がどれほど問題になるかは、プロジェ...
お知らせ 【お知らせ】ブログを見直しています。
ただいま、当ブログは、記事の全体的な見直しを行っています。そのため、過去のほとんどの記事を非公開にしています。１ヶ月ほどかかると思いますが、ご理解のほどよろしくお願いいたします。まとめ終わりましたら、随時公開します。ついでに、営業しときます...
Docker 【Docker基礎学習1】Dockerとは？
こんにちは、かつコーチです。PHPやLaravelで開発をしていると、Dockerというものを触るようになってきました。初めて知ったときは、「Dockerってなんのことだ？」って感じでしたが、要は、環境によらず構築できるものってところでしょ...
Laravel 【Laravel】テストについて解説
こんにちは、かつコーチです。Laravelで開発を進めると、最終的にテストをして、デプロイ(リリース)になります。しかし、このテストについて解説されているものが少ないので、ここでまとめておきたいと思います。テストとは？プロジェクトをリリース...
Laravel 【Laravel】Livewireとは？
こんにちは、かつコーチです。Laravelを扱う上で、非同期処理にLivewireを使うことがあると思います。今回は、このLivewireについて解説します。Laravel Livewireは、フロントエンド開発向けの複雑なJavaScri...
Laravel 【Laravel】複数のテーブルを1つのMigrationファイルにまとめる方法を解説
こんにちは、かつコーチです。Laravelでは、通常Migrationするときに1つのテーブルに対して1つのMigrationです。しかし、テーブルが増えてくると管理も大変になるので、同じようなものはまとめることができるのか、それを実現する...