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
Backlog アクセシビリティ改善に向けた取り組み / Actions for impro...
Search
株式会社ヌーラボ
PRO
April 18, 2019
Technology
1
1.4k
Backlog アクセシビリティ改善に向けた取り組み / Actions for improving accessibility in Backlog
4月18日に、株式会社マネーフォワード 京都支店で行われた「業務システムデザイン勉強会」での発表資料です。
https://nulab.com/ja/about/events/25256/
株式会社ヌーラボ
PRO
April 18, 2019
Tweet
Share
More Decks by 株式会社ヌーラボ
See All by 株式会社ヌーラボ
僕たちは何を守っているのか?ビジネスを守る、ヌーラボのセキュリティ実践
nulabinc
PRO
1
44
Snowflake九州ユーザー会
nulabinc
PRO
0
39
ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る
nulabinc
PRO
1
990
今からでも入れる re:Inventがあるんですか!?
nulabinc
PRO
0
380
ライティングチームだからこそできた、「どことでも繋がれるチーム」づくりの結果 / Technical Writing Meetup vol.38
nulabinc
PRO
0
93
4つの基本的な組織形態を知る ~ミンツバーグの組織論 7つの類型と力学、そしてその先へ~ より GWD in Nagoya
nulabinc
PRO
2
260
必要なのは客観性。組織変革をもたらす、より良い「対話」を生み出すための活動 #scrummikawa
nulabinc
PRO
3
1.4k
悪い実装例から学ぶ ウェブアクセシビリティ改善のヒント
nulabinc
PRO
1
860
ヌーラボカスタマーサクセスチームのBacklog活用
nulabinc
PRO
0
410
Other Decks in Technology
See All in Technology
20250408 AI Agent workshop
sakana_ai
PRO
15
3.5k
ソフトウェア開発現代史: "LeanとDevOpsの科学"の「科学」とは何か? - DORA Report 10年の変遷を追って - #DevOpsDaysTokyo
takabow
0
200
”知のインストール”戦略:テキスト資産をAIの文脈理解に活かす
kworkdev
PRO
9
4.2k
さくらの夕べ Debianナイト - さくらのVPS編
dictoss
0
180
DETR手法の変遷と最新動向(CVPR2025)
tenten0727
2
1.1k
LangfuseでAIエージェントの 可観測性を高めよう!/Enhancing AI Agent Observability with Langfuse!
jnymyk
0
170
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
0
210
CBになったのでEKSのこともっと知ってもらいたい!
daitak
1
150
こんなデータマートは嫌だ。どんな? / waiwai-data-meetup-202504
shuntak
6
1.7k
Micro Frontends: Necessity, Implementation, and Challenges
rainerhahnekamp
2
350
【日本Zabbixユーザー会】LLDを理解するときの勘所 〜LLDのある世界を楽しもう!〜
yoshitake945
0
120
Vision Pro X Text to 3D Model ~How Swift and Generative Al Unlock a New Era of Spatial Computing~
igaryo0506
0
260
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.4k
Statistics for Hackers
jakevdp
798
220k
Adopting Sorbet at Scale
ufuk
76
9.3k
Designing for Performance
lara
607
69k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
Automating Front-end Workflow
addyosmani
1369
200k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The World Runs on Bad Software
bkeepers
PRO
67
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
How STYLIGHT went responsive
nonsquared
99
5.5k
Transcript
ΞΫηγϏϦςΟվળʹ ͚ͨऔΓΈ גࣜձࣾψʔϥϘ த༟ೋ
w λεΫ ՝ ཧ 8JLJ (JU47/ ϑΝΠϧڞ༗ Ψϯτνϟʔτ w ͍ΖΜͳۀछͰ͑ΔΦʔϧΠϯϫϯϓϩδΣΫτཧπʔϧ
ػೳΛ΄΅ม͑ͣʹݟͨΛҰ৽ ࡢ݄ϓϨεϦϦʔε
ͳͥٸʹεΫϦʔϯϦʔμʔʁ ͦ͜ʹࢸΔ·ͰͷܦҢ
ػೳΛ΄΅ม͑ͣʹݟͨΛϦχϡʔΞϧ ͔͞ͷ΅Δ͜ͱલ ϦχϡʔΞϧޙ ϦχϡʔΞϧલ
w μογϡϘʔυ͕ݟͮΒ͘ͳͬͨ w ίϯτϥετ͕ऑͯ͘ݟͮΒ͘ͳͬͨ w શମతʹനͬΆ͕ͯ͘ർΕΔ w ϑΥϯτ͕ಡΈʹ͍͘ w ঢ়ଶͷ৭͕ݟ͚ͮΒ͘ͳͬͨ
w ՝Ұཡ͕ݟͮΒ͘ͳͬͨ w 8JLJͷݟग़͠ͳͲͷσβΠϯ͕ݟͮΒ͘ͳͬͨ w ݩͷσβΠϯʹͯ͠΄͍͠ ࣌ͷϢʔβʔͷ
ίϯτϥετΛ֬อ ݟͨͷΞΫηγϏϦςΟରԠ ৭֮ͷଟ༷ੑʹྀ ʢͱɺͱ੨ͳͲͷҧ͍͕Θ͔ΓͮΒ͍ʣ #BDLMPHΒ͠͞ ಛʹํ͕͋ͬͯରԠ͍ͯͨ͠Θ͚Ͱͳ͘ɺ ΞΫηγϏϦςΟͷॏཁੑΛೝࣝ͢Δ ͖͔͚ͬʹͳͬͨ
՝ײΛ͚࣋ͬͨͩͰ ಛʹԿͰ͖ͯͳ͔ͬͨ ͠Βͯ͘͠
˞ϓϥΠόγʔอޢͷͨΊҰ෦දݱΛม͑ͯ·͢ #BDLMPHɺΞοϓσʔτͰ·ͨ εΫϦʔϯϦʔμʔͰ͍ͮΒ͘ͳͬͨ ʢΞΫηγϒϧͰͳ͘ͳͬͯΔʣ #BDLMPHɺεΫϦʔϯϦʔμʔͰ ͍ͮΒ͗ͯ͢ɺͭΒ͍ εΫϦʔϯϦʔμʔར༻ऀ͔ΒͷͭΒ͍ͱ͍͏
ӡͳ͜ͱʹɺ εΫϦʔϯϦʔμʔͰͷૢ࡞෩ܠΛ ݟͤͯΒ͑ͨʂ Ҿ༻ݩɿIUUQTCBDLMPHXPSMEKCVHJOGP ײ ँ ʂ
՝Ճը໘ʹͯʜ w Կͷೖྗ߲͔Θ͔Βͳ͍ w ୲ऀͱ͔ઃఆͰ͖ͳ͍ w ϑΝΠϧΛΞοϓϩʔυͰ͖ͳ͍ w େྔʹϘΠυϨΠͱಡΈ্͛ΒΕΔ ελΠϧγʔτΛແޮԽͯ͠
՝ొͯ͠Δͬʜ িܸʂ
Կͷೖྗ߲͔Θ͔Βͳ͍ ϥϕϧͱೖྗϑΥʔϜ͕ؔ࿈͚ΒΕ͍ͯͳ͍ MBCFMৄࡉMBCFM UFYUBSFBUFYUBSFB GPSଐੑͱ*%ଐੑͰͷؔ࿈͚͕ͳ͍ͷͰʮΤσΟοτෳߦʯͱ͔͠ಡΈ্͛ΒΕͳ͍
୲ऀͱ͔ΛઃఆͰ͖ͳ͍ ηϨΫτϘοΫεͱͯ͠ ଘࡏ͍ͯ͠ͳ͍͜ͱʹͳ͍ͬͯΔ TFMFDUTUZMFEJTQMBZOPOF PQUJPOPQUJPO TFMFDU EJW CVUUPOUZQFCVUUPOCVUUPO EJW JOQVUUZQFTFBSDI
VM MJΞΠίϯͱϢʔβʔ໊MJ VM EJW EJW ελΠϧγʔτΛແޮʹ͢ΔͱTFMFDUཁૉ͕දࣔ͞Εͯ͑Δ
ϑΝΠϧΛΞοϓϩʔυͰ͖ͳ͍ ϦϯΫͰϘλϯͰͳ͍ͷͰΩʔϘʔυͰ ͨͲΓண͚ͳ্͍ʹɺTQBOλάͳͷͰ εΫϦʔϯϦʔμʔͰर͑ͳ͍ TQBODMBTTCVUUPOϑΝΠϧΛબTQBO ελΠϧγʔτΛແޮʹ͢ΔͱʮϑΝΠϧఴ͕͏·͍͔͘ͳ͍߹ʯͷ6*͕ग़͖ͯͯఴͰ͖Δ
େྔʹϘΠυϨΠͱಡΈ্͛ΒΕΔ BλάʹςΩετίϯςϯπ͕ͳ͍ͱ ISFGଐੑʢ63-ʣΛಡΈ্͛Δ BISFGlKBWBTDSJQUWPJE z 47(ΞΠίϯͷΈ B ϘΠυθϩ ʮϘΠυϨΠ
ϦϯΫʯ ʮϘΠυϨΠ ϦϯΫʯ ʮΥον ɹϦϯΫʯ ʮϘΠυϨΠ ϦϯΫʯ
ͦΕ·Ͱͷࣗͷ ΞΫηγϏϦςΟʹର͢ΔΠϝʔδ w ΞΫηγϏϦςΟରԠͬͯࠓ͔ΒΔͷͭΒ͘ ͳ͍Ͱ͔͢ʁ w ΔΜͩͬͨΒϦχϡʔΞϧ࢝ΊΔલʹͪΌΜ ͱํͱ͔͍Ζ͍ΖܾΊͱ͔ͳ͍ͱʜ #&'03&
ݱঢ়ͷͻͲ͞Λͬͯ w ͜Εɺ୯ʹͪΌΜͱϚʔΫΞοϓͰ͖ͯͳ͍ ͚ͩΜʜ w ਃ͠༁͍͟͝·ͤΜ "'5&3
ͻͱͭͷϓϩδΣΫτͱͯ͠ ΞΫηγϏϦςΟվળ͍ͯ͜͠͏ʂ
ɹɹɹͷ ΞΫηγϏϦςΟվળ ࠷ॳͷҰา ӈࠨΘ͔Βͣͨͩલ
ຊͱ͔ͰΦεεϝ͞Ε͍ͯΔਐΊํ #BDLMPHΒ͠͞ ΨΠυϥΠϯͷυΩϡϝϯτ͕খͯ͘͠ ٸʹϋʔυϧ্͕͕ͬͨײ͕͢͡Δ ରൣғΛܾΊΔ υϝΠϯɺϖʔδ୯ҐͳͲ ద߹ϨϕϧɾରԠΛܾΊΔ +*49ͷద߹Ϩϕϧ
"ʙ"""Ͱɺ४ڌɺҰ෦४ڌɺྀͳͲ ͑ͬ͘͢͢͡ʁ *40ʁ 8$"( ˞+*49ͱԿׂ͔Ѫ
#BDLMPHΒ͠͞ ཁɺಈըʹࣈນΛ͍ΕΑ͏ ʢखͱ͔ͷө૾ʹෆཁʣ খ͠͞ͷҰྫ w ΨΠυϥΠϯ࣌ؒґଘϝσΟΞ ࣌ؒґଘϝσΟΞʹସίϯςϯπΛఏڙ͢Δ͜ͱ w Ωϟϓγϣϯ ऩࡁ
ಉظͨ͠ϝσΟΞʹؚ·Ε͍ͯ Δͯ͢ͷऩࡁͷԻίϯςϯπʹରͯ͠ɺΩϟϓγϣϯ͕ ఏڙ͞Ε͍ͯΔɻͨͩ͠ɺͦͷಉظͨ͠ϝσΟΞ͕ϝσΟΞʹ ΑΔςΩετͷସͰ͋ͬͯɺϝσΟΞʹΑΔସͰ͋Δ͜ͱ ͕໌֬ʹϥϕϧ͚͞Ε͍ͯΔ߹আ͘ɻ Ϩϕϧ" Ҿ༻ݩIUUQTXBJDKQEPDT8$"(0WFSWJFXIUNMNFEJBFRVJW
ແཧͤͣϋʔυϧΛԼ͍͛ͯ͘ #BDLMPHΒ͠͞ ݁ՌతʹϨϕϧ"͙Β͍ͷ४ڌͰ͖Δ ରൣғΛܾΊΔ ·ͣ#BDLMPHͷϝΠϯͷػೳ ՝ͷՃɾฤूɾҰཡɾৄࡉը໘ͷΈ ద߹ϨϕϧɾରԠΛܾΊΔ ͱΓ͋͑ͣεΫϦʔϯϦʔμʔͰ͑ͨΒ0,
͞ΒʹɺٹੈओݱΔ
ฏඌΏ͏ͯΜ גࣜձࣾσΟʔθϩ ϑϩϯτΤϯυΤϯδχΞ / WebΞΫηγϏϦςΟΤϯδχΞ ψʔϥϘԬͷΠϕϯτʹͯ #BDLMPHͷΞΫηγϏϦςΟվળͱ͔ ͱͯڵຯ͋Δ͠Δؾ͕͋ΔΜͰ͕͢ɺ OVMBC͞Μ͍͔͕Ͱ͠ΐ͏ʁ ੋඇ%;&30͔ʹֻ͓͚͍ͩ͘͞ɻ
#BDLMPHΒ͠͞ ͓ݴ༿ʹ͑ͯҰॹʹ͍ͬͯͨͩ͘͜ͱʹ
ৄ͍͠ਓʹೖͬͯΒ͏ϝϦοτ #BDLMPHΒ͠͞ ΊͪΌͪ͘Όॿ͔ͬͯษڧʹͳΔ w ԿΛͲ͏ͨ͠Βྑ͍͔Θ͔Βͳ͍ طଘͷΛࢦఠͯ͘͠ΕΔ w ͜ΕͰຊʹରԠͰ͖ͯΔͷ͔Θ͔Βͳ͍ ϨϏϡʔͯ͠Β͑ΔͷͰ҆৺ w
Ͱ͖ͯΔͣͳͷʹ͏·͘ಡΈ্͛ΒΕͳ͍ ৄ͍͠ݕূͯ͠Β͑Δ
ɹɹɹͷ ΞΫηγϏϦςΟ ࣮ફฤɹ ۩ମతʹͬͨɺΖ͏ͱͯ͠Δ͜ͱ
ίετগͳΊͰ Ͱ͖Δ͜ͱ ͻͱΓͰ࢝ΊΒΕΔ
جຊதͷجຊ w ݟग़͠ɺϥϯυϚʔΫΛͪΌΜͱϚʔΫΞοϓ͢Δ ϖʔδͷҠಈʹ͚ͬ͜͏͏ w ೖྗϑΥʔϜϥϕϧͱؔ࿈͚Δ w ΞΠίϯϘλϯը૾ʹಡΈ্͛ͷςΩετΛ Ճ͢Δ w
ϘλϯCVUUPOUZQFCVUUPOʹ͢Δ w BͰWPJE ʹͯ͠Δͷେ֓Ϙλϯཁૉ w ϦϯΫςΩετඈͼઌ͕Θ͔ΔΑ͏ʹ͢Δ w ʮৄࡉͪ͜ΒʯˠԿͷʁ
ϑΥʔΧεΛͪΌΜͱग़͢ ऑࢹͷਓΛߟ͑Δͱɺͦͦ PVUMJOFOPOF͠ͳ͍ํ͕ྑ͍ $44ͰΧελϚΠζͨ͠νΣοΫϘοΫεϥδΦϘλϯͷ ϑΥʔΧεελΠϧঢ়ଶ͕͍Ζ͍Ζ͋ͬͯҙ֎ͱΕΒΕ͕ͪ ˡϑΥʔΧε࣌
ಾͷUBCJOEFYऔΓআ͘ UBCJOEFYͰ)5.-ͷߏͱಉ͡ॱংʹ JOQVUUZQFlUFYUUBCJOEFY ͱ͔͕ٸʹग़ͯ͘Δ
ಡΈ্͛ςΩετΛΘ͔Γ͘͢͢Δ ͪΐͬͱม͑Δ͚ͩͰ͍ͩͿΘ͔Γ͍͢ BISFGলུBSJBMBCFMະରԠ݅ͷ՝Ұཡ ະରԠTQBOTQBO B BISFGলུUJUMFʰະରԠʱͷ՝Λݕࡧ͠·͢ ະରԠTQBOTQBO B ʮະରԠɹɹϦϯΫɹະରԠͷ՝Λݕࡧ͠·͢ʯ ʮະରԠ݅ͷ՝ҰཡɹϦϯΫʯ
՝ҰཡͷϦϯΫʹ ͳͬͯΔ
ίετ͔͔Δ͚Ͳ ͬͨํ͕ྑ͍͜ͱ #BDLMPHରԠ͖͠Εͯ·ͤΜ
ϞʔμϧμΠΞϩάͷதʹϑΥʔΧε ϘλϯͰ։͍ͨ͋ͱϞʔμϧʹϑΥʔΧεҠಈ ʴ͞ΒʹϞʔμϧΛपճͰ͖Δͱ
ϋΠϑϯʢʣ͕ೖྗ͞Ε͍ͯ·ͤΜɻ ϋΠϑϯΛೖΕͯೖྗ͠ͳ͓͍ͯͩ͘͠͞ ి൪߸ Τϥʔͷೖྗ߲͕̍݅͋Γ·͢ ໊͓લ όοΫϩάଠ ΤϥʔϝοηʔδΛΘ͔Γ͘͢͢Δ ΤϥʔͷՕॴɺΤϥʔ༰ɺमਖ਼ํ๏Λ໌ࣔతʹ ʮΤϥʔͰૹ৴Ͱ͖·ͤΜʯ ˡશମΤϥʔͷ
ˡΤϥʔʹͳ͍ͬͯΔՕॴ ˡΤϥʔ༰ͱ ɹमਖ਼ํ๏ ͨ͘͞ΜͷΤϥʔϝοηʔδͯ͢ʹରԠ͢Δͷ͚ͬ͜͏େม ˡͥΜͥΜΘ͔Βͳ͍
#BDLMPHͷΤϥʔରԠͷݱঢ় ͜Ε͙Β͍Ͱ͋Ε͙͢Ͱ͖Δ Τϥʔൃੜͨ͠Βʮ໊݅ඞͣೖྗ͍ͯͩ͘͠͞ʯͱಡΈ্͛ ΤϥʔՕॴʹϑΥʔΧεΛ͍ͬͯ͘ͱ ʮ໊݅ΤσΟοτਖ਼͘͠ͳ͍ೖྗ༰ʯ
w ϥϕϧϘλϯͱͷؔ࿈͚ w ঢ়ଶͷ໌ࣔʢ։ดબΤϥʔͳͲʣ w ΩʔϘʔυͷΈͰૢ࡞Ͱ͖Δ ʢϑΥʔΧεཧʣ w ૢ࡞ͨ݁͠ՌมΘͬͨίϯςϯπͷ ಡΈ্͛
Ұൠతͳ)5.-͚ͩͰແཧ 8"*"3*"ͰͷରԠ͕ඞཁʹͳͬͯ͘Δ ͜͏͍͏ͷͱ͔ ͦͷଞɺ+4͕ͬͭΓ෦ΛΞΫηγϒϧʹ͢Δ
8"*"3*"ͱʢʣ ௨ৗͷ)5.-͚ͩͰදݱ͖͠Εͳׂ͍ঢ়ଶ ͳͲৄࡉͳใΛՃͰ͖Δ)5.-ͷٕज़༷ ΣΠΞϦΞʁ ϫΠΞϦΞʁ μϰϦϡʔΤʔ ΞΠ ΞϦΞʁ ΣϒΞΫηγϏϦςΟͷ্Λతͱ ͍ͯ͠Δ8$ͷஂମ
w Σϒ w ΞΫηγϏϦςΟ w ΠχγΞςΟϒ w ΞΫηγϒϧ w Ϧον w Πϯλʔωοτ w ΞϓϦέʔγϣϯ
8"*"3*"ͱʢʣ SPMFBSJBଐੑΛՃ͢Δ͜ͱͰɺ)5.-ඪ४ͷ ηϨΫτϘοΫε͔ͷΑ͏ʹೝࣝ͞ΕΔ EJW CVUUPOUZQFCVUUPOSPMFDPNCPCPYBSJB FYQBOEFEUSVFBSJBIBTQPQVQUSVFCVUUPO EJW JOQVUUZQFTFBSDIBSJBDPOUSPMTYYYMJTUCPY VMSPMFMJTUCPYJEYYYMJTUCPY MJSPMFPQUJPOBSJBTFMFDUFEUSVFΞΠίϯͱ
Ϣʔβʔ໊MJ VM EJW EJW EJW CVUUPOUZQFlCVUUPOzCVUUPO EJW JOQVUUZQFTFBSDI VM MJΞΠίϯͱϢʔβʔ໊MJ VM EJW EJW ͖ͬ͞ͷ୲ऀઃఆͷ ηϨΫτϘοΫεͷ)5.-
8"*"3*"ͱʢʣ 8"*"3*"ͬͯΔ෩͕Ұ൪͋Ϳͳ͍ Ҿ༻ݩIUUQTXXXXPSH53XBJBSJBQSBDUJDFTOP@BSJB@CFUUFS@CBE@BSJB
8"*"3*"ͱʢʣ 8"*"3*"ͬͯΔ෩͕Ұ൪͋Ϳͳ͍ʢճʣ
ڈ݄͋ͨΓ͔Β΅ͪ΅ͪϦϦʔε ్த·Ͱ͔͠Ͱ͖ͯͳͯ͘ ྑ͍͜ͱ͔͠ͳ͍ͷͰͲΜͲΜϦϦʔε͢Δ
͏Ε͍͠ϑΟʔυόοΫͨͪʢʣ
͏Ε͍͠ϑΟʔυόοΫͨͪʢʣ
ɹɹɹ·ͩೋา͙Β͍ͳͱ͜ΖͰ͋Γ·͕͢ Ұ൪࠷ॳͷ͖͔͚ͬʹͳͬͨํ͔Β ͍͔ͭɺ#BDLMPHͷΞΫηγϏϦςΟͷվળ͕ਐΈɺ εΫϦʔϯɾϦʔμʔར༻ऀ͕ʮ#BDLMPH͕ಋೖ͞Ε ͍ͯΔͷͰ͋Εɺࣗ͜ͷ৬Ͱ҆৺ͯ͠ࣄ͕ Ͱ͖·͢ʂʯͱ͍͑Δ͘Β͍ɺΞΫηγϏϦςΟͷߴ ͍πʔϧʹͳΔ͜ͱΛظ͍ͯ͠·͢ɻ z l Ҿ༻ݩIUUQEFCVHPOTCMPKQBSUJDMFIUNM
·ͱΊ w ࣮ࡍϚʔΫΞοϓจݴͷमਖ਼͢Δ͚ͩͰޮՌେ wରԠͷϋʔυϧΛ͍͖ͳΓ্͛͗͢ͳ͍ w ࣗͷࣄΛݟͭΊ͢ྑ͍ػձʹͳͬͨ w ͬͯͳ͍Ζʔ͑ͳ͍͔ΒͬͯΒ͑ͳ͍ wΞΫηγϏϦςΟରԠΔ͜ͱʹΑͬͯ w
8"*"3*"ରԠͬͯΔ෩͕Ұ൪ةͳ͍ʢճʣ w ࣮ࡍʹ͏ͷਓͳͷͰɺͪΌΜͱ͑Δ͔Ͳ͏͔Λҙࣝ͢Δ wΨΠυϥΠϯ͋͘·ͰΨΠυϥΠϯ
ࠓ͔Β͡ΊͯΈΕ ͍͍Μ͡Όͳ͍ -FUTHFUPO -FUTHFUPO:FB
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠