typescript

ESLint ルール追加したいお気持ち

今のルール 追加検討したルール レビュー max-lines-per-function max-statements max-depth 追加ルール no-else-return 結論 その他 既存の Nuxt プロジェクトに ESLint のルールを追加した時に調べたことを整理しました。 Lint の設定ファイルを秘伝のタレ…

TypeScript お試し環境をお手軽コピペコマンドで

小ネタです。コピペでおk。Mac なら動くと思います。 VS Code と VS Code ESLint extension をインストールしておくと ESLint の自動修正も動くので快適です。 echo mkdir mkdir ts-`date '+%Y%m%d%H%M%S'` && cd $_ echo typescript npm init -y && npm i -…

ESLint の設定 (Nuxt TypeScript)

Nuxt で開発する時の ESLint の設定ファイルです。Nuxt のバージョンは 2.10 です。 前提 設定ファイル ESLint の設定ファイルを読む 基本知識 実際に適用されるルールを確認 設定ファイルを拡張する extends 命名規則 @nuxtjs/eslint-config-typescript い…

8月メモ・リンク集

8月に調べたことのメモです。 Vue 関連 基礎 ちょっと応用 Angular 関連 JavaScript その他 その他 Vue 関連 基礎 Vue.js 学習メモ - ryotah’s blog Vuex 学習メモ - ryotah’s blog Nuxt.js 学習メモ - ryotah’s blog How to redirect with vue-router? · Is…

(WIP) Learn Angular

これは何か 始める前に 最初に 基礎 基礎(適宜) 応用 RxJS ngrx TypeScript VS Code エクステンション for Angular for TypeScript for Lint and Code format Util これは何か Angular を習得するために必要な情報をまとめてみようとしたもの Angular の …

5月メモ・リンク集

5 月に調べたことのメモです。 Angular 関連 third party lib Testing in ngrx Version 6 Rx 関連 catchError Rails 関連 その他 Angular 関連 third party lib stories global scripts · angular/angular-cli Wiki · GitHub 例えばグローバルに jQuery を i…

4月メモ・リンク集

4 月に調べたことのメモです。 Angular 関連 Angular 6 モーダルの状態を ngrx で管理する ngrx の状態管理を Router (URL) 起点にする Rails 関連 マイグレーション Active Record クエリインターフェイス Active Record コールバック JSのテスト 関連 Dock…

2月メモ・リンク集

2月に調べたことのメモです。 リサイザー Show More/Less コンポーネント ドラッグアンドドロップ(dnd) Googleスプレッドシート的なスクロール AngularのDIに関して Ruby, Rails関連 VS CodeでRubyを書く その他 リサイザー angular-resizer - StackBlitz …

1月メモ・リンク集

1月に調べたことのメモです。 Angular関連 Date系ライブラリとIANA 複数のプロジェクタで共有したいロジックとコンポーネントをパッケージ化した 必要な前提知識 ReactのHOCs その他 Angular関連 AngularのCDK Tableのコードを読みながら、Viewの組み立て方…

10月メモ・リンク集

これは何か ngrx関連 ngrxとフォーム Introducing @ngrx/entity – @ngrx – Medium 状態のリセット How to share state between reducers best practice · Issue #159 · ngrx/example-app · GitHub Rx関連 unsubscribe その他 Angular関連 view操作 フォーム …

Observable.throw()が返すオブジェクトの型はErrorObservable

import { Observable } from 'rxjs/Observable'; import { ErrorObservable } from 'rxjs/Observable/ErrorObservable'; // ... handleError(err): Observable<any>| ErrorObservable { if (/* 何か */) { return Observable.of('ok'); } else { return Observabl</any>…

RxJSの各種オペレーターなどをimportする場合

全部をimportしない // 禁止 import 'rxjs/Rx'; ライブラリ全体が読み込まれてしまいます。 TSLintでエラーが出るようにしておくと安全です。 Rule: import-blacklist "import-blacklist": [ true, "rxjs", "rxjs/Rx", ] import用のファイルを用意する rxjs-…

TSlintで、特定ファイルや特定行のみ設定を変更したい

ライブラリやレスポンスデータの関係で対応が難しい場合や、他環境にあったファイルを一旦そのまま利用したい場合などに。 https://palantir.github.io/tslint/usage/rule-flags/ // ファイル全体に以下設定を反映 /* tslint:disable:no-null-keyword */ // …

null vs undefined

undefinedを使うべきかnullを使うべきか。コンテキストで使い分けるべきか。 Coding guidelines · Microsoft/TypeScript Wiki · GitHub contributors向けのガイド。undefinedを使えとのこと。 Rule: no-null-keyword TSLintにルールもある。

MouseEvent, KeyboardEventを利用してHTMLElementを操作

Event - Web APIs | MDN MouseEvent - Web APIs | MDN KeyboardEvent - Web APIs | MDN HTMLElement - Web APIs | MDN EventTarget <- Node <- Element <- HTMLElement /** * ボタンのdisabled属性を変更 */ public onMouseEvent($event: MouseEvent) { cons…