E2Eテストのテスト結果を可視化することで気づきが生まれた | メルカリエンジニアリング
メルカリの自動化＆品質保証グループ（Automation & QA Group：通称AQA）の おれたま@AHA_oretama です。 私は普段、テスト自動化やCI / CD を主に行っています。 今回は、Appium×Android E2Eテストのテスト結果の見やすさを改善し、テスト結果を可視化することで気づきが生まれた話について、紹介していきたいと思います。 テスト結果の見やすさ、可視化の重要性について いま使っているテストレポートの課題 Allure Framework 並列化した分だけレポートも分かれてしまうことへの対処 スクリーンショット、スクリーンレコード以外のアタッチメントを追加することができないことへの対処 過去のテスト結果と比較できないことへの対処 他の改善点 テストのタイムラインが見える トレンドも表示できる Looker 生まれた気づき 課題 終わりに テスト結果の
Data visualization with react-vis
What is react-vis?React-vis is a React visualization library created by Uber. With it you can easily create common charts, such as line, area, bar charts, pie and donut charts, tree maps and many more. React-vis is a good option because it is: SimpleFlexibleIntegrated with React.In this article I want to show how to build a simple line chart using react-vis. InstallationFirst of all you need to in
BdashというBIツールをリリースしました - hokaccha memo
BdashというアプリケーションをElectronで作りました。 bdash-app/bdash: A simple business intelligence application. 以下からダウンロードしてインストールできます（現状まだMac版だけ）。 https://github.com/bdash-app/bdash/releases ざっくりとこんな感じのことができる。 SQLを書いて保存＆実行できる 結果を元にグラフを書ける gistで共有できる 現状で対応しているデータソースはMySQL、PostgreSQL（Redshift含む）、BigQuery 仕事でRedshiftを使って分析SQLを書くことが増えて、手元ではJupyter Notebookを使ってたんだけど、SQL書いてグラフを書くだけの用途には若干オーバースペックでもうちょっと簡単にできるといいなと思ったのがき
JavaScriptによるデータビジュアライゼーション入門
TOPICS Web , Database , HTML/CSS , JavaScript 発行年月日 2015年10月 PRINT LENGTH 396 ISBN 978-4-87311-746-1 原書 Data Visualization with JavaScript FORMAT PDF JavaScript、HTML、CSSといったWeb開発者が日頃使い慣れている技術を使って、効果的で印象的なグラフの作成方法をチュートリアル形式で説明しています。さまざまな可視化手法の中から、データをより効果的に魅せるには、どの表現方法がよいのか、どのような技術が必要なのかを解説します。基本的なグラフから、樹形図、ヒートマップ、ネットワークグラフ、ワードクラウド、時系列グラフ、地理情報、複合グラフなど、ステップバイステップで徐々に機能を追加したり改善を加えながら高機能かつインパクトのあるインタラ
使いやすさをデザインする上で心掛けていること - Mackerel お知らせ #mackerelio
こんにちは。デザイナーの id:murata_s です。Mackerelのリリース当初からMackerelの画面設計やUX、ユーザビリティなどのデザイン業務全般を担当しています。 今回は、主にエンジニアさんのためのツールであるMackerelをデザインする際に id:murata_s が気をつけている点を紹介します。ユーザーにとって必要な情報を分かりやすく伝え、迷わないデザインを施すにはどういった配慮が必要か、製品の振る舞いのデザインについてMackerelの事例を交えながら考えてみたいと思います。 Mackerelは言わばソフトウェアであり管理画面ですから、一般に言われるウェブサービスよりもツールとしての側面が強いサービスだと思います。雑誌の誌面ではなく、車のダッシュボードをつくっているようなもので、グラフィックデザイン的な情報設計の考え方が前提となりつつも、それに加えてプロダクトデザイ
The 14 Best Data Visualization Tools
Celebrate King's Day with TNW 🎟 Use code GEZELLIG40 on your Business, Investor and Startup passes today! This offer ends on April 29 → Nishith Sharma is the co-founder of frrole, a social intelligence startup. Raw data is boring and it’s difficult to make sense of it in its natural form. Add visualization to it and you get something that everybody can easily digest. Not only you can make sense of
Textures.js
SVG patterns for Data Visualization Textures are useful for the selective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .attr("r", radius) .style("fill", t.url()); Lines
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
東京メトロリアルタイムシミュレーションwebアプリ metrogram3D
NFC (9) Arduino (13) Kinect (5) Craft (6) App (1) Windows Phone (1) Flash (4) Gainer (1) HTML5 (14) Physical Computing (5) Windows8 (4) memo (32) Award (26) Bluetooth (4) Connective Design (2) DIGITAL DIVERZ (3) DIGITAL FRAGMENTS (8) DeepLearning (2) Device (8) FirefoxOS (2) Hack (3) LINE Creators Market (1) MachineLearning (3) Mixed Reality (1) Multi Screen (1) NUI (2) Node.js (14) PerC (1) SXSW
metrogram3D
metrogramは東京の地下鉄に関するデータ（路線/位置/時刻表などの情報）をもとに、普段見る事の出来ない人と電車の流れを視覚的にとらえるプロジェクトです。 ※ 当コンテンツは、WebGLという技術を用いております。最新のブラウザ環境でご覧ください。 metrogram is a Metro-based information visualized project. Including the metro lines, location and so on that normally the object which can not be visualized such as people and metro flow. ※ This work is using the WebGL web technology. Please use the latest version of your
アトラシアンにおける ふりかえり の方法 - Atlassian Japan
遂に、師走となりました。1 年を振り返る時期がやってきましたね！年末は、その年の出来事を追想する時です。私たちのチームでは、各メンバーが次のようなことを考えます。 上手くいったことは何か？ 自分は、何を達成したか？ 自分のどのような点を更に改善していきたいか？ 今年できなかったことで、来年やりたいことは何か？ そう、12 月は 1 年の出来事を追想する ふりかえり (これが、カッコいいアジャイルの言い方です) の時期です。 ふりかえり とは、スプリント、イテレーション、あるいはリリース後に行われるミーティングを指します。これによって、アジャイルチームが学習・成長して、製品文化と開発文化をより一層向上させる機会を得られます。また、成功点と再発する問題点に焦点をあてることで、チームがプロセスを継続的に向上できるようになります。私たちは、チームの ふりかえり にかける時間を、大体 1 時間に設定
様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」:phpspot開発日誌
Demos - JavaScript InfoVis Toolkit 様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」 デモページでは９種類のビジュアリゼーション方法について紹介されており、グラフ描画ライブラリとは一線を画したデータの見せ方が出来そう 関連エントリ Mediumが作ったデータビジュアライズツール「Charted」 ネットワーク図やタイムライン等を描画できるユニークなビジュアライズライブラリ「vis.js」 かなり豊富な種類のグラフを描画できる「ECharts」
GitHut - Programming Languages and GitHub
Top active languages A split by language view of active repositories GitHut is an attempt to visualize and explore the complexity of the universe of programming languages used across the repositories hosted on GitHub. Programming languages are not simply the tool developers use to create programs or express algorithms but also instruments to code and decode creativity. By observing the history of
R でアトリビューション分析。Google アナリティクスの「コンバージョン経路」レポートを視覚化。 - 廿TT
アトリビューション分析とは バズワードです。明確な定義はありません。 広告の直接効果だけでなく、間接的な効果も含めて分析しようみたいな意味です。 コンバージョン経路 Google アナリティクスの管理画面を開いて「コンバージョン」→「マルチチャネル」→「コンバージョン経路」を選ぶと、こんなレポートが表示されます。 例えば、「オーガニック検索 > ノーリファラー」は、最終的にコンバージョン（成果）に至ったセッションはノーリファラーだったけれども、その直前のセッションはオーガニック検索だった、という意味です。 こういうのを見るのが最近はやってます。ユーザーのセッション遍歴は「カスタマージャーニー」とか呼ばれます。 R で集計 どのチャネル（訪問経路）がコンバージョンにどの程度寄与しているのか、「コンバージョン経路」のレポートから集計してみます。 データは Analytics すべてのウェブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - React-Sight/React-Sight: Visualization tool for React, with support for Fiber, Router (v4), and Redux
GitHub Visualizer
GitHub - swiftcarrot/react-progress-label: Progress component for React and React Native
GitHub - IonicaBizau/git-stats: 🍀 Local git statistics including GitHub-like contributions calendars.
GitHub - es-analysis/plato: JavaScript source code visualization, static analysis, and complexity tool
絶対に描いてはいけないグラフ入りスライド24枚 -slideshare
