Hatena Blog Tags
はてなブログ トップ
フロントエンドテスト
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

フロントエンドテスト

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
くまごろーのプログラミングメモ•3ヶ月前

Testing TrophyをAI駆動開発に落とすための試行錯誤メモ（テスト件数と層配分の指針づくり）

はじめに Testing Trophy を学んで、フロントエンドテストの全体像・効果的なテストの（各レイヤー）バランスはある程度理解できました。 ただ、実際にCursorにテストを書かせてみると、読み取り系の機能だけで何十件ものテストが出てくるなど、量が暴走する場面が少なくありませんでした。 Testing Trophy を踏まえた指示を与えると E2E の乱発は落ち着くものの、結局は 「どの層で、何を、どの程度検証するのか？」 という線引きを人間側が持っていないと、AI をうまく制御できないと感じました。 そこで今回、Testing Trophy を AI駆動開発の実務に落とすための“方針”…

#cursor#フロントエンドテスト

関連ブログ

KENTEM TechBlog•8ヶ月前

IT未経験から3年間React開発を行った振り返り

UnsplashのYannik Zimmermannが撮影した写真 こんにちは。フロントエンドエンジニアのT.C.です。私はITエンジニア未経験でKENTEMにキャリア入社し、React歴も4年目になりました。 どのくらいのスキル感で入社して、各年次ごとにざっくりどの程度のスキルを持つようになったのかを共有します。 スキルの成長は具体的な数値で測りにくい部分もありますが、当時の感覚や経験したことを中心にお伝えできればと思います。 また、後半ではアトミックデザインやフロントエンドテストを導入した際に学んだことも書かせていただきます。 主観の多い記事にはなりますが、Reactエンジニアを目指してい…

#Webフロントエンド#react#Atomic Design#フロントエンドテスト
freee Developers Hub•8ヶ月前

ソフトウェアアーキテクチャに基づいた自動テスト戦略と実装ガイドライン

支出管理開発本部で事業部横断テックリードをしている @ogugu です。 広く複雑で大規模になりつつある支出管理のアーキテクチャについて、以下の連載形式でご紹介していきます。 OpenAPI ではなく TypeSpec を読み書きするスキーマ駆動開発 (本記事) ソフトウェアアーキテクチャに基づいた自動テスト戦略と実装ガイドライン 支出管理におけるマイクロサービスアーキテクチャの知見 今回は、自動テストの戦略をご紹介します。 社内展開した内容を可能な限りそのままご紹介しますので、文体についてはご了承ください。 目的 概略図 テストレイヤー毎の使い分け Unit Test Integration…

#ソフトウェアテスト#playwright#QA#Go言語#フロントエンドテスト
LayerX エンジニアブログ•10ヶ月前

Storybook Play functionでAHA testingのすゝめ

バクラク事業部でソフトウェアエンジニアをしている @ta1m1kam です。 フロントエンド開発において「どのテストをどれだけ書くべきか？」という問いは、誰もが一度は悩むテーマです。ユニットテスト？E2Eテスト？ビジュアルリグレッション？それぞれに役割があり、バランスが求められます。 Testing Trophy そんな悩みに対する一つの指針として、Kent C. Dodds氏が提唱した 「Testing Trophy（テスティング・トロフィー）」 という考え方あります。（提唱自体は2021年ごろなので、今では割と一般的になっているかなと感じています。） kentcdodds.com ポイント…

#フロントエンド#Storybook#react#フロントエンドテスト#testing
ITANDI Engineer Blog•1年前

デザインシステム「ITANDI BB UI」とそれを支えるStorybookの紹介

こんにちは！イタンジのFrontend Unit所属の薄羽です。2024年3月に中途入社しました。好きなnpmパッケージは @emotion/react です。 イタンジのFrontend Unitには主務で薄羽と西野が在籍しており、デザインシステム「ITANDI BB UI」の開発とプロダクトのフロントエンドを横断的に見ること*1を主な仕事としています。 今回はITANDI BB UIとそれを支える「Storybook」を紹介します。 ITANDI BB UI イタンジには、物件管理や申込管理など、様々な機能が存在します。それらの機能は別々のチームで開発されており、同じ見た目や振る舞いのコン…

#デザインシステム#Storybook#TypeScript#フロントエンドテスト
OLTA TECH BLOG•1年前

INVOYフロントエンドにおけるテスト導入と方針

概要 対象読者 方針 コンポーネントのテスト方針 テストコード設計 setup 関数を用いたdomの取得の汎用化 API mockの設計 終わりに 参考文献 概要 OLTAのINVOYでフロントエンドエンジニアを担当している小林です. INVOYは、請求書発行や共有に加え受取請求書の自動データ化やカード決済機能などを提供するサービスです．日々機能が追加される中で、ユーザーに安定したサービスを提供し続けるためには、不具合を防ぐためのテストが不可欠です．そこでINVOYのフロントエンドでは、E2Eテスト自動化ツールであるAutifyを導入し、テストを実施しています．これにより、大きな不具合もなくサ…

#フロントエンドテスト#Nuxt.js#Vue.js#テスト戦略
のこのこかずのこ•1年前

技術書読んだメモ : フロントエンド開発のためのテスト入門

こちらの本を読みました。とっても勉強になりました！ フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 [ 吉井 健文 ]価格: 3080 円楽天で詳細を見る 読もうと思ったわけと感想 テストを導入の必要性はとても感じているけれど、仕事でなかなかテストを書く機会に恵まれず…。 そもそも自分がフロントエンドのテストって何すればいいのかよくわかっていなかったので、提案もままならず…なので、まずは知識をつけたいと思ってこちらの本を読みました。フロントエンドのテストに関して体系的にまとめられている本はほとんどお見かけしないので、本当にありがたいです。 結果、読む前と…

#技術メモ#Jest#フロントエンドテスト
EmotionTechテックブログ•2年前

「フロントエンド開発のためのテスト入門」を読んで

はじめに こんにちは。フロントエンドエンジニアのすずきです。 今回は今年読んだ本の一冊である「フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識」について書こうと思います。 この記事はエモーションテックアドベントカレンダー 2023の10日目の記事です。 きっかけ 私はエモーションテックに入社して、初めて仕事でユニットテストのコードを書きました。 それまではチュートリアルの簡単なものしか書いたことがなかったので、入社後は日々勉強しながら実際のプロジェクトでテストを書いています。 入社してしばらく経ち、もう少しフロントエンドのテスト全体について知りたいと思いチ…

#フロントエンドテスト#技術書
Paytner Tech Blog•3年前

フロントエンドのテストのダミーデータ作成ならrosieがおすすめ

はじめに ペイトナー請求書のフロントエンドを主に担当している @fuqda です。 本稿では、ペイトナー請求書のフロントエンドのテストコードを書きやすくするために最近導入したrosieというライブラリが便利だったので、そちらのご紹介をさせて頂きます。 この記事の対象読者 Jestなどで使用するダミーデータを毎回ベタ書きして疲弊している方 RSpecのFactoryBotのようなライブラリがフロントエンドにも無いのかと探している方 rosieとは？ Ruby on Railsでテストコードを書く際のダミーデータ作成ライブラリとして有名なFactoryBotにインスパイヤされたJavaScript…

#フロントエンド#Jest#FactoryBot#フロントエンドテスト