Slide 1
Slide 1 text
スタートアップで学ぶ
フルリモート開発の進め方
@react_nextjs 2023/12/9
Slide 2
Slide 2 text
自己紹介
名前: Reactおじさん (@react_nextjs)
会社: 株式会社ROUTE06
職業: フロントエンドエンジニア
技術スタック: React、Next.js、TypeScript、GraphQL
経歴: 営業 → SES → フリーランス → ROUTE06(今ここ) + 副業2社
趣味: 旅行(温泉ソムリエです)
Slide 3
Slide 3 text
株式会社ROUTE06
Tech Blog はこちら
会社紹介はこちら
Slide 4
Slide 4 text
「 ROUTE06 数字 」で検索 🔍
株式会社ROUTE06
Slide 5
Slide 5 text
ところでみなさん！！
案件に参画した時にこのようなことを感じ
たことはありませんか？
Slide 6
Slide 6 text
何でこの技術使っているんだろう？
何でこんな設計になっているんだろう？
何でこんな処理書いたんだろう？
Slide 7
Slide 7 text
チャットで聞く
ハドルで聞く
設計者がプロジェクトから去っているので想
像してみる
etc…
Slide 8
Slide 8 text
ハドル、チャット、その他想像する時間
→ 工数が増える
Slide 9
Slide 9 text
1回きりだとそこまで工数もかからない。
Slide 10
Slide 10 text
社員が増えるたびに同じことを繰り返してい
ると工数が肥大化してとても無駄な時間が発
生してしまいます。
Slide 11
Slide 11 text
そんな状況に悩んでいるあなたにADRです！！
Slide 12
Slide 12 text
ADRとは
Architectural Decision Records (アーキ
テクチャディシジョンレコード)の略。
アーキテクチャの意思決定の背景を記録
するドキュメントのことです。
Slide 13
Slide 13 text
テンプレ
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
どの粒度でADRを作成していくのが良いのか？
Slide 16
Slide 16 text
・プロジェクト全体に影響しそうなライブラリを選定する時
・日付操作ライブラリ、テストライブラリ、フォームライブラリ、
etc
・エラーハンドリングの方針
・テストの方針
・ディレクトリの方針
・etc….
Slide 17
Slide 17 text
実際運用してみてどうなの？
Slide 18
Slide 18 text
メリット
・プロジェクトの最初から参画している人と、途中から参画
してきた人とで情報格差が無くなる
・これってどうだっけ？といった無駄な議論や会話の削減
・技術選定の話などADRを見ればいいだけになった
Slide 19
Slide 19 text
デメリット
ADR文化をチームに浸透させるには時間がかかる
と思いました
Slide 20
Slide 20 text
・Plainのフロントエンドにおける技術選定(2023年8月版)
・チームにおける ADR 導入から 1 年経った振り返りと感想
Slide 21
Slide 21 text
ご清聴ありがとうございました！！