deviseを利用したサインイン・サインアウトの遷移先（リダイレクトURL）を変更する方法

2021年4月14日

前回、『deviseのインストール手順をシンプルなログイン機能の実装で理解する』でdeviseを利用した認証機…

deviseのインストール手順をシンプルなログイン機能の実装で理解する

2021年4月14日

deviseを利用することで簡単に認証機能をRailsアプリケーションに構築できます。今回はdeviseをイ…

HHKB愛用者に送る、HHKB2台で実現する左右分離型キーボードのメリット・デメリット

2021年4月12日

分離型キーボードはキーボードが左右に分かれているため、体に負担の少ない姿勢でタイピングができます。 Happy…

RubyMineとDockerを連携してエディタからDockerを操作する方法

2021年4月11日

RubyMineとDockerを連携し、コンテナの起動やDocker環境のデータベースをRubyMineから実…

異なるDocker環境どうしをDockerネットワークで連携する方法

2021年4月4日

フロントエンドとバックエンドが別々のDocker環境で管理されている場合など、異なるDocker環境どうしでア…

NextでSSGアプリを作成し、CircleCIでS3に自動デプロイする方法

2021年3月21日

SSGとは静的なHTMLを事前に生成し、配信する方法です。 SSGではファイルの配置をするだけでアプリケーショ…

具体例で理解するuseMemoとuseCallbackの使い方。Reactパフォーマンスチューニング

2021年3月17日

コンポーネントや関数のメモ化を行うことで、不要な計算やレンダリングを抑えられるためパフォーマンス向上が期待でき…

パフォーマンス改善やバグ防止に理解必須。useEffect第2引数の利用パターン集

2021年3月13日

useEffectはReact Hooks APIの中でも使用頻度の高いフックです。レンダリングのタイミング…

【JavaScript】axiosインスタンスとAPI連携クラスを作って非同期処理をいい感じで書く

2021年3月8日

axiosはフロントエンドでAPI連携を実装する際の定番HTTPクライアントです。 API連携が必要な箇所でa…

即時関数をアロー関数やfunctionを利用して色々なパターンで書いてみる

2021年3月7日

即時関数（MDNでいうIIFE (即時実行関数式)）とは定義した直後に実行される関数のことをいいます。今回は…

アロー関数入門。functionからの書き換えや、省略記法について理解する

2021年3月7日

functionの代わりにアロー関数を利用することで関数式がより簡潔に記述できます。アロー関数の書き方にはい…

Create React AppでTypeScriptやReduxやコードフォーマットの環境を整える

2021年3月6日

Create React Appを利用したReactアプリケーションの作成方法についてまとめます。アプリケー…

Redux ToolkitのcreateAsyncThunkで非同期処理を実装する方法

2021年3月6日

createAsyncThunkはRedux Toolkit 1.3.0から利用できる非同期処理用の機能です。…

Todoアプリで理解するRedux Thunkによる非同期処理の実装方法

2021年3月4日

Reduxで非同期処理を実装する方法は主にRedux Thunk、Redux Saga、Redux Obser…

JavaScriptの非同期処理の定番！async/await概要・挙動まとめ

2021年2月28日

async/awaitを利用することでPromiseの操作を簡潔に記述できます。JavaScriptで非同期処…

JavaScriptの非同期処理で理解必須！Promiseの概要・挙動まとめ

2021年2月28日

JavaScriptで非同期処理を実装するにあたりPromiseの理解は重要です。今回はPromiseの挙動…

【Redux不要】React ReduxチュートリアルのRedux部分をReact Hooksに書き換えてみた

2021年2月23日

「React Hooks APIを活用することでReduxが不要になる」という話を聞いたことがある方もいるかも…

React Reduxのチュートリアル（Todoアプリ）をRedux Toolkitで書き換えてみた

2021年2月21日

Redux ToolkitとはReduxの記述を簡潔にするためのツールです。 Redux Toolkitを利用…