Writing custom TypeScript ESLint rules: How I learned to love the AST
Writing custom TypeScript ESLint rules: How I learned to love the AST In this blog post, we’re going to learn how to write a custom ESLint plugin to help you with otherwise manual tasks that would take you days. The task? An eslint rule that adds generic to enzyme shallow calls, so we avoid type errors about our components during tests. Let’s dive into the world of ASTs: They’re not as scary as th
TypeScript: Prefer Interfaces
Photo by Markus Spiske on Unsplash Some time after this blog post was written, Anders Hejlsberg opened a PR that preserves type aliases for union and intersection types. That PR’s changes should included in TypeScript 4.2, so when that version is released, the reasons for preferring interfaces might be less compelling. Last week, I noticed a Twitter thread from Rob Palmer in which he described som
Testing UI - Next JS, Typescript, Jest and React Testing Library
Testing UI - Next JS, Typescript, Jest and React Testing Library Intro As you know, React is just JavaScript. That means it can be tested just like any other JS application. There are lots of testing libraries and test runners out there, but I find that the best setup is Jest + React Testing Library. I use it on a daily basis at work and on my side projects. Worth mentioning that this is also a st
gRPC on Node.js with Buf and TypeScript — Part 1
The article I wrote back in 2020 has been outdated for a while now, so I decided to give it a refresh 😎 I’m excited to share a simpler, up-to-date version based on all the cool stuff that’s been happening in the Buf ecosystem since the original publication. Project setupI will use the most basic Node + TypeScript configuration: chatbot> npm init -y chatbot> npm i -D typescript tsx @types/node cha
Elsa - 小さくてセキュアなJavaScript/TypeScript実行環境 MOONGIFT
nodeやWebブラウザ上のJavaScript実行エンジンとしてはv8が最もよく知られています。かつてに比べると圧倒的に拘束で、JavaScriptがWebアプリケーションなどで十分に使えるようになったのはv8エンジンのお陰でしょう。 そんな中、新しいJavaScript/TypeScript実行エンジンとしてElsaを紹介します。言語はGoを採用しています。 Elsaの使い方 実際に使っているところとしては、普通に使えますといった感じです。 $ go run main.go run js/00_core.js { "FSCwd": 5, "FSDirExists": 4, "FSExists": 3, "FSMkdir": 9, "FSRead": 2, "FSRemove": 7, "FSStats": 6, "FSWrite": 1, "Fetch": 20, "Log": 10,
Typescript Type System Adventure
Typescript Type System AdventuretitleTypescript Type System Adventuredate2020-10-24path/typescript-type-system-adventureauthorRick LoveexcerptText Adventure implemented in the Typescript Type System and Vscode JsDoc Viewerimagegame-screenshot-06-large.pngtagstypescript, type-system, vscode, jsdoc, markdown, hacks, demo, games, text-adventure tl;dr: Play a text adventure in vscode with the typescri
Typescriptの次はRustかもしれない
Introduction Rustを学び始めたのは多分今年の3月くらい。 なぜ急にRustに興味を持ったのかは後述しますが、半年ほどRustをいじくりまわしてみて、まだまだ学び途中でもRustの素晴らしさを語らずにはいられず、記事を書くことにしました。 Rustは「Cの正当な後継」なんてよく言われますが、WebエンジニアからみてもRustは本当に素晴らしいってことが少しでも伝わればいいなと思います。 RustとTypescript 「なぜRustとTypescript？」って思う方は多いと思うので、順に話していきたいと思います。 2020年のフロントエンドの流行 まず2020年今日時点のフロントエンドについて雑に書くと React・Vueが主流 Typescriptがデファクト、babelなどでトランスパイルは言わずもがな サーバーサイドもNodeで書くならTypescript Jest、
Tracing TypeScript Compiler
はじめにTypeScript 4.1 で新しく増えた --generateTrace という TypeScript Compiler の profile を取得するオプションについて。 TypeScript 4.1 beta でもすっ飛ばされていたネタなので、多分あまり注目されていないだろうし、 僕もたまたま PRs を眺めていたら見つけた程度だし、他の feature と比べるとかなりニッチなのだけど、個人的に面白かったのでエントリに残しておく。 なぜ僕が今回のオプションに惹かれたかとういうと、 3 ヶ月くらい前に、仕事でやっている TypeScript のプロジェクトについて「ローカルでの tsc が遅い！なんでだ！」って感じで憤ってた時期があって、 どこにボトルネックがあるか調べようと思ったことがあったのだけど、このときは深く調べることができずに挫折したという経緯があるため。 ちなみ
TypeScript による Isomorphic な API Client 開発 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドエキスパートチームの @koba04 です。 本記事では、kintone の REST API を使うためのクライアントである @kintone/rest-api-client (以下 rest-api-client) の構成や工夫した点について紹介します。 本記事は rest-api-client の 1.6.0 のバージョンに基づいています。 @kintone/rest-api-client とは rest-api-client とは、kintone が提供する REST API を利用するためのクライアントライブラリです。 GitHub 上は kintone/js-sdk の Monorepo の 1 パッケージとして開発されています。 kintone/js-sdk での Monorepo 開発については下記の記事を参照してください。 https://blo
TypeScript と ESLint における検査エラーを無視したい時のおまじないまとめ
ESLint にも TypeScript にも「ルールを設定してみたけど、いざ運用するとなるとエラー出ちゃった。これ動作確認して欲しいのにデプロイが CI に弾かれちゃう。うーん、ごまかしちゃえ(てへぺろ)」って時などに使えるハッチが存在しています。ファイル単位・ブロック単位・行単位でそれぞれいろいろな方法があるのでそれらをまとめます。 TypeScript word 単位で無視する ご存知の通り as や any が使えます。 行単位で無視する @ts-ignore で抑制できます。 TS2.6 からの機能でSuppress errors in .ts files using ’// @ts-ignore’ commentsによると、 TypeScript 2.6 support suppressing errors in .js files using // @ts-ignore co
【React+TypeScript】GETエラーを感知して、404ページに遷移させる - Qiita
めちゃめちゃ久しぶりの投稿です。 先日までコミットしていたプロジェクトの中で自分のリサーチとスキルではどうにもできなかった404ページへのリダイレクトの処理について。 先輩に教えていただいたので備忘録として書いておきます。 今回実現させたかったこと 今回実現させたかったのは、大きく分けて2つです。 /hogehoge/tokenのようなURLが叩かれたときにtokenが正規のものか判断する 正規のものである場合、tokenが合致するデータをデータベースからGETする 正規のものでない場合、404ページへリダイレクトさせる これらをReact+TypeScriptのプロジェクト内で実現させるというタスクでした。 行き詰まった点 「tokenが正しいかどうかとか、どうやって判断したらいいん。。。」 大きくいってこの点でした。 今までHTMLとCSSでやってきたので、もう何を使えばいいんかもわか
TypeScript + Node.jsプロジェクトにESLint + Prettierを導入する手順2020 - Qiita
TL;DR 完成形のソースコードはこちら↑ この記事の趣旨 TypeScript + Node.js プロジェクトのはじめかた2020 で作成したTypeScript + Node.jsのプロジェクトに ESLint / Pretiter / husky & lint-staged を導入する手順を紹介します。 今回導入するツールとバージョンは以下になります。 項目 バージョン
東京大学の講義「AWSによるクラウド入門」をTypeScriptで写経した - dackdive's blog
AWSによるクラウド入門 少し前に話題になっていた東京大学の講義資料をやってみたので、内容、感想などメモ。 講義で使用するソースコードはすべて Python で書かれていますが、自分が実際に使うとしたら TypeScript で書くだろうなと思ったので TypeScript で写経しました。 が、CDK のコードはすべて TypeScript で書けましたが、Lambda 関数や動作確認用のスクリプトなどを全て置き換えるところまでは至らず、Python のままです。 写経したリポジトリは https://github.com/zaki-yama-labs/intro-aws に。 学べること 本講義資料には全部で5つのハンズオンがあります。 各ハンズオンで利用する AWS のサービスについては以下の通り。 全般 AWS CDK: Cloud Development Kit CloudFor
Using Vue 3 with JSX and TypeScript | paul shen
My friend and I are building a multiplayer drawing game with Vue. I used it as an excuse to learn and get familiar with Vue. We started with Vue 2 and templates but found that they don't scale well for complicated components. I migrated the codebase to Vue 3 and now we're writing Vue components with JSX with TypeScript. There's relatively little documentation in the Vue 3 docs on JSX and TypeScrip
Understanding TypeScript Generics — Smashing Magazine
An introduction to the utilization of Generics in TypeScript with examples grounded in real-world use cases, such as collections, approaches to error handling, the Repository Pattern, and so on. This article hopes to provide an intuitive understanding of the notion of software abstraction through Generics. In this article, we’ll be learning the concept of Generics in TypeScript and examining how G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Compound Component using TypeScript
Scripting from Javascript to Typescript
Angular CLI, Angular, Node.js, TypeScript, and RxJS version compatibility matrix. Officially part of the Angular documentation as of 2023-04-19 https://angular.io/guide/versions
Deno and TypeScript with Elio Rivero - Software Engineering Daily
TypeScript to WebAssembly: The What, The How And The Why