ゆめみのフロントコーディング試験のデモアプリをReactで実装しました
デモアプリの概要について RESAS(地域経済分析システム) API経由で取得した都道府県・総人口のデータをグ…
JavaScriptJavaScriptTypeScript
JavaScript
JavaScript【Redux】JSONオブジェクトを正規化(byId, allIds)する実装例
Redux『Redux Style Guide#Normalize Complex Nested/Relati…
JavaScript【React】コンポジションで複数の子コンポーネントを表示する方法
おさらい: 子要素をコンポジションで出力する方法 コンポジションとはコンポーネント間のコードを再利用するための…
JavaScriptReact Hook Formの基本的な使い方
React Hook FormはReactでフォームを実装する際に広く利用されているライブラリです。 今回はR…
JavaScript【JavaScript】filterでFalsyな値(偽値)を配列から除去する方法
前提知識: JavaScriptにおけるFalsyな値について falsyな値（偽値、falseyな値）とはf…
JavaScriptuseContextをuseState・useReducer・関数と組み合わせる方法
前回、【React】useContexでContextを参照する手順でReact Contextの概要について…
JavaScriptEmotionをNext.js x TypeScriptの環境にインストールする手順
Emotionは比較的最近できたCSS in JSライブラリです。後発ということもあり多機能で使い勝手がよいと…
JavaScriptTypeScriptのIntersection型（交差型）の概要と具体例
Intersection型（Intersection Types、交差型）について Intersection型…
JavaScriptTypeScriptのUnion型(合併型、共用体型）の概要と具体例
Union型（Union Types、合併型、共用体型）について Union型（Union Types）は型 …
JavaScriptTypeScriptにおけるtypeof演算子の使いどころ
typeofについて typeofはオペランド（被演算子、演算対象の変数のこと）の型を文字列として返すJava…
JavaScriptTypeScriptの『typeof X[keyof typeof X]』の意味を順を追って理解する
TypeScriptのコードでたまにみかけるtype HogeType = typeof Hoge[kyof …
JavaScript【TypeScript】Enum型からUnion型に書き換える方法と具体例
TypeScriptではEnum型よりもUnoin型を利用したほうがよいという話をよく聞きます。1 2 3 今…
JavaScriptMapped Types（マップ型）の概要と利用方法まとめ
Mapped Types（マップ型）について Mapped Types（マップ型）とはある型をもとに新たな型を…
JavaScript【TypeScript】インデックスシグネチャ(Index Signatures)の概要と利用方法
インデックスシグネチャ（Index Signatures、インデックス型）について インデックスシグネチャ（I…
JavaScript【TypeScript】 Genericsのextendsでジェネリック関数の引数に制約をつける
extendsを利用することでジェネリクス（Generics）で引数に制約をつけられます。今回は以下の2つのケ…
JavaScript【TypeScript】ジェネリクス(Generics)入門。ジェネリクスの種類と利用例
ジェネリクス(Generics)について プログラミングにおけるジェネリクス(Generics)とは、異なる型…
JavaScriptTypeScriptのConditional Typesの概要と使い方を具体例で理解する
Conditional Types（条件付き型）について Conditional Typesとは条件分岐の概念…
JavaScript【TypeScript】void型とnever型の違い
void型とnerver型の違い、の結論 void型は『なにも返さない』を表現する型、never型は『けっして…
JavaScriptTypeScriptでのnever型の利用例（網羅性チェックとUnion型のフィルタリング）
never型とは『けっして起こりえないこと』を表現する型です。 けっして発生しない事象に対してnever型が付…
JavaScript【TypeScript】any型とunknown型の違いを具体例で理解する
any型とは anyは型が不定の時に使う型です。 any型にはどのような値もセットできますし、any型の値を参…
JavaScript【TypeScript】typeof、inを利用したオブジェクトの型判定・型ガード（Type Guard）の方法
おさらい: プリミティブ型の型ガードの実装方法 JavaScriptのデータ型にはプリミティブ型とオブジェクト…
JavaScript【TypeScript】Union型の型ガード・型の絞り込み方法まとめ
型ガード（Type Guard）とはif文やcase文をはじめとした条件分岐で変数の型を判別し、ブロック内の変…
JavaScript【TypeScript】inを利用して型の絞り込みを行う方法
JavaScriptのin演算子について JavaScriptのinを利用することでオブジェクトのプロパティの…
JavaScriptTypeScriptのis(Type Predicate)を使ってユーザー定義型ガードを実装する
ユーザー定義型ガードとis（Type Predicate）について TypeScriptには型を絞り込む『型ガ…
JavaScript【TypeScript】型ガード(Type Guard)の概要、typeofとinstanceofの利用例
型ガード（Type Guard）について 型ガード（Type Guard）とはif文やcase文をはじめとした…
JavaScriptTypeScriptのas(型アサーション)の概要と使いどころ
今回はTypeScriptの型アサーション（Type Assertion）について紹介します。利用するType…
JavaScript【TypeScript】アンビエント宣言(declare)と型定義ファイル(d.ts)の概要
アンビエント宣言について アンビエント宣言(Ambient Declarations)とはJavaScript…
JavaScriptCreate React AppでTypeScriptやReduxやコードフォーマットの環境を整える
Create React Appを利用したReactアプリケーションの作成方法についてまとめます。 アプリケー…
JavaScriptReact Reduxのチュートリアル(Todoアプリ)をReact Redux Hooksで書き換えてみた
React Redux hooksはconnect()の代わりとなるAPIです。 React Redux ho…
JavaScriptReact Reduxのチュートリアル（Todoアプリ）をTypeScriptで書き換えてみた
2020年2月現在、React ReduxのBasic Tutorialで紹介されているサンプルアプリケーショ…
プロフィール
人気の記事
iPhoneの連絡先の保存がうまくできない！？原因は同期設定かも。 
成田空港へ行く電車は何線がある？線路の一覧紹介と所用時間・料金の比較まとめ 
電車やバスなどの交通費を経費計上するための出金伝票の書き方まとめ 
矢印キーがなくて不便？iPhoneのテンキーでカーソル移動をスムーズ行う方法 
【JavaScript】スクロールの開始位置を一番下にする方法 
退職日と最終出社日ってどう違う？有給休暇はいつ消化すればいい？ 
【CSS】画像(アイコン)とテキストを上下中央よせ横並びする方法まとめ 
【React】JSXにおけるコンポーネントの表示・非表示の制御方法まとめ 
【JavaScript】map, filter, findの使い方。オブジェクト配列における具体的な活用事例 
MySQLのEXPLAINの読み方とチューニング時のチェックポイント