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.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 株式会社ヌーラボ
Streamlitとロール関連の話
nulabinc
PRO
0
76
サクフェス2024_ヌーラボ原_CSと開発
nulabinc
PRO
0
19
チームの力を成果に変える、次世代のマネジメント術 〜中小企業の生産性革命〜
nulabinc
PRO
0
41
チームワークマネジメントとは
nulabinc
PRO
0
18
チームの未来を支えるバックログスイーパーという役割
nulabinc
PRO
0
12
ヌーラボが取り組む RevOpsのこれまでとこれから
nulabinc
PRO
1
230
【資料】30分でわかる!“とりあえず課題を作った”から抜け出すBacklog活用術
nulabinc
PRO
0
210
【展示会ご参加者様向け】Backlog概要編-配布資料
nulabinc
PRO
0
84
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
6
840
Other Decks in Technology
See All in Technology
新しい風。SolidFlutterで実現するシンプルな状態管理
zozotech
PRO
0
130
"'TSのAPI型安全”の対価は誰が払う?不公平なスキーマ駆動に終止符を打つハイブリッド戦略
hal_spidernight
0
120
技術広報のOKRで生み出す 開発組織への価値 〜 カンファレンス協賛を通して育む学びの文化 〜 / Creating Value for Development Organisations Through Technical Communications OKRs — Nurturing a Culture of Learning Through Conference Sponsorship —
pauli
5
520
Building AI Applications with Java, LLMs, and Spring AI
thomasvitale
1
230
単一Kubernetesクラスタで実現する AI/ML 向けクラウドサービス
pfn
PRO
1
350
AI エージェントを評価するための温故知新と Spec Driven Evaluation
icoxfog417
PRO
2
680
改竄して学ぶコンテナサプライチェーンセキュリティ ~コンテナイメージの完全性を目指して~/tampering-container-supplychain-security
mochizuki875
1
390
重厚長大企業で、顧客価値をスケールさせるためのプロダクトづくりとプロダクト開発チームづくりの裏側 / Developers X Summit 2025
mongolyy
0
180
スタートアップの事業成長を支えるアーキテクチャとエンジニアリング
doragt
1
7.1k
AS59105におけるFreeBSD EtherIPの運用と課題
x86taka
0
270
【M3】攻めのセキュリティの実践!プロアクティブなセキュリティ対策の実践事例
axelmizu
0
180
AI時代の戦略的アーキテクチャ 〜Adaptable AI をアーキテクチャで実現する〜 / Enabling Adaptable AI Through Strategic Architecture
bitkey
PRO
15
9.6k
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Cult of Friendly URLs
andyhume
79
6.7k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
45
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Typedesign – Prime Four
hannesfritz
42
2.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
680
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Making Projects Easy
brettharned
120
6.5k
Stop Working from a Prison Cell
hatefulcrawdad
272
21k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠