タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
概要 JavaScript/TypeScript向けのMutation Testing FrameworkであるStryker-jsがいい感じになってきたので紹介してみます。簡単な紹介のみです。 対象読者 Strykerの概要を知りたい人 Mutation Testingよく知らないJSer/TSer Mutation Testing導入したいけどJS/TS用のツールが見つからなかった人 Mutation Testingとは テスト対象のコードを変更(Mutate)するミュータントを仕込み、Unit Testが正しくそれらのミュータントを退治できるか測定するものです。 一般的には退治できた割合が高いほど意味のあるUnit Testを書いていると言えます。 Wikipediaの項目にもある通りFuzzingの一種とも言えます。 Mutation Testing自体はGoogleが論文出してた
テストコード品質を高めるためにJS向けMutation Testingライブラリ・Strykerを実戦導入してみた
はじめに 株式会社hitocolorのKanonとしてはお初にお目にかかります。実は2024年2月からhitocolor様に副業先としてジョインさせていただいてます。 hitocolor様ではkokoroeというeラーニングサービスの開発をお手伝いしています！ hitocolor様にjoin後、最初に着手した本格的な案件が今回の記事で書くStrykerの導入です。 Stryker自体は本業[1]の方の社内勉強会で登場したTOPICSで、その時から関心を持っていました。 本業の方ではそれよりも優先度の高いタスクがたくさんだったので導入の目処がなかったのですが、hitocolor様の方で提案したところ「いいね！」とおっしゃっていただき導入する運びになりました。 そして導入にあたっていろいろやったことを、「せっかくなので記事として公開してみよう！」とお話をいただき今に至ります。 Mutation
📢 少しだけ宣伝させてください 🙏 来る7/20にPHPカンファレンス神戸を開催します！！ 小さい箱での開催のため、参加枠に限りがあります！ぜひお早めにお申し込みください！ 改めて、はじめに こんにちは、今回も株式会社hitocolorのKanonとしてお目にかかます。 先日、『Mutation Testingライブラリ・Strykerを実戦導入してみた』という記事を公開しました。 今回はある意味、前回の続編。バックエンドへMutation Testを導入してみたので、同じく実戦導入にあたってのアレコレをお話ししたいなと思い筆を取りました。 おそらくInfectionを実戦導入例を踏まえての記事は、これが日本だと初めてではないでしょうか。 実はこれの続編でもある この記事はMutaion Testの実戦導入においてフロント続編なのですが、実は以下の記事の続編でもあります。 実は以前から
Apollo ClientのInMemoryCacheとMutationに関する調査・考察 - yigarashiのEMブログ
本記事は はてなエンジニアAdvent Calendar 2019 3日目のエントリーです。 はじめに Apollo Client （執筆時 v2.6.4）は、Apollo プラットフォームが提供する JavaScript で実装された GraphQL クライアントです。Apollo Client には InMemoryCache （執筆時 v1.6.3）という強力なキャッシュ機構が用意されており、クエリの結果をキャッシュすることができます。このキャッシュ機構は、多くの場面で API サーバーとの通信回数を削減しパフォーマンスの向上に貢献します。しかし、Mutation によるオブジェクトの作成・更新・削除を行う際には、Apollo Client を使う側がその変更をキャッシュに反映するよう意識する必要があります。例えば、オブジェクトAを含むリストがキャッシュされていたとして、オブジェクト
Thoughtworks社が半年ごとに公開しているTechnology RadarのVol.23が最近公開されていたので一通り読んでみました。 その中でMutation testingという技術が気になったので、今回はこれについて書いていきます。 Mutation testingとは Mutation testingとは、プロダクションコードに対するテストコードがどれだけ十分なものか、というテストの品質自体を評価するテスト手法です。 Mutation testingは、プロダクションコードに対してmutantと呼ばれる小さい変更を加えた後に既存のテストを実行し、テストが失敗するかどうかを検証します。検証した結果テストが失敗した場合は、実行したテストにはプロダクションコードの不備を検知できる能力があるとみなします。mutantによってテストが失敗した場合、mutantがkillされる、と表現
Mutation observer
MutationObserver は DOM 要素を監視し、変更があった場合にコールバックを起動する組み込みのオブジェクトです。 最初に構文を確認してから、実際のユースケースを見ていきましょう。 構文MutationObserver は簡単に使用できます。 まず、コールバック関数を引数にもつオブザーバ(observer)を作成します。: config はブール値のオプションを持つオブジェクトで、“どの種類の変更に反応するか” を指定します。: childList – node の直接の子の変更, subtree – node のすべての子孫に対する変更, attributes – node の属性の変更, attributeFilter – 指定したものだけを監視するための、属性の配列 characterData – node.data (テキストコンテンツ) を監視するかどうか, ほかに
Mutation 後のキャッシュ更新処理についての設計指針(GraphQL, Apollo) - tomoima525's blog
前回は、Apollo GraphQL における Mutation(トランザクション処理)の前提知識としてキャッシュ機構について説明しました。(記事はこちら) 今回は React Apollo(v2) における Mutation 後のキャッシュ更新処理について整理しつつ、どのパターンをどのユースケースで採用すべきかについてまとめてみました。 Mutation 後のキャッシュ更新処理 Mutation の返り値を使う(Optimistic UI/update) Refetch Subscription どう使いわけるか Mutation 後のキャッシュ更新処理 Mutation後のキャッシュ更新処理は大きく分けて3種類あります。それぞれ順番に紹介していきます。 Mutation の返り値を使う(Optimistic UI/update) まず、一番ベーシックな方法として、Mutation の返
Mutation testing とは テストの品質を評価する手法の一つ テスト対象のプログラムの一部を機械的に書き換えたときに、テストが失敗させられるかを確認する手法 大まかな流れは以下の通りです。 プログラムを一部改変 改変されたプログラムのことを "mutant" と呼びます 1.で改変した状態でテストを実施 テストが失敗するかどうかをチェック いずれかのテストが失敗するなら、 テストが十分であるとし、OKとします 全てのテストが成功するなら、テストが不十分であるとし、NGとします このプロセスをたくさん実行し、いろいろなプログラムの改変("mutant")を試してその結果のOKの割合が高いほうが質の高いテストであると判断します。1 テストが失敗する場合に、mutation testingとしてはOKとなります。ややこしいので、この記事では以下のように表現することとします。 テストが
こんにちは！バクラク事業部の@ysakura_です。バクラクビジネスカードを担当しています。 先日、GraphQLのMutationから引数(InputのField)を削りました。その際、ダウンタイムを発生させない様に複数回に分けてリリースを行いました。GraphQLでのNullの扱いに少し苦労をしたので、その知見を共有出来ればと思います。 この記事は、LayerX Tech Advent Calendar 2022 8日目の記事です。 動作環境 担当するプロダクトでは、GraphQLのライブラリとしてBE(バックエンド)では gqlgen、FE(フロントエンド)では Apollo Client を (React + TypeScript) の構成で用いています。 また、GraphQLのスキーマはバックエンドのレポジトリで管理しています。 サンプルスキーマ Mutationの引数のInpu
【GraphQL】入門編 ~基礎とQuery / Mutationの書き方~ | Offers Tech Blog
概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、昨今の WEB アプリケーション開発で採用がされるケースが増えてきている GraphQL について紹介します。 「GraphQL」という名前だけは耳にしたことがあるけど、実際はどういうものなのか分からないという人も多いのではないでしょうか？本記事では、GraphQL 初心者の方でも理解しやすいよう、概要だけでなく RESTful API との違いや具体的な使用方法も掲載していますので、ぜひ参考にしてもらえればと思います。 はじめに 本記事では、GraphQL の基礎と一部実装例を紹介します。GraphQL を扱う上での基礎的な内容ですので、実際のプロダクト開発等では活用できない場合があります。そのことを予めご了承の上、参考
【GraphQL】入門編 ~基礎とQuery / Mutationの書き方~ | Offers Tech Blog
概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、昨今の WEB アプリケーション開発で採用がされるケースが増えてきている GraphQL について紹介します。 「GraphQL」という名前だけは耳にしたことがあるけど、実際はどういうものなのか分からないという人も多いのではないでしょうか？本記事では、GraphQL 初心者の方でも理解しやすいよう、概要だけでなく RESTful API との違いや具体的な使用方法も掲載していますので、ぜひ参考にしてもらえればと思います。 はじめに 本記事では、GraphQL の基礎と一部実装例を紹介します。GraphQL を扱う上での基礎的な内容ですので、実際のプロダクト開発等では活用できない場合があります。そのことを予めご了承の上、参考
Node.js | GraphQL入門(Query, Mutation, Resolver) - わくわくBank
const express = require('express') const express_graphql = require('express-graphql') const { buildSchema } = require('graphql') const app = express() app.use('/graphql', express_graphql({ schema: buildSchema('type Query { wakuwaku: String }'), // Resolver rootValue: { wakuwaku: () => 'Hello World!' }, graphiql: true })) app.listen(5000, () => console.log('Example app listening on port 5000!'))
Optimistic mutation resultsUpdate your UI before your server responds It's often possible to predict the most likely result of a mutation before your GraphQL server returns it. Apollo Client can use this "most likely result" to update your UI optimistically, making your app feel more responsive to the user. For example, let's say we have a blog application that supports the following mutation:
Vue.js：Vuexのエラー：「[vuex] Do not mutate vuex store state outside mutation handlers」の原因と対応例 - Qiita
<template> <!-- v-modelにstateの値を設定 -> <v-test-comp v-model="theValue"></v-test-comp> </template> <script> import { mapState } from "vuex"; export default { computed: { //stateの値にアクセスできるよう設定 ...mapState(["theValue"]) } } </script>
![Vue.js：Vuexのエラー：「[vuex] Do not mutate vuex store state outside mutation handlers」の原因と対応例 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/788d000d0c5760bfeab9e01e93cc6d4d60062ee9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlLmpzJUVGJUJDJTlBVnVleCVFMyU4MSVBRSVFMyU4MiVBOCVFMyU4MyVBOSVFMyU4MyVCQyVFRiVCQyU5QSVFMyU4MCU4QyU1QnZ1ZXglNUQlMjBEbyUyMG5vdCUyMG11dGF0ZSUyMHZ1ZXglMjBzdG9yZSUyMHN0YXRlJTIwb3V0c2lkZSUyMG11dGF0aW9uJTIwaGFuZGxlcnMlRTMlODAlOEQlRTMlODElQUUlRTUlOEUlOUYlRTUlOUIlQTAlRTMlODElQTglRTUlQUYlQkUlRTIlODAlQTYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWRjYjM2MDBhMWZlYmIxZjMwYTZhMDVhYTgwNWFmZWI1%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBTRklUQiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTY0MjFlOGE2NjZiNmNkNWQ5ZDk5YjIzNjlmYTQ4Y2Q%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D76f66a742e73910cbad54bd1a81b8885)
AWS Amplify + Cognito + React で owner に制限した CRUD を実装時に「Not Authorized to access createTodo on type Mutation」が出る場合の対処法 | DevelopersIO
AWS Amplifyによる実装時にNot Authorized to access createTodo on type Mutationというエラーに遭遇しました。 背景と現象 AWS Amplify の React のチュートリアルを実装し、Amplifyにデプロイしました。 日本語の記事では、こちらがわかりやすいです。 AWS Amplifyの公式チュートリアルでToDoリストアプリ（React）をデプロイしてみた | DevelopersIO さて、このチュートリアル終了時点のToDoリストアプリは Cognitoの認証が通ったユーザだけがToDoリストを表示、ToDoアイテムを作成できる ユーザ毎に、当該ユーザが作ったToDoアイテムだけが表示されるようにはなっていない（全アイテムが表示される） という状態です。 そこで、ユーザ毎に、当該ユーザが作ったToDoアイテムだけを表示
GAE/Go 2nd generationでDatastoreのmutationを使う上でトランザクションに気をつけろ！ - Qiita
GAE/Go 2nd generationでDatastoreのmutationを使う上でトランザクションに気をつけろ！GoGAEdatastoreFirestoreGoogleCloud 僕は普段GAE/Goで開発をしているのですが、自社でdatastoreの機能をまとめたライブラリを作ることになって、GoDocを読んでいるときに初めて知ったのですが、datastoreにMutationがあるのをしりました！ それでMutationの使い方や使い所の記事を探したのですが、SpannerのMutationの記事と公式ドキュメントしか出て来なかったので、自分で記事を書くことにしました！ Mutationとは？ 自分が探した限り、datastoreのmutationに関する説明は書いていなかったので、何とも言えないんですけど、 Insert, Update, Upsert, Deleteを一括
Write-up of DOMPurify 2.0.0 bypass using mutation XSS - research.securitum.com
research.securitum.com securitum.com vulnerabilities researches and cyber security education publications Yesterday, a new version of DOMPurify (very popular XSS sanitization library) was released, that fixed a bypass reported by us. In this post I’ll show how exactly the bypass looked like preceded by general information about DOMPurify and how it works. If you are aware of how purifiers work and
Graphene + FlaskでGraphQLサーバを作り、QueryとMutationを試す | nansystem
PythonでGraphQL (opens new window)サーバーを構築する。 GraphQLサーバの構築にはPythonのGraphQLライブラリであるGraphene (opens new window)を使う。 # GraphQLとは GraphQLは、RESTに代わるAPIの仕様だ。 APIは、クライアントがサーバーからデータを取得する方法を定義する。 GraphQLクライアントはGraphQLクエリ言語(GraphQL query language)によりデータを絞り込み、GraphQLサーバから必要なデータを取得する。 GraphQLサーバは、固定のデータ構造を返す複数のエンドポイントではなく、単一のエンドポイントのみを公開し、クライアントが要求したデータを返す。GraphQLスキーマ言語(GraphQL schema language)によりデータの追加や変更、型を定
The mutation E484K, first identified in the South African SARS-CoV-2 variant, has now been identified in the UK fast-spreading variant, prompting fears the virus is evolving further and could become resistant to vaccines. Jacqui Wise looks at what we know so far What do we know about the E484K mutation?The E484K mutation is not a new variant in itself, it’s a mutation which occurs in different var
Mutation Testing
TotT 95 GTAC 61 James Whittaker 42 Misko Hevery 32 Anthony Vallone 27 Code Health 25 Patrick Copeland 23 Jobs 18 Andrew Trenk 12 C++ 11 Patrik Höglund 8 JavaScript 7 Allen Hutchison 6 George Pirocanac 6 Zhanyong Wan 6 Harry Robinson 5 Java 5 Julian Harty 5 Alberto Savoia 4 Ben Yu 4 Erik Kuefler 4 Philip Zembrod 4 Shyam Seshadri 4 Adam Bender 3 Chrome 3 Dillon Bly 3 John Thomas 3 Lesley Katzen 3 Ma
What the D614G Mutation Means for Covid-19 Spread, Fatality, Treatment, and Vaccine
What the D614G Mutation Means for Covid-19 Spread, Fatality, Treatment, and Vaccine
はじめに 本記事では、FastAPI+Strawberryで単純なQueryとMutationを実装し呼び出すことを目標にします。 GraphQLとは GraphQLとはAPI向けのクエリ言語のことです。 主な特徴は以下の通りです。 エンドポイントが1つだけ 複数のリソースを取得できる スキーマによる型付けができる Query、Mutation、Subscriptionがある きちんとした説明はこちらの記事を読むとよさそう。 Strawberryの準備 今回はPythonのFastAPI+Strawberryで実装します。 必要なライブラリをインストールしておきます。 $ pip install fastapi $ pip install uvicorn $ pip install strawberry-graphql[fastapi] import strawberry from fas
Mutation XSS via namespace confusion - DOMPurify < 2.0.17 bypass - research.securitum.com
In this blogpost I’ll explain my recent bypass in DOMPurify – the popular HTML sanitizer library. In a nutshell, DOMPurify’s job is to take an untrusted HTML snippet, supposedly coming from an end-user, and remove all elements and attributes that can lead to Cross-Site Scripting (XSS). This is the bypass:
フロントエンドエンジニアの小牧です。 先日、SPACEMARKET Tech Meetup #2 で GraphQL の Mutation 実装について話しました。 今回はスライドにもある Mutation の実装例について触れていきたいと思います。 Apollo Client と react-apollo GraphQL のクライアントは Apollo Client を使用しました。 Apollo 公式ドキュメントが充実しています。 少し前にデザインが一新されて個人的にとても見やすくなりました。 React との連携は react-apollo を使用しています。 react-apollo で Mutation の実装を行う方法は1つではありません。 graphql 関数を使用した方法や Mutation Component 使用した方法があります。 どちらを使うかは採用しているアーキテ
Mutation Error Handling in GraphQL with Rails - JMDC TECH BLOG
はじめに こんにちは。プロダクト開発部でバックエンドエンジニアをやっている野田です。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 3日目の記事です。 パーソナルヘルスレコードサービス「Pep Up」では、バックエンドはRuby on Rails、フロントエンドはReactで、新規機能開発時はAPIとしてGraphQLを積極的に利用しています。BFF(Backend For Frontend)としての利用ではなく、GraphQL with Railsの構成です。Railsでのエラーハンドリングを踏襲しつつ、GraphQL RubyのMutation Errorを扱うにはどうすればいいか考えてみました。特にGraphQL Rubyでの実装を中心に考察した内容を、一般化して紹介します。 TL;DR G
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Strykerを使ってTypeScriptでMutation Testingする
PHPのMutation Testingライブラリ・Infectionを実戦導入してみた
はじめてのMutation Testing - daisuzz.log
Go でやる mutation testing ~テストの品質を評価しよう~ - Qiita
ダウンタイムなしにGraphQLのMutationから引数を削る方法 - LayerX エンジニアブログ
Optimistic mutation results
Covid-19: The E484K mutation and the risks it poses
FastAPIとStrawberryでGraphQL超入門(QueryとMutation)
Apollo Client で Mutation を実装する | スペースマーケットブログ
gooddaynoiihi.hatenablog.com
ja.wikipedia.org
airpocketchan.hatenablog.com
japan-anime-song.com
search.app
japan-anime-song.com