TypeScript

プロダクトの画面操作説明ドキュメント（マニュアル、要件定義書、オンボーディング資料）は、画面が変わるたびに書き直しを強いられる。文章だけの差分なら軽い。番号や矢印を重ねた説明画像は別で、変更のたびに画像編集ソフトで置き直しになる。 この作業...

この記事はTypeScriptアドベントカレンダー21日目の記事です。 はじめに 弊社ではいろいろ生成して開発の効率化を図っています。 今回はその中でも、OpenAPIからフォームまで一気通貫で型を合わせる方法を紹介します。 この記事の内容...

以下の文章は、執筆者のKent C. Doddsさんからの許可を得て翻訳したものです。 https://www.epicweb.dev/why-i-wont-use-nextjs あなたはこれから新しいプロジェクトに取り掛かるのでしょうか。...

ts-morphを使ってファイルの自動生成をできるようにしたので紹介します。 ファイル自動生成系のツールは山のようにありますが、ts-morphを使いたかったので、ts-morphを使います。 コード全体は以下から見れます。 https:/...

以下の文章は執筆者のDarius Ceplisさんからの許可を得て翻訳したものです。 https://www.mux.com/blog/what-are-react-server-components Reactのサーバーコンポーネントは、...

最近弊社ではts-morphを使って様々なコードを生成し、開発の効率化を図っています。 今回はtailwindでのレスポンシブ対応をts-morphで自動生成する方法を解説します。 前置きが長いのでさっさと実装を知りたい人は 実装 まで飛ん...

基本的にTypeScriptを書くときにはeslintによってTypeScriptのanyの使用を原則禁止にしていることが多いです。 ただTypeScriptでは型の健全性の観点でanyを使用しなければならない場面が多々あります。 anyの...

関数型はデータ型というものを非常に重視する。 データ型によって値をモデリングし、どういった性質のデータなのかを表現する。 更に型システムと組み合わせることでデータ型はさらなる力を得る。 型システムによってデータ型を抽象化するときに利用する型...

TypeScriptの関数型ライブラリのfp-tsには型クラスとしてSemigroupがいる。 その紹介。 https://gcanti.github.io/fp-ts/modules/Semigroup.ts.html Semigroup...

HaskellやScalaなどの関数型言語の特徴として型クラスというものがある。 これは関数型における強力な道具の一つであり、そして何もHaskellやScalaなどの特権機構ではない。 サポートの大小はあれど他の言語でも実現できる。 そし...

style guideにそう書いてある。 https://google.github.io/styleguide/tsguide.html#interfaces-vs-type-aliases 理由はinterfaceが好まれるテクニカルな...

公式 GraphViewコンポーネント Props GitHub - uber/react-digraph: A library for creating directed graph editors nodeKey: 内部的にD3の操作に...