Vue.jsでシンプルなカレンダーコンポーネント作ってみた

Posted: 2021.06.27 / Category: javascript / Tag: Vue

Vueのリハビリをかねて簡単なカレンダーコンポーネントを作ってみました。

READ MORE

jQueryで入力フォームの可変項目を増減する度にname属性を採番する

Posted: 2020.09.22 / Category: javascript / Tag: jQuery

タイトルちょっと何言ってるかわかりませんが、フォームの入力項目をjQueryで増減させたりすることがあるかと思うのですが、その際name属性に指定されている配列のindexを採番し直す方法をご紹介します。

READ MORE

Reactの標準機能（useContext/useReducer）でステート管理[TypeScript版]

Posted: 2020.09.13 / Category: javascript / Tag: React, TypeScript

React HooksのuseContext/useReducerを使用して、ステート管理する方法をご紹介します。

READ MORE

既存のサイトにモダンな感じで React.js + TypeScript を導入する

Posted: 2020.08.26 / Category: javascript / Tag: React, TypeScript

とりあえずReactをはじめるたい時はCreateReactAppとか使うと簡単に始められるのですが、基本SPA用なので、すでにあるサイトに導入とかバックエンドフレームワークに導入とか難しかったりします。
そこでWebpackを使用して既存のサイトにReactを導入する方法をご紹介します。

READ MORE

React Hook Form で超簡単にバリデーションする方法

Posted: 2020.02.05 / Category: javascript / Tag: React

React.jsのフォーム入力のチェック（バリデーション）は自前で実装するのもそれほど難しくないかもしれませんが、React Hook Form というライブラリを使うと簡単に設定できますのでご紹介します。

READ MORE

Redux Toolkit で React.js の状態管理をもっと簡単にする方法[TypeScript版]

Posted: 2020.01.27 / Category: javascript / Tag: React, TypeScript

React.jsの状態管理ライブラリはReduxが有名ですが、結構複雑だったりステートを一つ更新するだけでもタイプ量が多くなってしまうというデメリットもあります。
そこでこの記事ではRedux Toolkitというライブラリを使用して、もう少し簡単に状態管理する方法をご紹介します。

READ MORE

React.js + TypeScript でTodoアプリを作ってみる

Posted: 2020.01.15 / Category: javascript / Tag: React, TypeScript

TypeScriptもReactもちょっとわかってきた！　と思って最初に作るのはやっぱりTodoアプリですよね（？）。
ということで React.js + TypeScript でTodoアプリつくってみます。

READ MORE