1. The document discusses DevOps and presents concepts like Value Stream Mapping, Infrastructure as Code, and Document as Code. 2. It describes using modeling patterns like MVC and design patterns from the Gang of Four to structure documentation. 3. Examples are given of reorganizing content in a documentation system by moving sections from one area to another to improve information architecture.

1. DevOps
2017-07-09 Tech Night @ Shiodome # 4
“DevOps ”
presented by @yuzutas0
https://www.pexels.com/photo/meeting-pencils-macbook-notebooks-40120/

2. Ops

3. Sho Yokoyama (@yuzutas0)
-
-
-

4.
Dev Ops
2 /Q 3 / 2 /

5. Dev Ops

6. 1 10
→ → *
*
OpsDevBiz
[ ] DevOps =
PO

7. “Value Stream Mapping”
DevOps
http://gihyo.jp/dev/column/01/devops/2017/value-stream-mapping
[ ]

8. [ ] VSM → “ ” 1
LT
−
PT
.=
Infrastructure as Code

9.
VSM
- p40

10.
Dev/Ops

11.
3 Confluence
※
……
3
Tips
L
L
L

12. 3
A

13. 3
A
B
A

14. 3
A
B
C

15.
2 PC

17. Dev Ops

19.
Write Read

20.
↓

21.
Tips
Util
3
Tips
L
L
L

22.
= MVC Model
Controller Model
3
Tips
L
L
L

23.
MVC
View
Jenkins
_201704XX
Controller Model

24.
Iterator (GoF)
View
Jenkins
Controller Model
_201704XX
_201705XX
_201706XX

26. as Code
as Code
1

28.
View
Jenkins
_201704XX
Controller Model

29.
View
Jenkins
Controller Model
_201704XX
_201705XX
_201706XX

30. →

31.
15 (Document Design Pattern)
-
-
-
-
- Appendix
-
-
-
-
-
-
-
- Rule of Three
- MVC
- GoF
- /

32. Document as Code

34. Problem
1 Join KPT
P:
P:
P: XX

35.
Keep
K:
4 Join KPT
K: K:

36. 3

38. Document as Code

39. Information Architecture
Document as Code

40. Technical Debt
Document as Code

41.
Document as Code

42. presented by @yuzutas0
https://www.pexels.com/photo/meeting-pencils-macbook-notebooks-40120/

43. 1.
2.
3.
Appendix

44.
15 (Document Design Pattern)
-
-
-
-
Appendix 1 -
-
-
-
-
-
-
-
- Rule of Three
- MVC
- GoF
- /

45. MVC - Before
View
DAU
→
Controller
PC
1

46. MVC - After
View
IP
URL +
Slack bot
_X
Controller Model

47. →
MVC - After
1. Slack
2.
3.

48. → →
MVC - After
SpreadSheet
NEW NEW

49. GoF - Template Method

50. GoF - Iterator

51. 1
1
Slack bot
GoF - Singleton

52.
GoF

53.
/

54.
1
Slack

55.
iOS Android → A B
Conway

56.
-
-
-

57. xx%
X X X
-
-

58. Slack Github Pull Request
1 20
KPT

59. Pull Request
Confluence
1.
2.
3. Read/Write

60.
/
1

61. 3
Inbox
3
* PC 1
*3
Rule of three

62.
※

63. - Before
A1
- content_aaa1
- content_aa11
TOP
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33

64. AsIs DEPRECARED
- WIP
A1
- content_aaa1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33
TOP

65. AsIs DEPRECARED
- WIP
A1
- content_aaa1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33
TOP

66. DEPRECATED
- WIP
A1
- content_aaa1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33
TOP
TOP

67. ToBe
- WIP
A1
- content_aaa1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
B2
B3

68. AsIs ToBe
- WIP
A1
- content_aaa1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- content_aa22
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
B2
B3

69. AsIs ToBe
- WIP
A1
- [empty]
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- [empty]
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
B3

70. AsIs ToBe
- WIP
A1
- [empty]
- content_aa11
DEPRECATED
- content_top1
- content_top2
A3
- content_aaa3
- content_aa33
TOP
TOP
B2
B3
A2
- content_aaa2
- [empty]
B1
- content_aaa1
- content_aa22

71. - WIP
A1
- [empty]
- content_aa11
DEPRECATED
- content_top1
- content_top2
A3
- content_aaa3
- content_aa33
TOP
TOP
B2
B3
A2
- content_aaa2
- XX
B1
- content_aaa1
- content_aa22

72. AsIs ToBe
- WIP
A1
- moved to B1
- content_aa11
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- moved to B1
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
B3

73. AsIs ToBe
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- moved to B1
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11
B3

74. AsIs ToBe
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- content_top1
- content_top2
A2
- content_aaa2
- moved to B1
A3
- content_aaa3
- content_aa33
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11
B3

75. AsIs ToBe
B3
- content_aaa2
- content_aaa3
- content_aa33
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- content_top1
- content_top2
A2
- moved to B3
- moved to B1
A3
- moved to B3
- moved to B3
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11

76. AsIs ToBe
B3
- content_aaa2
- content_aaa3
- content_aa33
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- content_top1
- content_top2
A2
- moved to B3
- moved to B1
A3
- moved to B3
- moved to B3
TOP
TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11

77. AsIs ToBe
B3
- content_aaa2
- content_aaa3
- content_aa33
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- moved to TOP
A2
- moved to B3
- moved to B1
A3
- moved to B3
- moved to B3
TOP
- content_top1
- content_top2
- TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11

78. AsIs ToBe
B3
- content_aaa2
- content_aaa3
- content_aa33
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- moved to TOP
A2
- moved to B3
- moved to B1
A3
- moved to B3
- moved to B3
TOP
- content_top1
- content_top2
- TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11

79. AsIs ToBe
B3
- content_aaa2
- content_aaa3
- content_aa33
- WIP
A1
- moved to B1
- moved to B2
DEPRECATED
- moved to TOP
A2
- moved to B3
- moved to B1
A3
- moved to B3
- moved to B3
TOP
- content_top1
- content_top2
- TOP
B1
- content_aaa1
- content_aa22
B2
- content_aa11

80. B3
- content_aaa2
- content_aaa3
- content_aa33
- After
TOP
- content_top1
- content_top2
B1
- content_aaa1
- content_aa22
B2
- content_aa11

81.
XX XX

82.
A B
A /B
1

83. 1.
2.
3.
Appendix 2 -

85.
Document as Code / Document Design Pattern
or

86. vs
30
30
grep
as Code
*RedPen

87.
L
L # KGI/KPI
L # Join
L #
L #
L #
L # KPT
L #
L # Inbox
Appendix 3 -