開発スピードをあげながら 品質を担保する施策

freee技術の日2024の前夜祭LT資料です

Transcript

1. 開発スピードをあげながら 品質を担保する施策 室和⼦ 2024年5⽉31⽇ How to keep development speed with quality
2. 2 室和子
 2023年10⽉に⼊社。 寝坊をチャームポイント と⾔い張る技術を持っていま す。
 統合基盤本部 統合デザイン部 デザインシステムチーム ディレクター
3. 　 アジェンダ 1 2 3 4 アクセシビリティなんてやりたくない！ People Who Resist Accessiblity freeeのアクセシビリティ対応について About freee's accessibility support リサーチでわかった スピードの阻害要因と解決策 Findings and Iterations -- Suffer No More まとめ summary
4. 1 2019年ぐらい • magiが社内に普及活動をはじめる。社内どころか国内のフロントエ ンド界隈に届きはじめる(この余波でわたしもアクセシビリティにつ いて勉強しはじめる)。 2023年ぐらい • magi・ymrlがWebアプリケーションアクセシビリティという厚い本を 出す 2024年 • freee請求書(モバイル)が総務省から情報アクセシビリティ好事例 2023として公表される、など freeeのアクセシビリティ対応について About freee's accessibility support
5. 1 freee、アクセシビリティチェックリストを公開より引用 https://corp.freee.co.jp/news/accessibility-checklist.html freeeのアクセシビリティ対応について About freee's accessibility support • Webアクセシビリティ向上になぜ取り組んでいるのか
 　freeeは、「アイデアやパッションやスキルがあればだれでも、 ビジネスを強くスマートに育てら れるプラットフォーム」というビジョンを掲げ、”だれでも”freeeが提供するサービスを 使ってビジネスを推進できる世界を目指しています。ビジョン実現の為にもWeb アクセシビリティの向上は必要不可欠であり、今後も既存サービスの改修含め 開発を強化してまいります。 Accessibility is Equility
6. 1 freeeのアクセシビリティ対応について About freee's accessibility support freeeなら 「アクセシビリティちゃんとやらせてください」 って言わなくてもできる世界線にいけるんだ〜 と、わいわい入社した私→ I can deal with accessibility support without saying "Please let me handle accessibility support". So, I joined the company with excitement →
7. 2 入社1ヶ月目で社内の人から「アクセシビリ ティなんてやりたくない」と言われ、ショックを うける私→ In the first month of joining the company, someone at the company told me, ``I don't want to work on accessibility,'' and I was shocked. が、実はアクセシビリティがfreeeが重視しているカルチャーの 「スピード」を阻害する要因だと裏で言われていることは知っていた Culture of freee is "speed", but accessibility support interfere it アクセシビリティなんてやりたくない！ I don't want to do accessibility! ところが However
8. なぜなのかをインタビューしてみた結果 As a result of an interview to find out whythey don't handle accessibility support 3 品質は担保されているが スピードと開発体験は下がり続けている状況だった Quality is guaranteed The high-level a11y requirement does hold back the development efficiency -- which suffers the dev team pretty much 噂、ほんとじゃん Rumors are true リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
9. 3 リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions 以降のお話し(リサーチの内容)はfreeeの開発現場の 一部で起こっていた話しで、すべての現場がこうだったと いうわけではありません。ご了承ください。 The story that follows is limited to a portion of the organization and did not happen in all of them. 注 Caution freee、プロダクトが200種類あるのでそのうち の何個かの話しです(嘘)
10. 定性分析: 現状 3 リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
11. 定性分析: 現状 3 • PMが要件定義するPM defines and spec • デザイナーがUIに落とし込むDesigner incorporates into UI • エンジニアが実装するEngineer implements • QAがテストをするQA tests の各工程が分断されていて、 プチ納品している状況になっていた Each process is separated so we repeated small deliveries. リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
12. 定性分析: 現状 3 デザイナー エンジニア QA デザイナー&エンジニア もうa11yとか嫌〜 リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
13. 定量分析: a11y起因issue数 3 2022 2023 2024 total a11y critical 15.3% 7.8% 0.0% 8.9% major 2.1% 1.9% 0.0% 7.3% normal 35.8% 15.1% 13.4% 6.0% リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
14. 定量分析: issueの起因要素 3 リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
15. 定性分析: 解決策 3 リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
16. 解決策 solution • デザイン段階でQAを入れるwork with QA members at the design stage ◦ アクセシビリティ以外にも仕様漏れの指摘をしてもらえるなど、さ らなる品質向上効果があることがわかったIn addition to accessibility, we found that there were further quality improvement effects,because they can give us feedback for specifications • linterを導入する Install linter ◦ 人間同士でいがみ合わず機械で解決することで開発体験もあ がりスピードもあがる By leveraging asynchronous communication tool, we can not only create better development experience but also improve the efficiency. 3 PM Designer Eng QA リサーチでわかった スピードの阻害要因と解決策 Research reveals speed impediments and solutions
17. • リサーチは重要 Research is important ◦ できている・やっているを過信しない Don't be overconfident in what you can do/do ▪ ユーザーが悲鳴をあげる前に実施する Do it before the user screams 4 まとめ summary