フロントエンド言語JavaScriptに関するリファレンス
JavaScript 【React Native】NativeWindを導入したときに、TypeScriptが警告を出す件
こんにちは、かつコーチです。 ReactNativeでNativeWindを利用しようとしたとき、TypeScriptが警告を出すことがありますね。 今回はそのときの対処方法について解説します。 対処方法 TypeScriptがNative...
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 【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を独立した再利用可能な部品（部品やパーツ）として 構築する基本単位です。 コンポーネントは、アプリケーションの特定の機...
JavaScript 【React基礎学習1】Reactとは？
こんにちは、かつコーチです。 JavaScriptには多くのライブラリやフレームワークがあります。 そんな中でも最も人気急上昇しているのがReact.jsです。 React.js（単に React とも呼ばれます）は、Facebook（現在...
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とは？ Inert...