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.3k
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
720
今からでも入れる re:Inventがあるんですか!?
nulabinc
PRO
0
280
ライティングチームだからこそできた、「どことでも繋がれるチーム」づくりの結果 / Technical Writing Meetup vol.38
nulabinc
PRO
0
45
4つの基本的な組織形態を知る ~ミンツバーグの組織論 7つの類型と力学、そしてその先へ~ より GWD in Nagoya
nulabinc
PRO
2
130
必要なのは客観性。組織変革をもたらす、より良い「対話」を生み出すための活動 #scrummikawa
nulabinc
PRO
3
1.1k
悪い実装例から学ぶ ウェブアクセシビリティ改善のヒント
nulabinc
PRO
1
600
ヌーラボカスタマーサクセスチームのBacklog活用
nulabinc
PRO
0
310
言葉で「ヌーラボらしさ」をどう届ける? グローバルチームでコラボレーションする大切さ
nulabinc
PRO
1
110
タスクの可視化は争いをなくす!? 夏休みを乗り切る 宿題プロジェクトマネジメント
nulabinc
PRO
2
280
Other Decks in Technology
See All in Technology
re:Invent をおうちで楽しんでみた ~CloudWatch のオブザーバビリティ機能がスゴい!/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
130
ハイテク休憩
sat
PRO
2
160
新機能VPCリソースエンドポイント機能検証から得られた考察
duelist2020jp
0
220
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
280
C++26 エラー性動作
faithandbrave
2
750
小学3年生夏休みの自由研究「夏休みに Copilot で遊んでみた」
taichinakamura
0
160
Microsoft Azure全冠になってみた ~アレを使い倒した者が試験を制す!?~/Obtained all Microsoft Azure certifications Those who use "that" to the full will win the exam! ?
yuj1osm
2
110
AWS re:Invent 2024で発表された コードを書く開発者向け機能について
maruto
0
190
AI時代のデータセンターネットワーク
lycorptech_jp
PRO
1
290
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
350
生成AIをより賢く エンジニアのための RAG入門 - Oracle AI Jam Session #20
kutsushitaneko
4
250
日本版とグローバル版のモバイルアプリ統合の開発の裏側と今後の展望
miichan
1
130
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Designing Experiences People Love
moore
138
23k
Thoughts on Productivity
jonyablonski
67
4.4k
BBQ
matthewcrist
85
9.4k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠