usako1124のブックマーク - はてなブックマーク

【入門】フロントエンドのテスト手法まとめ - Qiita
はじめに自分は2021年に新卒でweb系の開発会社にフロントエンジニアとして入社し2022年で2年目になります。実務ではReact×TypeScriptを利用したフロント周りの開発をメインで行なっていなす。今回は実務でNext.js プロジェクトにテストを導入することになり「React-Testing-Library」と「Jest」について改めて学び直したのでその内容を紹介します。はじめに「React-Testing-Library」と「Jest」の概要を説明しその上で具体的なテストコードを何パターンか書いていきます。この記事の対象者フロントエンドのテストの概要を知りたい人 React-Testing-LibraryとJestについて知りたい人具体的なテストの書き方を学びたい人なお本記事では、React-Testing-Libraryの具体的な書き方についてをメインにしている
usako1124 2023/08/02
test

frontend
リンク
OpenAPI (Swagger) まとめ - Qiita
はじめに自分は実務でReact×TypeScriptを利用したフロント周りとNode.js(Nest)やRailsを用いたバックエンド(API)の開発をしています。本記事では、OpenAPIを用いたAPI設計の書き方及び、Swaggerの説明と使い方についてまとめていきます。この記事の対象者プログラミング初心者から中級者 APIの基礎を理解している人 OpenAPIを用いてサクッとモックサーバーを試したい人この記事の目標モックサーバーの環境構築を学ぶ Swaggerの使い方を理解する OpenAPIを用いてAPI設計の具体的な書き方を学ぶこの記事でやらないこと本記事ではOpenAPIの「書き方」をメインで解説するため、API設計についての細かい解説は省きます。なおAPI設計については下記の記事でまとめているので、ぜひ参考にしてみてください。用語解説 OpenAPI 公式
usako1124 2022/11/21
react

vue

api

frontend
リンク
エンジニア向けチートシート集 - Qiita
はじめに今回はエンジニア向けのチートシート集のまとめを紹介していきます。チートシートを利用することで作業効率が上がる概要が掴みやすい学習にもなるといった恩恵が得られます。ただし前提として毎回コードを書くたびに「チートシート集でカンニングすればええや」と思うのではなく「最初はチートシートでカンニングしつつ徐々に体で覚えていく」ことを意識して使うことが大切です。最終的にはチートシートは見ずに「自分の使える技術」として定着させるための道具だと思って使ってください。この記事の対象者エンジニア初心者~中級者作業効率を上げたい人コードを書くテクニックを知りたい人 VsCodeチートシートはじめに紹介するのはエンジニアなら必ず使うであろうVsCodeのショートカットチートシートです。 VsCodeのショートカットは大幅に作業効率を上げてくれます。そのため早い内からショートカット
usako1124 2022/08/31
frontend

cheatsheet
リンク
1