Bulletを利用してN+1問題を検出する方法
N+1問題とは、取得したN件のデータそれぞれに対してSQLが発行される現象のことをいいます。 N+1問題による…
RubyRubyRuby
Go言語【Go言語】構造体におけるポインタメソッドの使いどころ
Go言語ではレシーバを引数にとることで型のメソッドを定義できます。1 Go言語のレシーバには『変数レシーバ』と…
Go言語【Go言語】構造体を要素に持つスライスの作成・要素追加・初期化方法まとめ
スライスとは可変長の配列のことです。 Go言語でWeb APIを実装する場合（= JSONレスポンスを作成する…
Go言語【Go言語】構造体の初期化方法の種類まとめ
Go言語の構造体の初期化方法には以下のパターンがあります。 ポインタ型を使わない場合 『変数定義 → フィール…
Go言語【Go言語】EchoとGORMでREST API（CRUD）を実装する
Go言語によるREST APIの実装方法を紹介します。 今回は例としてシンプルなCRUD API(GET、PO…
インフラ『ホットリロード x Go言語 x MySQL』なHTTPサーバのDocker環境構築手順
データベース接続をするGo言語製HTTPサーバのDocker環境構築について紹介します。 『コンテナ上のHTT…
Go言語Go言語でデータベース（MySQL）に接続する方法
Go言語でデータベースに接続するための方法について紹介します。 今回はMySQLを利用します。 Go言語でデー…
インフラ【Go言語】ホットリロード可能なHTTPサーバのDocker環境構築手順
先日、Go言語のホットリロードツール『Air』でコードの修正を即時反映させるでAirを利用したホットリロード可…
Go言語Go言語のホットリロードツール『Air』でコードの修正を即時反映させる
ホットリロードを導入することで開発の作業効率の向上が期待できます。 Go言語のホットリロードツールではReal…
Go言語具体例で理解するGo言語のデバッグツールDelveの利用方法
Go言語のデバッガはDelveとGDBが人気です。 GDBのドキュメントには以下のような記載があり、Delve…
Go言語goimportsをインストールし、Go言語のコードをフォーマットする手順
goimportsとはGo言語の準標準パッケージ（サブレポジトリ）であるGo Toolsに内包されている静的解…
Go言語Go Modulesを利用してローカル環境でGo言語を実行する手順
2021年5月現在、Go言語のパッケージ管理はGo Modulesが標準となっています。 今回はGo Modu…
Go言語Go言語のパッケージ管理方法（GOPATHモードとmodule-awareモード）について理解を深める
Go言語の勉強を始めたのですが、パッケージ管理の歴史的背景を知らず混乱したため、パッケージ管理方法についてまと…
RubyRailsのセッション保存場所をCookieからRedisに変更する方法
Railsのセッション情報はデフォルトでCookieに保存されます。 Railsのセッション管理方法は変更が可…
Rubydeviseを利用したサインイン・サインアウトの遷移先（リダイレクトURL）を変更する方法
前回、『deviseのインストール手順をシンプルなログイン機能の実装で理解する』でdeviseを利用した認証機…
Rubydeviseのインストール手順をシンプルなログイン機能の実装で理解する
deviseを利用することで簡単に認証機能をRailsアプリケーションに構築できます。 今回はdeviseをイ…
ガジェットHHKB愛用者に送る、HHKB2台で実現する左右分離型キーボードのメリット・デメリット
分離型キーボードはキーボードが左右に分かれているため、体に負担の少ない姿勢でタイピングができます。 Happy…
RubyRubyMineとDockerを連携してエディタからDockerを操作する方法
RubyMineとDockerを連携し、コンテナの起動やDocker環境のデータベースをRubyMineから実…
インフラ異なるDocker環境どうしをDockerネットワークで連携する方法
フロントエンドとバックエンドが別々のDocker環境で管理されている場合など、異なるDocker環境どうしでア…
インフラNextでSSGアプリを作成し、CircleCIでS3に自動デプロイする方法
SSGとは静的なHTMLを事前に生成し、配信する方法です。 SSGではファイルの配置をするだけでアプリケーショ…
JavaScript具体例で理解するuseMemoとuseCallbackの使い方。Reactパフォーマンスチューニング
コンポーネントや関数のメモ化を行うことで、不要な計算やレンダリングを抑えられるためパフォーマンス向上が期待でき…
JavaScriptパフォーマンス改善やバグ防止に理解必須。useEffect第2引数の利用パターン集
useEffectはReact Hooks APIの中でも使用頻度の高いフックです。 レンダリングのタイミング…
JavaScript【JavaScript】axiosインスタンスとAPI連携クラスを作って非同期処理をいい感じで書く
axiosはフロントエンドでAPI連携を実装する際の定番HTTPクライアントです。axiosの戻り値はProm…
JavaScript即時関数をアロー関数やfunctionを利用して色々なパターンで書いてみる
即時関数（MDNでいうIIFE (即時実行関数式)）とは定義した直後に実行される関数のことをいいます。 今回は…
JavaScriptJavaScriptアロー関数入門。functionからの書き換えや、省略記法について理解する
functionの代わりにアロー関数を利用することで関数式がより簡潔に記述できます。 アロー関数の書き方にはい…
JavaScriptCreate React AppでTypeScriptやReduxやコードフォーマットの環境を整える
Create React Appを利用したReactアプリケーションの作成方法についてまとめます。 アプリケー…
JavaScriptRedux ToolkitのcreateAsyncThunkで非同期処理を実装する方法
createAsyncThunkはRedux Toolkit 1.3.0から利用できる非同期処理用の機能です。…
JavaScriptTodoアプリで理解するRedux Thunkによる非同期処理の実装方法
Reduxで非同期処理を実装する方法は主にRedux Thunk、Redux Saga、Redux Obser…
JavaScriptJavaScriptの非同期処理の定番！async/await概要・挙動まとめ
async/awaitを利用することでPromiseの操作を簡潔に記述できます。JavaScriptで非同期処…
JavaScriptJavaScriptの非同期処理で理解必須！Promiseの概要・挙動まとめ
JavaScriptで非同期処理を実装するにあたりPromiseの理解は重要です。 今回はPromiseの挙動…
JavaScript【Redux不要】React ReduxチュートリアルのRedux部分をReact Hooksに書き換えてみた
「React Hooks APIを活用することでReduxが不要になる」という話を聞いたことがある方もいるかも…
JavaScriptReact Reduxのチュートリアル（Todoアプリ）をRedux Toolkitで書き換えてみた
Redux ToolkitとはReduxの記述を簡潔にするためのツールです。 Redux Toolkitを利用…
JavaScriptReact Reduxのチュートリアル(Todoアプリ)をReact Redux Hooksで書き換えてみた
React Redux hooksはconnect()の代わりとなるAPIです。 React Redux ho…
JavaScriptJavaScriptの浅い比較・浅い（深い）コピーの挙動まとめ
プログラミング言語において『浅い比較(shallow equal)』や『浅いコピー(shallow copy)…
JavaScriptReact Reduxのチュートリアル（Todoアプリ）をTypeScriptで書き換えてみた
2020年2月現在、React ReduxのBasic Tutorialで紹介されているサンプルアプリケーショ…
JavaScriptReactチュートリアルを関数コンポーネントとTypeScriptで書き換えてみた
2021年2月現在、Reactの公式ドキュメントで紹介されているチュートリアルのサンプルアプリケーション（三目…
JavaScriptReactチュートリアルをTypeScriptで書き換えてみた
2021年2月現在、Reactの公式ドキュメントで紹介されているチュートリアルのサンプルアプリケーション（三目…
JavaScriptReactチュートリアルを関数コンポーネントで書き換えてみた
2021年2月現在、Reactの公式ドキュメントで紹介されているチュートリアルのサンプルアプリケーション（三目…
HTML/CSS横並びカードのCSSはどう設計する？具体例で理解するCSS設計の手順
CSSの基本的な文法を理解していれば、デザイン通りの画面は作成できます。 しかし何も考えずに実装をすると、拡張…
バックエンドcommitteeを利用してOpenAPI Specのスキーマ定義とAPIの挙動の差分を検知する
REST APIを開発するにあたり、OpenAPI Specification(OpenAPI 3.0以前でい…
プロフィール
人気の記事
iPhoneの連絡先の保存がうまくできない！？原因は同期設定かも。 
退職日と最終出社日ってどう違う？有給休暇はいつ消化すればいい？ 
矢印キーがなくて不便？iPhoneのテンキーでカーソル移動をスムーズ行う方法 
画像圧縮アプリの必要なし!画像の圧縮はLINEを利用しよう 
QuickTime PlayerでiPad/iPhoneの画面をMacにミラーリング録画する方法 
楽天カードと楽天銀行カードの違いが分かる3大要素。これで自分に適したクレジットカードが分かります。 
【実際にやってみた】楽天銀行カードから楽天カードへ切り替える手順 
スクリーンショットを爆速でコピペするMacショートカットキーまとめ 
Dockerのデータを永続化！Data Volume（データボリューム）の理解から始める環境構築入門 
【図解】IPアドレスの仕組み(クラス分類からサブネットまで)