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
900
今からでも入れる re:Inventがあるんですか!?
nulabinc
PRO
0
340
ライティングチームだからこそできた、「どことでも繋がれるチーム」づくりの結果 / Technical Writing Meetup vol.38
nulabinc
PRO
0
77
4つの基本的な組織形態を知る ~ミンツバーグの組織論 7つの類型と力学、そしてその先へ~ より GWD in Nagoya
nulabinc
PRO
2
200
必要なのは客観性。組織変革をもたらす、より良い「対話」を生み出すための活動 #scrummikawa
nulabinc
PRO
3
1.3k
悪い実装例から学ぶ ウェブアクセシビリティ改善のヒント
nulabinc
PRO
1
760
ヌーラボカスタマーサクセスチームのBacklog活用
nulabinc
PRO
0
380
言葉で「ヌーラボらしさ」をどう届ける? グローバルチームでコラボレーションする大切さ
nulabinc
PRO
1
140
タスクの可視化は争いをなくす!? 夏休みを乗り切る 宿題プロジェクトマネジメント
nulabinc
PRO
2
310
Other Decks in Technology
See All in Technology
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
事業を差別化する技術を生み出す技術
pyama86
2
360
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.3k
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
230
OPENLOGI Company Profile
hr01
0
60k
どちらかだけじゃもったいないかも? ECSとEKSを適材適所で併用するメリット、運用課題とそれらの対応について
tk3fftk
2
220
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
290
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.9k
生成AI “再”入門 2025年春@WIRED TUESDAY EDITOR'S LOUNGE
kajikent
0
140
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
230
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
110
偏光画像処理ライブラリを作った話
elerac
1
180
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Code Reviewing Like a Champion
maltzj
521
39k
A better future with KSS
kneath
238
17k
Building Applications with DynamoDB
mza
93
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
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
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠