devsakaso - プログラミングとWebデザインの独学サイト

プロンプトの基本プロンプトとは何か？

プロンプトは、AIに与える指示や命令文のことであり、AIモデルがその指示に基づいてタスクを遂行するための情報源です。例えば、文章生成の際に「新しいレシピを作成してください」という ...

Reactで簡単にタイピングアニメーションを実装できるreact-typicalの使い方を紹介します。
reactのバージョンが15か16しか対応していませんが、v17, v18以上で使う方法はあるので合わ ...

Reactでアコーディオンを作成する方法を紹介します。
Q&Aを例にアコーディオンを実装します。

Reactでアコーディオンを作成する方法import { AiOutlinePlus, Ai ...

ReactでSwiperを使う方法を紹介します。

ReactでSwiperを使う方法swiperをインストール

swiperをインストールします。

npm install swiper --save ...

Reactに限った話ではありませんが、ネイティブのJavaScriptのSetを使って配列の重複削除して、ユニークな値だけを取り出す方法を紹介します。
配列の中にオブジェクトがあり、そのカテゴリー名でフィル ...

ReactでReduxでクリックしたら複数のdispatchを実行する方法を紹介します。

ReactでReduxでクリックしたら複数のdispatchを実行する方法 <button type=" ...

Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法を紹介します。

Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法

以下のようなオブジェクトをもっ ...

Reactで独自で作成したSVGアイコンや無料のアイコンサービスなど使用する方法を紹介します。

ReactでSVGアイコンを使用する方法

他にも以下のように手軽に使えるやり方を紹介しています。
【 ...

ReactでReduxを使う方法を紹介します。

ReactでReduxを使う方法

公式の手順は以下にあります。

実際はReactを作成してからReduxをいれることが多いと思うので、

Reduxを理解するために、まずは仕組みを理解しましょう。

Reduxの仕組みを３分で理解する

引用:

上の図は、Reduxの公式サイトより引用しているものです。
上の図にで