AsyncLocalStorageとusingで快適に構造化ロギングしたい話
アプリケーションのログ収集にあたっては、構造化ロギング (structured logging) というプラクティスが広く実践されています。構造化ロギングとは、ログの出力を単なる文字列ではなく、メッセージ以外のメタデータも含む構造化されたデータとして出力することです。構造化されたデータを出力することで、ログの解析や集計を容易にすることができます。 この記事では、JavaScriptのサーバーサイドアプリケーションにおける構造化ロギングの実装に焦点を当てて議論し、最終的に筆者が開発したasync-object-stackを宣伝します。 コンテキストをどのように共有するか 構造化ロギングの実装における主要な関心事は、複数のログでどのようにメタデータを共有するかです。ログに付与するメタデータは、1つのログだけでなく、複数のログにまたがって付与されることが多いでしょう。例えば、リクエストを送ってき
Conditional Typesで型安全なルーターを作る - イワモト・カイドウ
type IsString<T> = T extends string ? "yes" : "no" のように型パラメーターを使うことももちろん可能
"型パズル"との付き合い方
まえおき❌ 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
I am mitsuruog | ReactのHigher order component(HOC)をTypeScriptで作る
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 の作り方について同僚とディスカッションした内容をまとめたものだそうです。同
型付き ⊄ 型なし - soutaroブログ
最近、TypeScriptについて考えることが多い。SideCIでWebフロントエンドの開発に使いはじめたこともあるし、Steepの開発をしていて「TypeScriptだとどうなるんだっけ？？」などと言いながら試してみることもある。 TypeScriptは型付きのJavaScriptである。構文はほとんど同じで、使えるライブラリもかなり近い。JavaScriptへの変換はかなり自明で、ランタイムは全く同じ。性能の差はない。Webpackやnpmを初めとするツール群もかなり共通しているし、アプリケーションも似たようなもん。書いている気分には、ほとんど差がない。つまり、TypeScriptとJavaScriptでプログラミングしているときに、なにか違いを感じるとすれば、それは（ほとんど）型付きの言語と型なしの言語の差と考えて良い。 RubyとJavaを比較するのとは、全然話が違う。構文も意味も
@types/reactと@types/react-domを"resolutions"フィールドで固定する - Qiita
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の扱いはマトモだった - 檜山正幸のキマイラ飼育記 (はてなBlog)
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が入っていて驚いた、というの
Weak typeとはなにか - 角待ちは対空
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
Flow vs TypeScript
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
Microsoft/types-publisher を調べる - Qiita
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ページを開く
GitHub - plantain-00/type-coverage: A CLI tool to check type coverage for typescript code
Extends Developer Experience
GitHub - sindresorhus/type-fest: A collection of essential TypeScript types
GitHub - Odi-ts/odi: 🌪🌌 Opinionated, Declarative, Idiomatic framework for building scalable, supportable and reliable enterprise applications.
Language plugin support. by alloy · Pull Request #2293 · facebook/relay
https://www.typescriptlang.org/docs/handbook/react-&-webpack.html
How can I get inferred type data with flowtype command?
don't depend on @types as much as possible by gfx · Pull Request #53 · bitjourney/ci-npm-update
GitHub - j5ik2o/webpack-typescript-react: Template Project by Webpack and TypeScript 2.0, React
GitHub - microsoft/dts-gen: dts-gen creates starter TypeScript definition files for any module or library.
