"Prettier" でググった記事を参考に、雰囲気で導入していたPrettier、 公式ドキュメントを読んでみると、きちんと腹落ち&導入することができましたが、typescript-eslintとprettierの設定が競合する状態となってしまいました。 この記事では、その競合を解決したときの方法について、メモしていきたいと思います。 はじめに typescript-eslint とは? 🤔 prettierとは? 🤔 本題 prettier「semi」と typescript-eslint「member-delimiter-style」が競合した 設定内容 発生した競合内容 解決方法 設定内容 おわり はじめに typescript-eslintとprettierについて、簡単に触れておきたいと思います。 typescript-eslint とは? 🤔 ざっくり説明すると、 es
この記事はTypeScript Advent Calendar 2019 の 16日目の記事です。 「Mapped types」,「Conditional Types」などTypeScriptの型システムは高機能です。 しかし、高機能がゆえに複雑で直感的には分かりくい型を生み出していることも事実です。 TypeScriptの型定義は型を返す関数として扱うことができ、型がバグを生み出す原因にもなります。 そんな型でのバグをなくすために型のユニットテストを紹介します。
I found a way to use Vuex stores in TypeScript without losing typing. It doesn’t require classes, so it is compatible with Vue 3 and the composition API. With lightweight wrappers that are fully typedAt runtime, the library direct-vuex will create a wrapper around each getters, mutations and actions. We can use them from outside the store implementation. So instead of writing: store.dispatch("myAc
このページは、Visual Studio Code で TypeScript 環境を設定し、デバッグ実行するまでの手順を説明するページです。 注意 コンソール (ターミナル) で起動するプログラムを想定した手順です。(ブラウザで実行する想定のものではありません) 前提 この手順で前提としているライブラリ等のバージョンは下記のとおりです。 ライブラリ等 バージョン Visual Studio Code 1.33.1 node.js v10.13.0 / v12.0.0 typescript 3.4.3 手順 node.js のインストール (インストールしていない場合) node.js をインストールしていなければインストールします。 ※ Windows の場合、 公式サイト からインストーラをダウンロードしてインストールします。新しい機能を使いたい場合は「最新版」、安定版を使いたい場合は「
追記: 2019/05/01 最近の@typescript-eslint/eslint-plugin, Prettierのアップデートによって、正式にTypeScript 3.4対応されました。一通り普通に動いてる感じ。 これまで自分で使っていて問題になったのがパフォーマンス。ESLint単体やTSLintに比べて、プロジェクトによるだろうけど2倍以上遅い。体感で結構辛い。 Poor performance on some projects · Issue #389 · typescript-eslint/typescript-eslint これはTypeScriptのパーサーを通す部分の構造上の問題が原因なので、簡単には直せなそうな気配。 とりあえず、個人的には型を必要とするルールにそこまでの価値を感じていないので、該当ルールを無効にしてparserOptions > projectを削
この記事は2016年に書かれた古い記事です。当時はまだTypeScript2.0も出ていないころで今とは状況がかなり異なっています。参考にする場合注意してください。 はじめに TypeScriptの型システム Declaration space Open-ended ここまでの確認 型定義ファイルを読み書きできるようになるために declare キーワード 既存のオブジェクトの型定義を拡張する グローバルなオブジェクトに対する宣言 module Export Assignments Relative or Non-relative module imports ES2015形式 実際の定義ファイル 既存の定義ファイルを拡張する declare global { } について Typings について おわりに インターン募集中 はじめに こんにちはアプリケーションエンジニアの id:t_k
tsc を利用して TypeScript をトランスパイルする素振り環境を作ってみた。最初はコンソール上でコンパイルした JS ファイルを $ node example.js のように動かして満足していたのだが、コンパイルした JS ファイルを HTML で読み込んで動かそうとしたら、import・export が解釈できないようで詰まってしまった。 すぐにモジュールの仕様が問題なのは分かったが、その話をするために、まずは JavaScript におけるモジュール管理の仕組みをおさらいするための記事を書いてみた。 素振り環境の用意 まずは Node.js で動かしてみる HTML から JS ファイルを読み込んでも動作してくれない? モジュール管理の仕組みをおさらいしよう JavaScript におけるモジュール管理の歴史 モジュールバンドルツールの登場 モジュールの仕様が複数生まれた A
import { Stream } from 'stream'; import { EventEmitter } from 'events'; interface FooApplication{} interface FooOptions{} class GameContainer{} interface FileAccess{} TypeDoc Tutorial In this tutorial you will learn how to document your TypeScript projects using TypeDoc, a tool that will extract descriptions from your TypeScript source comments and generate a well organized and pretty HTML documen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く