TypeScript

社内向けのWeb APIをTypeScriptとExpressで作り直している話

こんにちは。エージェンシー事業部でアプリケーションエンジニアをしている梅津です。 私が所属しているチームでは、日々機能追加や改善を行っているメインプロダクトの他に、社内の別サービスに向けてデータを提供するWeb API(以下、社内向けAPI)が存在して…

TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう

こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐…

mswで快適モック生活

こんにちは。梅津です。 今回は msw(Mock Service Worker) に関する話です。 Kent C. Doddsが 自身のブログ や Epic React などで推していたのをきっかけに知りました。 実際にサービスに導入してみたところ、使い勝手がなかなか良かったので簡単に紹介した…

React Testing Library を使って TDD でコンポーネントを作る

こんにちは。相変わらず Testing Library にハマっている梅津です。 今回はタイトルの通り Testing Library を使ってテスト駆動開発(以下 TDD)をやってみる記事です。 Testing Library も TDD も始めたてなため微妙な点が多いかもしれませんが、「こんな感…

React Testing Library の使い方

こんにちは。Testing Library を布教したいマンの梅津です。 以前書いた記事で実装の詳細をテストすることの弊害と React Testing Library による解決方法を Kent から学びました。 今回はその React Testing Library の簡単な使い方を紹介したいと思います…

JavaScriptフレームワークとビジネスロジックを分離してみる

こんにちは。最近、WebアプリだけでなくKubernetesによる環境構築もしている弓場です。 私が現在参加しているプロジェクトでフロントエンドにNuxt.jsを使用して画面とデータ取得・操作專門のAPIと分離していますが、その際にAPIの型が定義されていないためコ…

Vue.jsにTypescriptを導入してメンテナビリティが向上した

はじめまして、2017年新卒として入社し、現在社内ツールを開発する部署に所属している成田と申します。 最近Vue.js & Typescriptで開発をしているので、どんな感じで開発しているのか紹介します! Vue.js公式サイトで紹介されているTodo管理のexampleをVue.js…