TypeScript– category –

【検証目的】 シンプルな興味本位というものが大きいですが、フロントエンドの開発でdevcontainerを使うときにどこにソースコードを配置すべきかを把握したかったため検証いたしました。devcontainerではリモート側(Dockerコンテナ)とホスト側(Windows or ...

【はじめに】 本日はOpenAPIで定義したAPI定義について、半自動でAPIモックを作る方法をご紹介します。 初心者向けですが、対象読者は基本的なReactやRestful APIの知識がある前提とします。 APIモックを作る必要性は？ 一つの機能をフロントエンドとバッ...

今回はJavascript製のcliツールをTypescript環境のnodeで実行してみたになります。 是非基本的なところを抑えて、めんどくさい作業をScript化していきましょう！ 【環境】 node v16.14.2commander v9.4.0 【インストール】 下記コマンドを実行しインストー...

【正規表現について】 正規表現とは 文字列の中に特定のパターンを照合して拾ってきたりすることを指します。 例）[abc, sample@example.com, 090-9009-8921] の配列からメールアドレスの要素を抜き取る。 Javascript, Typescriptでは主に以下の関数で使用...

nest js はcontrollerやserviceを作るために様々な便利コマンドがあります。今回はその中でも便利そうだなというものを使用してみました。 【準備】 node v16ubuntu 20.04 nest cliを使用するためにはnpmでグローバルインストールをする必要があります。 $...

せっかくeslintを導入しているのであれば、共有リポジトリにeslintルールを無視したものマージしたくはないですよね。それを防ぐためにcommitやpushの前にgithookを簡単に実行するのがhuskyになります。今回はざっくりですがセットアップを実施していこう...

【環境ormik: version 2.2.9】 【動的バリデーションを実施する】 例えばフォームで以下のようにチェックボックスがあって、チェックがついてるときのみ出現するフォームにバリデーションを行いたいとする。 ソースコードは以下の状態 <Formik initialV...

【Formikとは】 formikは簡単にいうと、ReactやReact NativeでFormを作るときにformikを使えば簡単に作れますよというオープンソースのライブラリです。 もっと言えば、フォームを作るだけなら<input>タグなどでできますが入力された値に想定された...

jest の v28 がアップデートされているので、変更点確認してみました。 サポートされている Node の versions は 12.13+、Typescript については 4.3+以上になります。 【構成について Config 周り】 まずは構成について、package.json だったり、jest.con...

なんで上記のようなことをするかというと、Json を扱っていたときにデータがオブジェクトであるか配列であるかで、型を any として扱うかどうかが決まってくるからです。 せっかく TypeScript を使うのなら、なるべく any でキャストはしたくないなと 【使...