typescript

[TypeScript]Omitについて、実際に実装して理解する。

指定した型から任意のプロパティ除外して新たな型にするOmitというものがある。今回はこれを自力で実装しながら理解することを目的とする。OmitとはOmitとは以下の書式を持つ組み込み型で、指定した型のうち、指定したプロパティを除外して新しい...
typescript

[TypeScript]Recordについて、実際に実装して理解する。

TypeScriptの指定したキーを元に、Mapみたいな型を生成するRecordというものがある。今回はこれを自力で実装しながらRecordについて理解することを目的とする。RecordとはRecordとは以下の書式を持つ組み込み型で、Kに...
typescript

[TypeScript]Excludeについて、実際に実装して理解する。

指定した型が代入可能であれば、それを除外して新しい型を作成するExcludeというものがある。今回はこれを自力で実装しながら理解することを目的とする。ExcludeとはExcludeとは以下の書式を持つ組み込み型で、指定した型のうち、指定し...
typescript

[TypeScript]Conditional Typesを理解する

Conditional TypesはTypeScript2.8から導入された機能です。これを使用することで、型を条件で選択することが可能です。早速見ていきましょうConditional Typesの例Conditional Typesでは以...
typescript

[TypeScript]Requiredについて、実際に実装して理解する。

TypeScriptの既存の型から全てのプロパティを必須にして新たな型にするRequiredというものがある。今回はこれを自力で実装しながらRequiredについて理解することを目的とする。RequiredとはRequiredとは以下の書式...
typescript

[TypeScript]Partialについて、実際に実装して理解する。

TypeScriptの既存の型から全てのプロパティをOptionalにして新たな型にするPartialというものがある。今回はこれを自力で実装しながらPartialについて理解することを目的とする。PartialとはPartialとは以下の...
React

[Next.js]Next.jsでリダイレクトを設定する

Next.js9.5以降はnext.config.jsにリダイレクトの設定を記述することが可能です。通常のリダイレクト設定以下の通りの記述をすることでリダイレクトの設定をすることが可能です。module.exports = { async...
React

[Next.js]next.config.jsに記載したenvが反映されなくてハマった話

Next.jsにはnext.config.jsに環境変数を記述することが出来ます。これを使用すると、development環境とproduction環境で参照する値を変更することが出来るので、便利です。先日、nextjsで環境変数を定義する...
React

hooks時代のreact 〜useEffect編〜

react16.8以降、関数コンポーネントでもクラスコンポーネントでも実現出来た、ステート管理、ライフサイクル管理がhooksを使用する事で可能となりました。本記事はその中でもuseEffectについて紹介したいと思います。useEffec...
ruby

[ruby]eachからmapの書き換え[小ネタ]

今回は小ネタです。rubyに限らず、mapを実装しているプログラミング言語に使える書き換え方法です。書き換え前item_ids = []items.each do |item| item_ids.push item.idendこのままだと...