■ はじめに https://dk521123.hatenablog.com/entry/2021/01/03/000000 を分冊。 pulumi で TypeScript を使っているのだが、 少しでも簡潔に書きたいと思い、調べていたら 結局 map を使うことにしたので、メモしておく。 目次 【０】ブラウザ上での実行環…

■ はじめに https://dk521123.hatenablog.com/entry/2022/03/23/233512 https://dk521123.hatenablog.com/entry/2022/03/13/000000 https://dk521123.hatenablog.com/entry/2021/03/17/005906 などで、ちょくちょくでてきた type について よく使うので、ま…

■ はじめに https://dk521123.hatenablog.com/entry/2022/03/13/000000 などで、今まで、なーんとなく使ってた export / import について もう少し深堀りしていく。 また、後述の「３）同じ階層内の複数モジュールをimportするには」も 知らなかったので、メ…

■ はじめに ! とか ? とかの動きがややっこしかったのでメモ。 目次 【０】実行環境 【１】？ １）オプション引数 (optional parameter) ２）オプショナルチェイニング (Optional chaining) '?.' ３）三項演算子 ４）Null 合体演算子 (nullish Coalescing) '…

■ はじめに 最近、Pulumi で TypeScript を使ってて、 その際に、クラス / インターフェイス を使いたかったのでメモ。 目次 【０】実行環境 【１】クラス １）アクセス修飾子 ２）継承 ３）抽象クラス・メソッド - abstract ４）静的メソッド (static metho…

■ はじめに 三項演算子 を使ったので軽くメモ。 ついでに、if文、switch文ものっけとく。 基本、C や Java と変わらん。 目次 【０】実行環境 【１】if文 【２】switch文 【３】三項演算子 補足：Null 合体演算子 (nullish Coalescing) '??' 【０】実行環境 …

■ はじめに pulumi をやっている関係で、また、TypeScript を触り始めた。 TypeScript用にVS Codeの設定あれこれをメモっとく。 目次 【１】インデントを変更する 【１】インデントを変更する インデントをデフォルトの4から2にTypeScriptのみ変更したい。 h…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/14/101645 の続き。 axios で 外部APIと通信する際に、重い処理の場合、 キャンセルした場合が多々あると思う。 （例えば、ユーザが待たされすぎて、キャンセルしたい 又は、別の操作を行いたい場…

■ はじめに TypeScript で、 Enum を使いたかったが どうも使わない方がいいらしい。 で、その代わりに、Union型 / const assertionを使おうっ て話があるので、調べてみた。 実行環境 https://www.typescriptlang.org/play 目次 【１】Enum - 列挙型 １）サ…

■ はじめに Jestの実行で、キャッシュしているとエラーにならないが、 キャッシュをクリアすると、単体試験エラーが発生する現象が発生した。 他の方でもそういったケースがある模様。 https://www.ncaq.net/2018/03/02/10/19/22/ その際に得たノウハウを纏…

■ はじめに https://dk521123.hatenablog.com/entry/2021/02/10/225119 https://dk521123.hatenablog.com/entry/2021/02/24/222452 の続き。 TypeScript のレビュー会で 「...」（ドット３つ）の書き方を見かけたので、メモ。 これを知ってたら、実装する時…

■ はじめに https://dk521123.hatenablog.com/entry/2021/03/06/234935 https://dk521123.hatenablog.com/entry/2021/03/05/113518 https://dk521123.hatenablog.com/entry/2015/05/15/000926 などで、CSSセレクタやJavaScriptのdocument.querySelector/quer…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/23/000000 の続き。 Lodash を使う機会がでてきて、新たに仕入れた知識がでてきたので メモしておく。 目次 【１】Lodash の個別インストール 【２】サンプル １）lodash.uniqby - 重複排除 【３…

■ はじめに https://dk521123.hatenablog.com/entry/2021/02/10/225119 の続き。 ソートに関して、記事が長くなったので、分冊。 結構、落とし穴もあるので、その辺も追記。 目次 例１：クラスのソート 例２：同一の値が存在する場合の対応 ■ 使用上の注意：…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/21/180904 の続き。 TypeScript に関する知識を徐々にメモっておく。 目次 【１】tsconfig.json １）typeRoots 【１】tsconfig.json １）typeRoots * オリジナルの型定義ファイル（xxx.d.ts）を利…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/03/000000 でループを取り上げたが、 今回は、配列（Array）・リストを取り上げる。 目次 【０】定義方法 【１】push ... リストへ追加 【２】concat ... リストの結合 【３】slice ... リストの…

■ はじめに 小ネタ。 以下の関連記事でも使った処理時間計測用の メソッド「performance.now()」について、メモ。 https://dk521123.hatenablog.com/entry/2021/01/16/202822 ■ performance.now() * ミリ秒の小数点以下まで計測できる 詳細は、以下のサイト…

■ はじめに https://dk521123.hatenablog.com/entry/2021/02/03/233137 で、setInterval() を使ったが、 JavaScript/TypeScript のタイマー処理について ちゃんとまとめてなかったので、まとめておく。 タイマー処理 【１】setTimeout 【２】setInterval 【…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/29/231952 https://dk521123.hatenablog.com/entry/2021/01/30/232708 の続き。 今回は、Day.js を調べてみた。 目次 【１】Day.js 【２】公式サイト 【３】環境設定 【４】サンプル 【１】Day.js…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/29/231952 の続き。 Date に関するライブラリの内に気になった date-fns について 実際に使ってみた。（若干のハマりポイントあり） 目次 【１】date-fns 【２】公式サイト 【３】使用上の注意 【…

■ はじめに TypeScript で 日付・日時について扱う機会があった。 ライブラリもあるみたいなので、調査。 なお、TypeScriptって書いてあるけど、JavaScript でも同じ。 後日談 過去に JavaScript の記事があった。。。 https://dk521123.hatenablog.com/entr…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 https://dk521123.hatenablog.com/entry/2021/01/08/164356 の続き。 モックを使って単体試験をする必要がでてきたので、メモする。 目次 【１】主なメソッド １）基本的なモック関数 …

■ はじめに 仕事で、Lodash って出てきたので、調べてみた。 目次 【１】Lodash (ロダッシュ) とは？ １）フルセットでインストールすると、でかい ２）import の仕方で環境が変わるとエラーになる場合がある 【２】使用上の注意 【３】環境設定 【４】サン…

■ はじめに https://dk521123.hatenablog.com/entry/2021/01/14/101645 で、外部APIにアクセスしてデータ取得することを行った。 その際、非同期処理になる。 そこで、JavaScript/TypeScriptでの非同期処理を学ぶ。 目次 【１】関連用語 １）async ２）await…

■ はじめに TypeScript で、axios ってのを扱う可能性がでてきたので、メモ。 目次 【１】axios とは？ 【２】Tips １）キャンセルするには 【３】サンプル 例１：JavaScript での Hello world 例２：TypeScript での Hello world（async/await） 例３：Type…

■ はじめに https://dk521123.hatenablog.com/entry/2020/12/23/103209 の続き。 Jest を書いていて気になったTips的なものをメモする。 目次 【１】確認用メソッド 【２】その他メソッド １）each 【１】確認用メソッド expectクラスの以下の一覧でどういっ…

■ はじめに JavaScript/TypeScript において、 for/while/do-while 以外にもループ処理を扱う方法をメモ。 目次 【０】ブラウザ上での実行環境 【１】forループ １）for ... in ２）for ... of ３）forEach ４）ESLint「no-restricted-syntax」 【２】map 【…

■ はじめに JavaScript / TypeScript の単体テストツールの話題になったので 調べてみたら、Jestがでてきたので、調べてみた。 目次 【１】主な単体テストツール １）比較サイト 【２】Jest A）公式サイト B）できること 【３】環境設定 １）Node をインスト…

■ はじめに 新しくアサインされたプロジェクトで、Node.js / Vue.js に加えて TypeScriptを扱うようなので、勉強してみた。 なお、Node.js / Vue.js については、以下の関連記事を参照のこと。 Node.js ～ 基礎知識 / 環境構築編 ～ https://dk521123.hatena…

■ はじめに TypeScript と JavaScript の可変長引数 について扱う Rest引数(Rest Parameters; 可変長引数)っていうらしい。 目次 【１】TypeScript の場合 【２】JavaScript の場合 【１】TypeScript の場合 １）構文 // 変数名の前に「...」を付与 function…