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
React Testing Libraryでの WAI-ARIAロールの活用事例
Search
Nokogiri
August 15, 2024
Technology
1
180
React Testing Libraryでの WAI-ARIAロールの活用事例
Nokogiri
August 15, 2024
Tweet
Share
More Decks by Nokogiri
See All by Nokogiri
Zustandを用いた実践的状態管理
undefined_name
3
660
自動テストは何の役に立つのか そして役に立たないのか
undefined_name
5
1.8k
Pipe Operator (|>) の紹介
undefined_name
2
360
FizzBuzzで学ぶOCP
undefined_name
0
130
エンジニアとQAでコラボするフロントエンドリアーキテクチャ開発の事例
undefined_name
4
2.9k
オブジェクト指向のプラクティスをフロントエンドで活用する
undefined_name
7
1.6k
モププロ@kintone開発チーム
undefined_name
1
610
勉強会で登壇者に 質問しづらい課題を解決する サービスをリリースしました🎉
undefined_name
2
1.3k
Usefull GitLens
undefined_name
3
840
Other Decks in Technology
See All in Technology
混合雲環境整合異質工作流程工具運行關鍵業務 Job 的經驗分享
yaosiang
0
170
Building a cloud native business on open source
lizrice
0
170
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
400
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.6k
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
3
3.1k
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
110
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
860
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
140
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
知覚とデザイン
rinchoku
1
480
ソースを読むプロセスの例
sat
PRO
15
9.9k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
9k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Why Our Code Smells
bkeepers
PRO
340
57k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Code Review Best Practice
trishagee
72
19k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
880
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
990
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
For a Future-Friendly Web
brad_frost
180
10k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Transcript
/PLPHJSJˏ3FBDU0TBLB3FCPPU 3FBDU5FTUJOH-JCSBSZͰͷ 8"*"3*"ϩʔϧͷ׆༻ࣄྫ
/PLPHJSJ !OLHSOLHS גࣜձࣾΧέϋγ ϑϩϯτΤϯυΤϯδχΞ "*Λͬͨҩༀͷडൃ༧ଌΛߦ͏ʮ"*ࡏ ݿཧʯͱ͍͏ϓϩμΫτͷϑϩϯτΤϯυ ։ൃΛ͍ͯ͠·͢
എܠ w 3FBDU5FTUJOH-JCSBSZͰཁૉऔಘʹ8"*"3*"ϩʔϧΛར༻͢Δ͜ͱΛਪ ͍ͯ͠·͢ɻʢϩʔϧࢹ֮ϚεϢʔβʔ͚ͩͰͳ͘ɺࢧԉٕज़Λ༻ ͢ΔϢʔβʔͷΤΫεϖϦΤϯεΛө͢ΔͨΊʣ w 8"*"3*"ϩʔϧݸͷϩʔϧ͕͋Δ͕ɺ࣮ࡍʹΑ͘8FC։ൃͰΘΕΔ 6*ʹͲͷΑ͏ͳϩʔϧ͕༩͞Ε͍ͯΔͷ͔ΛΓ͍ͨɻ w ·ͨ5FTUJOH-JCSBSZͰ࣮ࡍʹͦͷϩʔϧΛར༻ͯ͠ཁૉʹΞΫηεͭ͠
ͭɺͲͷΑ͏ʹςετΛ͔͚Δͷ͔ΛΓͨ͘ͳͬͨɻ
ௐࠪͨ͜͠ͱ w ҰൠʹΑ͘ΘΕ͓ͯΓɺ͔ͭBZରԠ͕͞Ε͍ͯΔ6*ϥΠϒϥϦͰ͋Δ DIBLSBVJͷίϯϙʔωϯτ͕ͲͷΑ͏ͳϩʔϧ͕༩͍ͯ͞Δ͔ௐࠪ w ࣮ࡍʹ8FCΞϓϦΛ࡞Γɺ5FTUJOH-JCSBSZΛͬͯࣗಈςετΛॻ͍ͯΈΔ w ཁૉऔಘ͔Βಈ࡞֬ೝ·Ͱߦ͏ w ίϯϙʔωϯτΛൈਮ
w DIBLSBͷίϯϙʔωϯτͷதͰΑ͘ΘΕΔͷ w ϩʔϧʹಛ͕͋Δͷ
͜ͷࢿྉͰઆ໌͢Δ͜ͱ w ʢ-5ͳͷͰʣҰ෦ൈਮͯ͠հ w $ZCP[V4VNNFS#MPH'FTͷͰશ݅ͷެ։༧ఆ
w IUUQTHJUIVCDPNOLHSOLHS UFTUJOHMJCSBSZBOEBZ ɹϨϙδτϦެ։ͯ͠·͢
ࣄྫհ😃
'PSN$POUSPM TSDDPNQPOFOUT'PSN$POUSPM%JTQMBZ w ςΩετΤϦΞϩʔϧ`UFYUCPY`ͰऔಘͰ͖Δɻ w MBCFMͱJOQVUΛඥ͚Δ͜ͱͰl\OBNFb&NBJM`^zͰऔಘՄೳʹͳΔ
.FOV TSDDPNQPOFOUT.FOV%JTQMBZ w ϩʔϧbNFOV` bNFOVJUFN`ͰཁૉΛऔಘͰ͖Δ
5BCMF TSDDPNQPOFOUT5BCMF w ϩʔϧbUBCMF` bSPXHSPVQ` bDPMVNOIFBEFS` bSPX` bDFMM`ͳͲ༷ʑͳཁૉͰऔಘՄ ೳ
4UBU TSDDPNQPOFOUT4UBU%JTQMBZ w ϩʔϧbUFSN` bEF fi OJUJPO`ͰऔಘՄೳ
5PBTU TSDDPNQPOFOUT5PBTU w $IBLSBVJͩͱSFHJPOͱ͍͏ྖҬ͕࠷ॳ͔Β͋ΓɺϘλϯԡԼͰςΩετͩ ͚͕Ճ͞ΕΔɻ΄͔ͷϥΠϒϥϦͩͱ࣮͜ͱͳΔ͔
"ɿ$ISPNFͰϩʔϧͷ֬ೝํ๏ w $ISPNFͷEFWUPPMͷ&YQFSJNFOUT&OBCMFGVMMBDDFTTJCJMJUZʜ w &MFNFOUTλϒʹΞΠίϯ͕ग़ΔΑ͏ʹͳΔ