contact

blog-MainImage

Kabe-Log

search

Information

現在、技術系の情報発信は、以下で行なっています。

URL: 北川慶太 | DevelopersIO

2022.03/09

ライブラリを使用して、Error Boundaryを実装。react-error-boundary

frontend,

React.js,

Library,

TypeScript

今回はError-boundaryを実装できるライブラリの、react-error-boundaryを使用していきます。エラーが発生する可能性のあるコンポーネントをラッピングし、フォールバック用のコンポーネントを渡すことで、簡単に実装することができます。

2022.03/04

React Hook Formを使ったフォームのコンポーネント化。 forwardRef「このrefをお前に預ける。俺の大切なrefだ…」

frontend,

React.js,

Library,

TypeScript

今回は、React Hook Formを使用したフォームをコンポーネント化する方法について書きます。React Hook FormではuseFormに参照したいrefを保持させることで、フォームの値を管理します。 そのため、コンポーネントにrefを受け渡さないと、registerが子コンポーネント内のどの要素を参照していいか（refを認識していいか）分からず動作しません。

2022.02/07

2022年は、フルスタックエンジニアに(エンジニア生活：1月）

diary,

React.js

2022年も気づけば1ヶ月が経ちました。現在は転職活動中です。3月中には次の会社を決めれらたらなと思っています。 採用担当者様の話を聞いて、フロントを触りながら、せっかくインフラ経験もあるので、バックエンドも学ばないともったいないなと感じました。今年はバックエンドの学習も併用していこうと思います。経験のあるpythonをより極めるにしても他の言語を学ぶにしても、今年で中規模のバックエンド開発に入れるくらいの力をつけます。

2022.02/03

React状態管理ライブラリ　valtioとRecoilでコード比較

frontend,

React.js,

Library

最近、状態管理ライブラリではvaltioを使ってるのですが、久しぶりにRecoilも触ってみたいと思いコード比較してみました。Valtio、Recoilはどちらもreactの状態管理ライブラリになります。状態をオブジェクトごとに分割して(一つ一つをAtomという)管理できるのが特徴です。

2022.01/04

エンジニア転職した一年の振り返り

diary,

AWS,

React.js

エンジニアに転職した2021年で、勉強した内容や任された業務を振り返りました。インフラ構築や、Reactを採用した開発などを経験し、非常に濃い一年になったと思います。AWSの資格は、結局ソリューションアーキテクトしか取得できてませんが、今年こそSAPに挑戦します。

2021.12/20

valtioを使用し、Reactの外で状態管理を行う

frontend,

React.js,

Library,

TypeScript

Poimandresが開発している状態管理ライブラリの一つ。特徴として、valtioはReactの外で状態を保持します。そのため、コンポーネントの外に、コードを記述できます。また、イミュータブルな関数を使用できる点も特徴です。

2021.11/12

サイトに立体感を持たせ、奥行きを演出。react-springでParallaxの実装

React.js,

Library,

frontend

react-splingは、パララックスも実装できるReactのアニメーションライブラリです。公式サイトでは、ドキュメントページ内にそれぞれのhooksで実装した、おしゃれなアニメーションのデモが見れます。 codesandboxのURLも載っており、コードをいじることもできます。個人的にですが、ドキュメントが読みにくいので、コードを触って確かめた方が理解できると思います。

2021.10/28

ダークモードで使える。React-chatjs-2のテキストの色を変える方法

frontend,

React.js,

Library

React-chatjs-2でグラフを表示させたのですが、テキストの色を変えるのに苦戦したので記録を残しておきます。Chart.jsとは、JavaScript でグラフ(チャート)を描画するためのライブラリです。Canvasを使用しています。 React-chartjs-2はchart.jsをreactのプロジェクトで使いやすくしたものです。

category

React.js
Next.js
TypeScript
Tailwind.css
GraphQL
Vercel
firebase
Supabase
AWS

profile

profile

北川 慶太

engineer

recommended

AWS資格 SAPとSOAを取得したので、対策や受験時の感想について
2022-05-23AWS資格 SAPとSOAを取得したので、対策や受験時の感想について
実務経験一年の転職活動(エンジニア生活：2月)
2022-03-15実務経験一年の転職活動(エンジニア生活：2月)
2022年は、フルスタックエンジニアに(エンジニア生活：1月）
2022-02-072022年は、フルスタックエンジニアに(エンジニア生活：1月）
「AWSエンジニア入門講座――学習ロードマップで体系的に学ぶ」を読んだ感想
2022-01-29「AWSエンジニア入門講座――学習ロードマップで体系的に学ぶ」を読んだ感想
エンジニア転職した一年の振り返り
2022-01-04エンジニア転職した一年の振り返り
Remixと朝活(エンジニア生活：11月)
2021-12-02Remixと朝活(エンジニア生活：11月)

・・・

contact