コンパイラかく語りき

import { Fun } from 'programming'

「はじめて学ぶ ソフトウェアのテスト技法」を読んだ

はじめて学ぶソフトウェアのテスト技法作者:リー コープランド発売日: 2013/12/18メディア: Kindle版 「はじめて学ぶ ソフトウェアのテスト技法」を読んだので、所感と引用を書く。 所感 筆者も認めるとおり、本書で扱うのは「知識」と「理解」について。抽…

【CSS】横スクロールし切った時に勢い余ってページバックするのを防ぐ

状況 以下のようなスタイルを指定しているとする。 .element { width: 300px; overflow-x: scroll; } .element の内側の要素がはみ出した場合、横スクロールで表示される。この時、モバイルデバイスやトラックパッドを使用している場合、意図せずページ移動…

【抜粋】Angular アプリケーションプログラミングを読んだ

Angularアプリケーションプログラミング作者:山田 祥寛発売日: 2017/08/04メディア: 大型本 Angular アプリケーションプログラミングを読んだ 「Angular アプリケーションプログラミング」を読みながら書いた抜粋。 第1章 イントロダクション Angularにおけ…

【要約・抜粋】レガシーコードからの脱却を読んだ

「レガシーコードからの脱却」を読んだので、その抜粋と要約。 はじめに 第一部 レガシーコード危機 1章 何かが間違っている 2章 CHAOSレポート再考 3章 賢人による新しいアイデア 第二部 ソフトウェアの寿命を伸ばし、価値を高める9つのプラクティス 4章 9…

Angular サービスクラスのユニットテスト(グローバルモック考慮)

概要 Angular のサービスクラスのユニットテストに関して調べた。かつ、グローバルでモックを定義する方法も考慮。 環境 MacOS Angular.js v8.x.x 情報収集 Angular の公式ドキュメントにテストに関するページがある。 Testing https://angular.io/guide/tes…

【Python】pip install --upgrade pip が成功しない場合の対処法

小ネタです。 古い pip を使っていました pip を使ってパッケージをインストールしたところ、以下のようなワーニングが。 You are using pip version 10.0.0, however version 19.3.1 is available. You should consider upgrading via the 'pip install --u…

【TypeScript】The left -hand and right hand side of an arithmetic operation must be of type 'any', 'number' or an enum type の対処法

タイトルのようなエラーが出た時の対応方法。 自分の場合は、Date 型同士を比較しようとして、このエラーに遭遇しました。 指示通りに number 化することで解決。 const a = "1970/01/01" const b = "1970/01/02" // 誤) const result = new Date(a) - new …

【Mongoose】空配列を持ったドキュメントを取得する

Mongoose のドキュメント取得に関して。空配列を持ったドキュメントを取得する方法。 例えば、以下のようなデータから id: 2 のデータのみ取得する。 { id: 1, items: ['foo'] } { id: 2, items: [] } これらのデータを Data スキーマとすると、以下のように…

【Mongoose】ネストされた ref を populate する

概要 Mongoose には ref という機能がありまして、他のコレクションのドキュメントへの参照 ID を持つことができます。 ref は populate を使って解決します。 この記事では、ネストされた ref を解決する方法について書きます。 参考: Populate - mongoosej…

【Vue.js】メソッドを子コンポーネントから呼ぶ

親コンポーネントで定義したメソッドを、子コンポーネントから呼ぶ方法について。 Props として渡す まず、 props として渡す方法。React エンジニアにとっては馴染みのあるやり方。 <template> <Child :function="someFunction" /> </template> export default { methods: { someFunction() { ... } } } Events を経…