Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
アーキテクチャを把握し、テスト観点の漏れをなくす
Search
SHIFT EVOLVE
June 12, 2024
Technology
0
27
アーキテクチャを把握し、テスト観点の漏れをなくす
JaSST'24 Tohoku(
https://www.jasst.jp/symposium/jasst24tohoku.html
)
DAAEテクノロジーグループ
栗山晃
SHIFT EVOLVE
June 12, 2024
Tweet
Share
More Decks by SHIFT EVOLVE
See All by SHIFT EVOLVE
人財育成は社会を救う~最速でアジャイルなQA人財を育てる仕組み~
shift_evolve
0
85
アジャイル開発お悩み相談会 vol.5 質問と回答
shift_evolve
0
110
アジャイル開発お悩み相談会_vol.4_Q&A
shift_evolve
0
79
アジャイル開発お悩み相談会2-1_ボード
shift_evolve
0
160
テストの自動化〜始める、使う、捉える
shift_evolve
0
340
LatteArtによるテストログの記録とそれを用いたメンテナンス性の高いテストスクリプト生成技術の紹介
shift_evolve
2
590
アジャイル開発に必要なテストの準備、進め方
shift_evolve
0
2k
脳の研究をやっていた私がアジャイルに惹かれたワケ
shift_evolve
0
520
8_31 SB共同企画 事業会社と支援会社のアジャイル開発の勘ドコロ
shift_evolve
0
230
Other Decks in Technology
See All in Technology
composer dump-autoloadを「なんとなく使う」から「理解して使う」になる
akinoriakatsuka
0
210
Claude3 on Bedrock with Converse API + Tool use でチャットアプリを作成してみた/Building-a-Chat-App-Using-Claude3-on-Bedrock-with-the-Converse-API+Tool-Use
ren8k
0
470
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
8
110k
20分で分かるIAM全機能 /20240621-aws-summit-iam
opelab
26
7.8k
良いユニットテストの性質を整理してたら考えるべき設計も見えてきたの
bun913
12
5k
Go Global! In the AWS Community Global Initiatives
hiroramos4
PRO
1
120
AWSセキュリティを「日本語で」学習していくための良いコンテンツをまとめてみた
cmusudakeisuke
0
11k
Fintech事業部流・爆速開発
layerx
PRO
0
130
20240619 PLATEAU LT 06 Babylon.jsとPLATEAU
limes2018
0
370
Janus
bkuhlmann
1
540
ぶっちゃけて話すための場作り / Creating an Environment for Open and Honest Communication
piyonakajima
6
2.2k
PHPでデータベースを作ってみた/create-data-with-php
hanhan1978
5
830
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
325
20k
Visualization
eitanlees
137
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
27
2.4k
Become a Pro
speakerdeck
PRO
14
4.7k
A Philosophy of Restraint
colly
198
16k
Code Review Best Practice
trishagee
57
16k
It's Worth the Effort
3n
180
27k
Testing 201, or: Great Expectations
jmmastey
32
6.8k
Done Done
chrislema
178
15k
Transcript
株式会社SHIFT DAAEテクノロジーグループ 栗山晃 アーキテクチャを把握し、テスト観点の 漏れをなくす
1 アジェンダ アジェンダ 1. 自己紹介 2. 概要 3. GA(Google Analytics)のアーキテクチャ1
4. GA(Google Analytics)のアーキテクチャ2 5. 「GAタグを貼りつけるだけ」のテスト観点 6. 終わりに
2 自己紹介(発表者の紹介) 1.自己紹介 ・名前:栗山 晃 ・役割:DAAEテクノロジーグループ リードエンジニア&プロジェクトマネージャ ・普段の業務 ⇒ Webシステムの開発
⇒ テストケースのレビュー ⇒ その他もろもろ 開発エンジニアの観点で、「テスト観点の漏れをなくす」ための考え方をご紹介します。
・「GAタグ(Google Analyticsタグ)」とは? Google Analyticsが提供するコードをWebサイトに埋め込む(単純に張りつけるだけ)で、 Webサイトに訪れるユーザー数やその動向を把握できるようになるツールです。 3 概要:アーキテクチャを把握し、テスト観点の漏れをなくす 2.概要 「GAタグ(Google Analyticsタグ)を埋め込むだけ」を例に「アーキテクチャからテスト観点の
漏れをなくすための考え方」を説明します 「アーキテクチャを把握し、テスト観点の漏れをなくす」 「コードを単純に張りつけるだけ」なので、間違いようがない。テストの必要性があるのだ ろうか? いったい何をテストしたらいいのだろうか?
4 GAのアーキテクチャ1:GAの通信の仕組み 3. GAのアーキテクチャ1 GAタグは「ユーザーの情報」を 取得し、「外部のサーバー (Google)」に送信する 悪質なプログラム(マルウェア)と 同じような動き 防止する仕組みがある(CSP:
Contents Security Policy) ブラウザ Webサーバー GAタグを含むソースコード (HTML, Javascript) Webサイトにおけるユーザーの動 向などのデータ GAタグ ソースコード(HTML+Javascript) GA(Google)
5 GAのアーキテクチャ2:GAの通信の仕組み + CSP(Contents Security Policy) 4.GAのアーキテクチャ2 GAタグが正常に動作するには、適切 にCSPが設定されている必要がある。 ブラウザ
Webサーバー GAタグを含むソースコード (HTML, Javascript) + CSPヘッダー(CSP設定の 指示) Webサイトにおけるユーザーの動 向などのデータ GAタグ ソースコード(HTML+Javascript) GA(Google) CSP設定に従い、 GAタグの通信を 制御 必要なテスト観点 ・CSP設定が適切に設定されていること。 ・GAタグが正常に動作していること ※確認方法例 ChromeのDeveloperツールのコンソール でエラーが出ないことを確認する
6 「GAタグを貼りつけるだけ」のテスト観点 5. 「GAタグを貼りつけるだけ」のテスト観点 GAタグが正常に動作するた めには、CSPに関わる観点を もつことが必要。 そういった観点は、「アーキ テクチャを把握」しないと、 もつことが難しい。
GAタグを貼り つけるだけ 間違いようがな いからテスト不 要 HTMLのソース を見てGAタグが あることを確認 アーキテクチャ を把握 必要なテスト観 点を把握(CSP設 定の観点をもつ)
7 終わりに 6.終わりに 「アーキテクチャを把握し、テスト観点の漏れをなくす」は以上です。 こういった考え方を皆様の担当するシステムにも応用していけると思います。 本発表が、皆様のテスト観点の漏れの防止につながり、より良いプロダクトの開発に繋がれ ば幸いです。 【ご紹介】 SHIFT DAAEテクノロジーグループに興味のある方はこちら
https://speakerdeck.com/shiftgroup/32bace1293215fd26da32d547531881d