![北川慶太](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=384&q=75)
北川慶太
北川慶太が執筆した記事
![Node.jsで、Function callingを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2023/04/eyecatch_openai_1200x630.png)
Node.jsで、Function callingを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![OpenAIを利用して、文字起こし、テキストの要約、画像生成を試してみた](https://devio2023-media.developers.io/wp-content/uploads/2023/04/eyecatch_openai_1200x630.png)
OpenAIを利用して、文字起こし、テキストの要約、画像生成を試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Next.jsでOpenAIを利用し、渡した単語のイメージカラーを提案してもらう](https://devio2023-media.developers.io/wp-content/uploads/2023/04/eyecatch_openai_1200x630.png)
Next.jsでOpenAIを利用し、渡した単語のイメージカラーを提案してもらう
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactでTanstack Tableを使ったテーブル実装を試してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
ReactでTanstack Tableを使ったテーブル実装を試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Next.js v13をSupabaseのデータフェッチと一緒に理解する](https://devio2023-media.developers.io/wp-content/uploads/2021/12/eyecatch_NextJS_1200x630.png)
Next.js v13をSupabaseのデータフェッチと一緒に理解する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![認証機能ライブラリ Auth.jsのOAuth認証をNext.jsで試す](https://devio2023-media.developers.io/wp-content/uploads/2023/01/Auth.png)
認証機能ライブラリ Auth.jsのOAuth認証をNext.jsで試す
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React状態管理ライブラリ Zustandのミドルウェアを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/07/4e56933035f680e639c15a47e58cf100.jpg)
React状態管理ライブラリ Zustandのミドルウェアを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Redux DevToolsを使って、状態変化のプロセスを可視化する](https://devio2023-media.developers.io/wp-content/uploads/2021/06/unnamed-file-1.png)
Redux DevToolsを使って、状態変化のプロセスを可視化する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React Hooks ライブラリ SWR 2.0で追加されたuseSWRMutationを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2021/12/eyecatch_NextJS_1200x630.png)
React Hooks ライブラリ SWR 2.0で追加されたuseSWRMutationを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ページの編集確認に役立つ機能の詰め合わせ 拡張機能のSuperDevを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2019/07/google-chrome-eyecatch.jpg)
ページの編集確認に役立つ機能の詰め合わせ 拡張機能のSuperDevを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React UIライブラリMantineの最近追加された機能を触ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/mantine.jpg)
React UIライブラリMantineの最近追加された機能を触ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React-selectで複数選択や、選択値にアイコンを指定する](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
React-selectで複数選択や、選択値にアイコンを指定する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![jsでシリアル値を日付に変換する方法と、注意点](https://devio2023-media.developers.io/wp-content/uploads/2019/10/microsoft-excel-1200x630.jpg)
jsでシリアル値を日付に変換する方法と、注意点
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Chakra UIでブランドカラーを適用させる方法について調べてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/08/eyecatch_chakra-ui_1200x630.png)
Chakra UIでブランドカラーを適用させる方法について調べてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React-Hook-Form APIを使って、ボタンによるフォーム値の操作を行ってみた](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
React-Hook-Form APIを使って、ボタンによるフォーム値の操作を行ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactUIライブラリ Mantineのバージョンアップによる最近の変更点や追加機能をまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/mantine.jpg)
ReactUIライブラリ Mantineのバージョンアップによる最近の変更点や追加機能をまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Supabaseのauth helperによってNext.jsプロジェクトの認証周りを楽にする](https://devio2023-media.developers.io/wp-content/uploads/2022/04/supabase-1.png)
Supabaseのauth helperによってNext.jsプロジェクトの認証周りを楽にする
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React状態管理ライブラリ Zustandを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/07/4e56933035f680e639c15a47e58cf100.jpg)
React状態管理ライブラリ Zustandを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Next.jsでAmplifyのヘッドレス機能を試してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/05/aws-amplify.png)
Next.jsでAmplifyのヘッドレス機能を試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![新しいヘッドレスCMS NewtのAppテンプレートを使用して、プロジェクトを作成する](https://devio2023-media.developers.io/wp-content/uploads/2022/06/Newt.png)
新しいヘッドレスCMS NewtのAppテンプレートを使用して、プロジェクトを作成する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![AmplifyのAuthメソッドをオーバーライドし、認証前後で処理を追加する](https://devio2023-media.developers.io/wp-content/uploads/2019/05/aws-amplify.png)
AmplifyのAuthメソッドをオーバーライドし、認証前後で処理を追加する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![SupabaseのCLIでローカル環境を構築する(Local Development)](https://devio2023-media.developers.io/wp-content/uploads/2022/04/supabase-1.png)
SupabaseのCLIでローカル環境を構築する(Local Development)
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Next.jsの新しいルーティングシステムとNested Layoutsの実装について調べてみた](https://devio2023-media.developers.io/wp-content/uploads/2021/12/eyecatch_NextJS_1200x630.png)
Next.jsの新しいルーティングシステムとNested Layoutsの実装について調べてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React UIライブラリ Mantineの使いやすいhooksをまとめてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/mantine.jpg)
React UIライブラリ Mantineの使いやすいhooksをまとめてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactでGraphCMSのリッチテキストを表示する方法](https://devio2023-media.developers.io/wp-content/uploads/2022/06/graphCMS.png)
ReactでGraphCMSのリッチテキストを表示する方法
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![tailwind.css v3.1で追加された機能まとめ](https://devio2023-media.developers.io/wp-content/uploads/2022/02/tailwindcss-eyecatch.png)
tailwind.css v3.1で追加された機能まとめ
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactのUIライブラリ RadixUIを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/06/Radix.png)
ReactのUIライブラリ RadixUIを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Cognitoで電話番号・メールアドレス変更時、前の値を保持できるようになりました](https://devio2023-media.developers.io/wp-content/uploads/2019/05/amazon-cognito.png)
Cognitoで電話番号・メールアドレス変更時、前の値を保持できるようになりました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![新しいヘッドレスCMS Newtを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/06/Newt.png)
新しいヘッドレスCMS Newtを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![GraphCMSでカスタムMutationAPIを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/12/graphql-1200x630.png)
GraphCMSでカスタムMutationAPIを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React Chartライブラリを比較してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
React Chartライブラリを比較してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Reactアニメーションライブラリ Framer MotionのHooksを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2021/02/framer-motion.jpg)
Reactアニメーションライブラリ Framer MotionのHooksを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![tailwindcssの公式プラグイン4つをそれぞれ使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/02/tailwindcss-eyecatch.png)
tailwindcssの公式プラグイン4つをそれぞれ使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![GraphCMSのリッチテキストで、リンク埋め込みが可能になりました](https://devio2023-media.developers.io/wp-content/uploads/2019/12/graphql-1200x630.png)
GraphCMSのリッチテキストで、リンク埋め込みが可能になりました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Reactでファネルチャートを実装できるライブラリを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
Reactでファネルチャートを実装できるライブラリを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![valtioで状態管理しながら、React Suspenseについて理解を深める](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
valtioで状態管理しながら、React Suspenseについて理解を深める
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![SupabaseのTriggers機能を使用しユーザー情報をデータベースに自動登録させる](https://devio2023-media.developers.io/wp-content/uploads/2022/04/supabase-1.png)
SupabaseのTriggers機能を使用しユーザー情報をデータベースに自動登録させる
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Supabase AuthでSlack認証を試してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/supabase-1.png)
Supabase AuthでSlack認証を試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Pulumiがアップデート Java,YAML言語に対応しました](https://devio2023-media.developers.io/wp-content/uploads/2022/03/eyecatch_Pulumi-1200x630-1.jpg)
Pulumiがアップデート Java,YAML言語に対応しました
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Supabaseのstorageを使用して、アバターを表示させてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/supabase-1.png)
Supabaseのstorageを使用して、アバターを表示させてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![GraphCMSで取得した画像が表示されなくなった時の対応とNext.jsでのコンテンツ表示](https://devio2023-media.developers.io/wp-content/uploads/2019/12/graphql-1200x630.png)
GraphCMSで取得した画像が表示されなくなった時の対応とNext.jsでのコンテンツ表示
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Amplifyの提供ライブラリを使わず、他のUIライブラリで認証画面を作成してみた](https://devio2023-media.developers.io/wp-content/uploads/2019/05/aws-amplify.png)
Amplifyの提供ライブラリを使わず、他のUIライブラリで認証画面を作成してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Pulumiを使って、Next.jsページをホスティングしてみた](https://devio2023-media.developers.io/wp-content/uploads/2022/03/eyecatch_Pulumi-1200x630-1.jpg)
Pulumiを使って、Next.jsページをホスティングしてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React Developer Toolsでレンダリングを可視化する](https://devio2023-media.developers.io/wp-content/uploads/2019/01/react.jpg)
React Developer Toolsでレンダリングを可視化する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![React状態管理ライブラリvaltioを使ってみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/valtio.png)
React状態管理ライブラリvaltioを使ってみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactUIライブラリMantineのフォームAPIを使用する](https://devio2023-media.developers.io/wp-content/uploads/2022/04/mantine.jpg)
ReactUIライブラリMantineのフォームAPIを使用する
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![Next.js 12.1の新機能オンデマンド ISRでページを手動再検証させてみた](https://devio2023-media.developers.io/wp-content/uploads/2021/12/eyecatch_NextJS_1200x630.png)
Next.js 12.1の新機能オンデマンド ISRでページを手動再検証させてみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![ReactのUIライブラリMantineを試してみた](https://devio2023-media.developers.io/wp-content/uploads/2022/04/mantine.jpg)
ReactのUIライブラリMantineを試してみた
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)
![データアナリティクス事業本部 サービス開発チーム にジョインしました北川です。](https://devio2023-media.developers.io/wp-content/uploads/2022/04/a11b4bb3ba448d1fa402ac3dc62cc91f.jpg)
データアナリティクス事業本部 サービス開発チーム にジョインしました北川です。
![User avatar](/_next/image/?url=https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2Fdevio_thumbnail%2F2024-06%2Fkitagawa-keita.jpeg&w=256&q=75)