Vue.js 3.0 で追加される Composition API をさっと舐めてみた

Vue.js 3.0 で最も大きい変更である Composition API を使えるので使ってみたので、その感想をまとめてみた。

2019-09-15

@vue/test-utils で「<Component name> has been modified to ensure it has the correct instance properties」と言われた時

Vue.js vue-test-utils Jest JavaScript テスト TypeScript

前置き Vue.js + JavaScript 環境に TypeScript を導入しようとしたときの話です。コンポーネントを TypeScript 化してコンパイルはでき、テスト（Jest）が通るか確かめたときの話です。前置きやったことバージョンエラー内容なぜこのメッセージが表示…

2019-08-18

ライブラリの中で定義しているインターフェースを拡張したかったんですよ

TypeScript JavaScript

タイトルのとおりで、TypeScript をある程度やっている人なら当然のことかと思いますが。 interface の拡張 TS の interface って拡張できるじゃないですか。 interface Foo { bar: string } interface Foo { baz: number } /* // 結果 Foo: { bar: string b…

2019-07-16

「実践 TypeScript ―BFF と Next.js & Nuxt.js の型定義―」を読みました

JavaScript TypeScript 読書感想文

はじめに「JavaScript ではなく TypeScript で書け」と、去年くらいからかなり言われています。私も JavaScript と TypeScript を使っているので、それにすごい共感します。しかし、実際に型付けするときには結構困ることがあると思います。そこで、つい…

2019-06-18

【資料公開】TypeScript の社内勉強会を開催しました！

TypeScript JavaScript 勉強会

タイトルどおりなのですが、TypeScript の社内勉強会を開催しました！勉強会で使用した資料 https://gitpitch.com/tee-talog/try-typescript 今回は GitPitch を利用してスライドを作成しました。簡単にスライドが作れるので、それほどデザインにこだわら…

2019-06-12

既存プロジェクトに Prettier を導入したけど、コードレビューが辛すぎる件（ラノベタイトル風）

JavaScript ESLint Prettier ポエムコードレビュー

お気持ち表明（いわゆるポエム）です。前置き現在関わっている JavaScript プロジェクトには Prettier が入っていません。また、ESLint は入っていますが（Standard）、--fix をしていない状況です。そして、Vue.js を利用してしますが、eslint-plugin-v…

2019-06-02

ヘッダーを固定するならとりあえずこの 1 行を入れとけっていう CSS

CSS

TL;DR body { scroll-padding-top: <ヘッダーの高さ + α>; } 前置き下の記事では、ヘッダー・フッターは position: fixed; より Flexbox とか CSS Grid とかで作ったほうがいいのでは、的な話をしました（個人の感想です）。 www.tee-talog.com そうはいっ…

2019-05-29

ESLint が一部設定されている JS + Vue.js プロジェクトに Prettier を導入しようとしてハマった

JavaScript Vue.js ESLint Prettier Webpack

TL;DR eslint-plugin-vue を導入してから Prettier を入れないと、変な風にフォーマットされることがあるよ。 TL;DR 背景 Prettier を導入したい！導入方法 1. Prettier を実行してから ESLint を実行 2. ESLint と同時に Prettier を実行地獄どうしてこ…