JavaScript

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を使用したい...
JavaScript

【Vue】Piniaとは?

こんにちは、かつコーチです。Vuejsでの状態管理はVuexが主流でしたが、Vuejsがバージョン3になってから、Piniaが登場しました。今回は、そのPiniaについて解説します。Piniaとは?PiniaはVue.jsの状態管理ライブラ...
JavaScript

【JavaScript】npm、yarn、pnpm、bunの違いを詳しく解説

こんにちは、かつコーチです。JavaScriptのライブラリやパッケージを管理するには、何を使いますか?npm?yarn?最近では、pnpm、bunなどでしょうか?それらについてなんとなく使っていませんか?自分もそうかもしれないです。そこで...
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 { ...
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といったものも流行っていますね。そんな中、最も人...
JavaScript

【React】FormのTextareaをコンポーネント化する方法を解説

こんにちは、かつコーチです。Reactを扱っているとコンポーネントにすることがあると思います。今回はFormでよく扱われるTextareaについてコンポーネントにする方法を解説します。完成コード使い分けが必要かと思いますが、2種類作成しまし...
JavaScript

【React基礎学習2】ReactのComponentについて解説

こんにちは、かつコーチです。ReactはComponentベースで開発されています。Reactのコンポーネントは、UIを独立した再利用可能な部品(部品やパーツ)として構築する基本単位です。コンポーネントは、アプリケーションの特定の機能やUI...
JavaScript

【React基礎学習1】Reactとは?

こんにちは、かつコーチです。JavaScriptには多くのライブラリやフレームワークがあります。そんな中でも最も人気急上昇しているのがReact.jsです。React.js(単に React とも呼ばれます)は、Facebook(現在のMe...
JavaScript

【Laravel × Inertia.js】Inertia.jsを利用するときとは?

こんにちは、かつコーチです。前回はInertia.jsに基本について解説しましたが、実際にはどのようなときに使うのでしょうか?今回はInertia.jsを使うときについて解説します。Inertia.jsは、バックエンド(Laravelなど)...
JavaScript

【Laravel × Inertiajs】Inertia.jsについて解説

こんにちは、かつコーチです。Laravelで開発するときに、VueやReactを使うとき、Inertia.jsを利用することがあります。今回は、そのInertia.jsとは何かについて解説します。Inertia.jsとは?Inertia.j...