[B! typescript] chiku-sanのブックマーク

ユーザー定義型ガード、asで書くかanyで書くか - uhyo/blog

TypeScriptでユーザー定義型ガードを定義する場合、引数をany型にして中を自由に書く方法と引数をunknown型にして中でasを駆使して書く方法があります。この記事では両者を比較考察します。結論としては、unknownとasを使うのが型安全性の面からおすすめです。また、うまく関数を分割することでasを消すことも可能で、これも有効です。ユーザー定義型ガードとはTypeScriptのユーザー定義型ガードとは、型の絞り込み (type narrowing) に使うことができる関数です。ユーザー定義型ガードは返り値が引数名is型のような形の型述語 (type predicate) になっています1。このような関数は真偽値を返り値として返し、trueを返すならば引数名が型であることを表します。例えば、与えられた値がstring | number型かどうか調べるユーザー定義型ガードは次

chiku-san 2023/12/19

typescript

リンク

【2021年】React / TypeScript使用のためのDocker + Vagrant環境を構築する - Qiita

目的下記の技術を使ったフロントのコンポーネントの作成を行うための環境構築を行いました。 React TypeScript 目的は上記の利用ですが、本記事としてはReact/TypeScriptを触れることはありませんので、Node.jsを利用する環境の構築には利用が可能かと思います。 DockerだけでなくVagrantを採用している理由としては、自分の開発環境がmacであり、参考記事に記載の理由で動作が遅いことを解消するためです。参考記事 DXを大幅に低下させるDocker for Macを捨ててMac最速のDocker環境を手に入れる前準備/筆者の環境参考記事に記載のVagrantやMutagenのインストールが必要です。筆者の環境としては下記となります。 MacOS 11.1 Vagrant 2.2.7 Mutagen 0.11.8 作成するもの下記の4つのファイルを作

chiku-san 2021/01/12

リンク

React Typescript Cheatsheet

Here are a few patterns I find useful when building a project in React + Typescript. When starting out I didn't find the JSX and React types obvious or particularly well documented, so I'd like to maintain a list of what types to use in different situations. This is just a start, so I'd love to know what patterns you all find useful and what I should add to the list. Also, if there is anything her

chiku-san 2020/03/13

リンク

Typescript特有の組み込み型関数 | log.pocka.io

TypeScript には Promise や Symbol といった Javascript 特有のグローバルオブジェクト以外に、型を扱う上で便利になるような組み込みのジェネリックな型関数※1が存在します。これらは非常に便利で様々なプロジェクトで使われているので~すが、公式にリストもなく、説明も主にリリースノート等にしかないため、~使い方等を交えて説明を書いていきたいと思います。なお、各定義はMicrosoft/TypeScript のsrc/lib/es5.d.tsにあります。 ※1 ... 型を受け取って新しい型を返す型。多分正しい呼び名ではない。 Partial 利用可能バージョン: TypeScript2.1~リリースノート: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-1.htm

chiku-san 2020/03/11

typescript

リンク

TypeScriptの型演習（解答・解説編） - Qiita

この記事は、﹁TypeScriptの型演習﹂の解答および解説を収録した記事です。問題に挑戦したい方は先に下記の記事をご覧ください。 TypeScriptの型演習 1-1. 関数に型をつけよう関数の引数に: numberを追加しました。これが引数に対する型アノテーションです。TypeScriptでは、関数の引数の型を指定するにはこのように明示するのが基本です。型が指定されていない場合はエラーとなります︵--noImplicitAnyオプションの効果︶。ただし、問題1-3のように文脈から推論できる場合は引数の型アノテーションを省略できます。また、関数にはこのように返り値の型アノテーション︵: boolean︶も可能ですが、返り値については関数の定義から推論してくれます。今回の場合、返り値がnum >= 0であり、これの型がbooleanであることを推論してくれます。型アノテーションが何だ

chiku-san 2019/05/21

リンク

TypeScriptを導入する前に考慮したほうが良いこと 4項目 - タオルケット体操

補足‥2021年6月結構昔に書いた記事ですが、今でもたまにアクセスがある︵ありがとうございます︶ようなので使命感に駆られて追記。本編の冒頭にもあるように、これは2018年の記事です。なので色々と書いてますが、2021年の人間の立場からTypeScriptの導入について申すのであれば一言です。使いましょう。もはや﹁TypeScriptを使う理由﹂とか言ってる時代はとっくの昔に終わっています︵Elmとかそういう、他の型付きAltを使いたいなら別ですが︶。もちろんstrict mode一択ですからね。当時は採用云々とか書いてましたが、逆にいまTypeScript書けるかどうかってのはフロントエンドエンジニア採用の足切りラインとしてちょうどいいくらい︵書けるってのが程度かにもよりますけど︶だとおもいます。好き嫌いはともかく、TypeScriptを使えないエンジニアを雇ってもフロントエ

chiku-san 2018/12/03

TypeScript

リンク

はてなブックマーク

タグ

関連タグで絞り込む (7)

typescriptに関するchiku-sanのブックマーク (6)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス