Repro Tech Meetup #5 Frontend Reliability Supported by NAVITIME

常に流行の技術を把握しながら、必要に応じてプロダクトに取り入れていくことはとても大事です。 その反面、流行のアーキテクチャや技術にばかり目がいってしまい、サービスとしての信頼性や品質を後回しにしていませんか? フロントエンドはユーザーに一番近いがゆえ、堅牢かつ信頼性の高いプロダクト開発をするにはとても多くの配慮が求められます。 これらの多様な要求に対しどのように折り合いをつけていくべきか学び、信頼性の高いフロントエンドの開発の実現していきましょう!
0
前へ 1 2 ・・ 10 次へ
threetreeslight @threetreeslight

BrowserStackやcrossbrowsertestingとかみんな使っているんだろうか? 👀 #reprotech

2018-12-04 19:45:56
香川丈明 @takeaki_kagawa

E2Eテスト実行時にJSでフラグを立ててアニメーションを停止する #reprotech

2018-12-04 19:45:58
kaiba @kaiba

ブラウザスタックってなんだ? #reprotech

2018-12-04 19:46:07
Edward Fox @EdwardKenFox

E2Eが遅いっていうの、どういう頻度でテストを実行するかにもよりそう。コミット単位だと早いほうが良いだろうけど、masterブランチでリリース前に実行とかだったらそんなに短くすることに躍起にならなくて良さそう #reprotech

2018-12-04 19:46:07
ozaki25 @ozaki25rn

E2Eでどこまでテストするかちゃんと戦略立てて作らないと負債にしかならないよな #reprotech

2018-12-04 19:46:49
おとうふ @otofu_square

クロスブラウザの E2E には BrowserStack の他にも crossbrowsertesting.com が使えそうなのでそのうち触りたい ... #reprotech

2018-12-04 19:47:02
kaiba @kaiba

テストの時だけ〜、みたいのやだなぁ #reprotech

2018-12-04 19:47:03
threetreeslight @threetreeslight

外部サービス、お高いですよね 😭 #reprotech

2018-12-04 19:48:29
threetreeslight @threetreeslight

「力技でどうにかならないのが、メンテナビリティ」 #reprotech

2018-12-04 19:48:59
香川丈明 @takeaki_kagawa

Visual Regression Test コード変更前の画像と変更後の画像を比較する #reprotech

2018-12-04 19:49:34
ozaki25 @ozaki25rn

E2Eメンテナビリティを実現するにはHTMLの構造に立ち入らないこと #reprotech

2018-12-04 19:49:37
kaiba @kaiba

スクショ撮って比較とな #reprotech

2018-12-04 19:49:49
おとうふ @otofu_square

最近は - アプリケーションの機能テスト -> Chrome ベースの E2E (puppeteer など) - 画像差分テスト -> Selenium ベースの E2E テスト(スクショ撮影のみ) というのが現実的なのかなと思い始めてる #reprotech

2018-12-04 19:50:15
kaiba @kaiba

visual regression testでok/ngの判断は人間がやるのかな? #reprotech

2018-12-04 19:51:07
kaiba @kaiba

違うか。正解の画像を用意しておくのか。 #reprotech

2018-12-04 19:51:40
threetreeslight @threetreeslight

screenshotの比較、想定しえない微妙なズレとか辛い。 ReproでもチャートのSVGがいつも差分として検出されるの困っているんですよね😭 #reprotech

2018-12-04 19:51:42
Edward Fox @EdwardKenFox

キング・クリムゾン、たぶんジョジョなんだと思うけどジョジョ読んでない勢の自分にはこれしか浮かばないw #reprotech images-na.ssl-images-amazon.com/images/I/518ND…

2018-12-04 19:52:07
threetreeslight @threetreeslight

「アンチエイリアスを全部吹き飛ばす」 #reprotech

2018-12-04 19:52:26
香川丈明 @takeaki_kagawa

BlinkDiffでアンチエイリアスをきると画像差分がうまく行く #reprotech

2018-12-04 19:52:28
hokaccha @hokaccha

「結果のみが残り過程がわからない」 キング・クリムゾンじゃん #reprotech

2018-12-04 19:53:46
𝗻𝘂𝗹𝗹 | 𝘂𝗻𝗱𝗲𝗳𝗶𝗻𝗲𝗱 | @cheezenaan

UI コンポーネント開発という文脈ですが Visual regression test の手段として Storybook + reg-suit の導入事例が紹介されてましたね :eyes: vuefes.jp/speakers/tsuch… #reprotech

2018-12-04 19:53:56
前へ 1 2 ・・ 10 次へ