はてなブックマーク

はじめに 最近「単体テストの考え方/使い方」を読みました。 普段フロントエンドエンジニアとして実装をしている中で、自分が作っている単体テストについての言語化をサポートしてくれました。 この記事では、フォーム UI の実装を通して、コンポーネントに対する効果的な単体テストについて考察し、具体的なテストの書き進め方の一例を提示してみます。 最終的な成果物 この記事で実装するフォーム UI の最終的な成果物は codesandbox で確認できるようにしています。右のペインの「Tests」をクリックするとテストも実行できます。 注意 この記事は「単体テストの考え方/使い方」（以下、本書）の内容に触れていますが、読んでいなくても理解できるように補足をしているつもりです。それぞれのトピックで、文中に本書の該当ページの番号を「（p123）」のように表示しています（いずれも初版のものです）。 react

この記事は Elm アドベントカレンダー2022 に投稿しています。 はじめに Elm Meetup で話したネタです。イベントでは5分間でかいつまんで発表したので、この記事でそれぞれの要素についてもう少し詳しく説明します。 当日の発表資料です 作ったもの ブラウザで動くルービックキューブを作成しました。下のリンクから実際に動かしていただけます。 動いている様子 使用した言語は Elm (v0.19.1) です。その他ライブラリとバージョンはこちらを参照してください。 注意 ルービックキューブのデータ構造は、ルービックキューブをソフトウェアで表現するための具体的な方法について述べています。 Elm を使った 3D オブジェクトの表現やアニメーションの実装方法などを知りたい場合は、3D オブジェクトの実装から読んでください。 コードは雰囲気を感じてもらうために掲載しています。厳密な定義をして

はじめに type-challenges は TypeScript の型システムでユーティリティ型を実装する問題集です。 型システム版の競技プログラミングといってもいいでしょう。 この記事では type-challenges を遊んで知った TypeScript の tips のうち、勉強になったり面白いと感じたものをまとめました。 type-challenges に挑戦して詰まったときに参考になれば幸いです。 注意 動作確認には、typescriptlang.org の Playground を利用しました。 TypeScript のバージョンは v4.8.4 （執筆時現在の最新バージョン）を使っています。 各セクションごとに書いているコードの Playground のリンクは添付しているので、動作も確認していただけます。 この記事の内容は、 type-challenges の問題を解く