You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
まえおき❌ Compiler API、Language Service❌ 難解な型パズルを出題して型マウント取る話❌ 全TSerが型パズルするべきだ🙆♀️ 型パズルと聞いて身構える方に身近に感じてもらいたい どっちが思考コストが高いかHTTPメソッド // ちゃんと渡せばOK const httpMethod: string = 'GET' // 正しくない値を渡してもエラーになってくれない const httpMethod: string = 'hogehoge'type HTTPMethod = 'GET' | 'POST' | 'PATCH' | 'PUT' | 'DELETE' // ... // ちゃんと渡せばOK const httpMethod: HTTPMethod = 'GET' // 正しくない値を渡すと型エラー const httpMethod: HTTPMeth
React の Higher order component(以下、HOC)を TypeScript で作る方法の紹介です。 作り方を探したところ、こちらの記事がほぼ完璧だと思ったので、本人に許可をもらってゆるく翻訳しながら紹介することにしました。 (完全な翻訳を目指しているわけではないので、細かいニュアンスまで気になる方は英語の記事を直接読んでください。あと少しコードは自分好みに変えてます。) React Higher-Order Components in TypeScript made simple https://codeburst.io/react-higher-order-components-in-typescript-made-simple-6f9b55691af1 本人によると、この記事は HOC の作り方について同僚とディスカッションした内容をまとめたものだそうです。同
最近、TypeScriptについて考えることが多い。SideCIでWebフロントエンドの開発に使いはじめたこともあるし、Steepの開発をしていて「TypeScriptだとどうなるんだっけ??」などと言いながら試してみることもある。 TypeScriptは型付きのJavaScriptである。構文はほとんど同じで、使えるライブラリもかなり近い。JavaScriptへの変換はかなり自明で、ランタイムは全く同じ。性能の差はない。Webpackやnpmを初めとするツール群もかなり共通しているし、アプリケーションも似たようなもん。書いている気分には、ほとんど差がない。つまり、TypeScriptとJavaScriptでプログラミングしているときに、なにか違いを感じるとすれば、それは(ほとんど)型付きの言語と型なしの言語の差と考えて良い。 RubyとJavaを比較するのとは、全然話が違う。構文も意味も
TypeScriptでReactを扱ってるときにReactDOM.renderで意味が分からない型エラーが起きることがあります。 TS2605: JSX element type 'GithubPicker' is not a constructor function for JSX elements. Types of property 'render' are incompatible. Type '() => ReactNode' is not assignable to type '{ (): ReactNode; (): false | Element | null; }'. Type 'ReactNode' is not assignable to type 'false | Element | null'. Type 'undefined' is not assignable
TypeScript、お前もか: nullやundefinedの扱いがイイカゲン過ぎ ごめんなさい。↑の記事、僕がうかつな事を書きました。TypeScriptのコンパイラにオプションを付ければ、nullとundefinedに関してキチンとチェックします。 きびしいチェックをするオプション付きなら、null型もundefined型もシングルトン型になります。 型 デフォルトでの値の集合 きびしくチェックしたときの値の集合 null {null, undefined} {null} undefined {null, undefined} {undefined} void {null, undefined} {undefined} 事の発端と顛末 TypeScriptの列挙型の挙動を知りたくて、enum OnlyOne {ONE} のサンプルを書いて試したら、nullが入っていて驚いた、というの
qiita.com TypeScript Advent Calendar 2017の8日目の記事です。Weak typesの解説をします。 CTOにも絶賛不評だった以下の記事もおすすめです。 世界がEnumから隠した秘密をひとつひとつ見つけていこうな #TypeScript - 角待ちは対空 タイトルはよくないけど内容はよかった2017/12/06 21:35 b.hatena.ne.jp Excess property checksの復習 TypeScriptではオブジェクトリテラルのとき限定でExcess property checksというチェックが行われる。 つまり interface Options { data?: string, timeout?: number, maxRetries?: number, } function sendMessage(options: Opt
Type Systems for JavaScript Oliver Zeigermann / @DJCordhose http://djcordhose.github.io/flow-vs-typescript/2016_hhjs.html Most recent version including TypeScript 2.0 can be found here (might be work in progress): http://djcordhose.github.io/flow-vs-typescript/flow-typescript-2.html Part I: Introduction Why using type systems? IMHO type systems make code easier to maintain type annotations can mak
DTのメンテナなのにいつまでも知らんぽい!じゃまずいもんね。 https://github.com/Microsoft/types-publisher 調べる範囲 今後、DefinitelyTypedのtypes-2.0ブランチに来るpull requestのレビューに参加し、安心・安全に活動できる基礎知識が得られるまで調べる。 覚えておきたい DTにある型定義ファイルを@types/としてpublishする DTに置く型定義ファイルの好ましい書き方も変化する @types/ 配下の場合と既存のtypings配下とかに落とす場合、デフォルトでは振る舞いが違う(ファイルパスからモジュール名が一意に決められるので 具体的にここにあるとおり、モジュールの形態は Global, ProperModule, ModuleAugmentation, UMD のどれかが好ましい(要するにdeclare
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く