自作TypeScriptパッケージをそこそこいい感じにビルドする (Rollup / tsc / PostCSS / Babel) - Qiita
やりたいこと Rollupで下記を達成したいと思います。 自作TypeScriptプロジェクトのビルド ES6 Modules (import ...) での出力 Webpackで参照するにはこちらの形式が有利です（TreeShaking） CommonJS (require(...)) での出力 NodeJSで参照するにはこちらの形式が必要です 型宣言(*.d.ts)の出力 ソースマップ(*.js.map)の出力 ビルドしたJavaScriptをBabelでトランスパイルする ソース中で参照しているCSSはPostCSSで処理しながら、一つのファイルとして出力 外部ライブラリ(node_modules配下)は特に展開しないで外部参照のまま ソースコードウォッチのサポート 内容的にはTypeScriptパッケージをwebpack (Tree Shaking)とNode.js両方で使えるよう
How to publish TypeScript package to NPM
In this article I'm going to cover a process of publishing TypeScript package with external dependencies to NPM Write some code The package we're going to publish is React.js custom hook for throttling values: react-use-throttle. I've already written article about developing this hook and now we're going to publish it to NPM First things first, we need to write code for the package. I've put my co
rollup.js × TypeScriptのライブラリをnpm公開する環境の構築（2020年12月版）
rollup.js と TypeScript を使って npm 公開用のライブラリを作ろうとしたら、 Rollup の公式プラグインがRollup Pluginsに移動していて、 ビルド環境構築に苦労したので、雑にメモを残しておきます。 作るもの ✍ npm で公開するためのライブラリを作成する環境 モジュールバンドラに rollup.js を利用する TypeScript を使って開発する 他の npm のモジュール(CommonJS も含む)も利用できる 作成したライブラリは、汎用的に使えるようにする CommonJS、ESModule で利用できる CDN 経由でブラウザで利用できる (buble でトランスパイルし、IE でも動くように 😇) babel を利用して ES2015 まで構文変換は行うが、pollifill は利用者側に委ねる ライブラリが個々に pollifill
TypeScript + Reduxはもうぼちぼちサードライブラリに頼らなくてもある程度はいい感じに補完してくれる - Qiita
import { createStore, Reducer, Action, combineReducers, ActionCreatorsMapObject, ReducersMapObject, ActionCreator } from "redux" //// State全体の定義 export type AppState = { counter: number } //// ActionとActionCreatorの定義 // type CounterAction = Action<"INCREMENT" | "DECREMENT"> でも可 type CounterActionType = "INCREMENT" | "DECREMENT" type CounterAction = Action<CounterActionType> // これだけだるいが利用側のために二重定義し
連打を支える技術 - Sexually Knowing
この記事は、はてなデベロッパーアドベントカレンダーの19日目の記事です。 昨日は、id:t_kyt による あれから一年、あの TypeScript プロジェクトは今 - 多幸感 でした。 すばやく、かつ堅牢にアプリケーションをつくる ボタンを連打したくなる性と向き合う サーバサイドにおける工夫 イベントソーシング リクエストに複数のリソースを含められるように クライアントサイドにおける工夫 イベントのバッファリング accumulate-call で簡潔に書く むすび すばやく、かつ堅牢にアプリケーションをつくる はてなの id:aereal です。アプリケーションエンジニアとして日々、サービスの開発に携わっています。 はてなではサービス開発合宿が年に一度ほどのペースで開催されています *1。今年もつい先日開催されました。 私たちのチームは技術的な挑戦を行う一方で、プロトタイプではなく初
TypeScript だけで Web アプリケーションを作る - おなか周りの脂肪がやばい
はてなでアプリケーションエンジニアをしている id:hatz48 です。この記事は はてなデベロッパーアドベントカレンダー の 13 日目です。 昨日は id:dekokun による dekotech.dekokun.info でした。私は去年は developer.hatenastaff.com こんな記事を書いていました。 今年は、はてなのサービス開発合宿で TypeScript のみを使ってアプリケーション開発をした話をします。 はてなのサービス開発合宿 はてなのサービス開発合宿については はてなスタッフアドベントカレンダー一日目で紹介されています。三日間、いつもとは違うチームで、通常業務から離れ、集中して開発するというものです。 開発自体は、実は三日間で完成はしなかったのでいまでも隙間の時間で開発を続けています。とある社内システムに、ちゃんとしたアクセス制御をいれて実装しなおそうと
TypeScript、台頭か | POSTD
JavaScriptのコミュニティがツールやフレームワークを統合する頻度は、ニコラス・ケイジがいい映画を作るのと同じくらいの頻度です。何が言いたいのかというと、 あることはある のですが、あったとしたら注目を集めるぐらい稀だということです。 だから私は、AngularのチームがAngular 2の開発に使用する言語を自社の AtScript から TypeScript に 切り換えるという決断をした のは非常に興味深いことだと思いました。これまでも、AngularのチームはTypeScriptのチームと共に開発を行ってきてはいますが、直接TypeScriptを使用するという決断は、TypeScriptのプロジェクトを強く支持しているということに他なりません。 また、TypeScriptを活用しているプロジェクトはAngularだけではありません。全くの偶然ですが、私たちTelerikはAn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React + TypeScript only allow children of specific type
TypeScriptで不動点コンビネータに型をつける - Qiita
pyright/README.md at main · microsoft/pyright
Serverless Framework + webpack-pluginでTypeScriptなwebサイト基盤 - Qiita
なぜ TypeScript の型システムが健全性を諦めているか - Qiita