Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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.5k
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 株式会社ヌーラボ
チームワークマネジメント Bar #5
nulabinc
PRO
0
8
Geeks Who Drink Fukuoka - 202508
nulabinc
PRO
0
6
TRIAL Meetup#1
nulabinc
PRO
0
5
20251129_BacklogWorld.pdf
nulabinc
PRO
0
18
業務プロセス改善を開発⽣産性に つなげるまでの奮闘⽇記
nulabinc
PRO
0
62
AI とナレッジ共有で進化する Backlog の未来
nulabinc
PRO
0
100
DATA_SUMMT2025_Presentation_materials.pdf
nulabinc
PRO
0
89
Streamlitとロール関連の話
nulabinc
PRO
0
97
サクフェス2024_ヌーラボ原_CSと開発
nulabinc
PRO
0
26
Other Decks in Technology
See All in Technology
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
maimyyym
2
1.8k
MySQLとPostgreSQLのコレーション / Collation of MySQL and PostgreSQL
tmtms
1
1k
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
440
AIBuildersDay_track_A_iidaxs
iidaxs
2
340
NIKKEI Tech Talk #41: セキュア・バイ・デザインからクラウド管理を考える
sekido
PRO
0
160
たまに起きる外部サービスの障害に備えたり備えなかったりする話
egmc
0
330
AWS CLIの新しい認証情報設定方法aws loginコマンドの実態
wkm2
7
760
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
emiki
0
240
30分であなたをOmniのファンにしてみせます~分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール~
sagara
0
180
【U/Day Tokyo 2025】Cygames流 最新スマートフォンゲームの技術設計 〜『Shadowverse: Worlds Beyond』におけるアーキテクチャ再設計の挑戦~
cygames
PRO
2
900
AWS Security Agentの紹介/introducing-aws-security-agent
tomoki10
0
330
大企業でもできる!ボトムアップで拡大させるプラットフォームの作り方
findy_eventslides
1
860
Featured
See All Featured
Navigating Team Friction
lara
191
16k
The Cult of Friendly URLs
andyhume
79
6.7k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
0
120
More Than Pixels: Becoming A User Experience Designer
marktimemedia
2
250
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
500
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Navigating Weather and Climate Data
rabernat
0
44
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.3k
Color Theory Basics | Prateek | Gurzu
gurzu
0
140
My Coaching Mixtape
mlcsv
0
7
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠