Automate, Integrate, Innovate - AI-powered GitLab CI for Drupal module development | Stanford WebCamp 2024

Stanford WebCamp 2024
Automate, Integrate, Innovate: AI-powered GitLab CI
for Drupal module development
May 2024
Yas Naoi | Chief Architect, Cloud
DOCOMO Innovations, Inc.
1
Copyright © 2024 DOCOMO Innovations, Inc. All Rights Reserved.

Yas
2

Yas
3
• Chief Architect, Cloud

Yas
4
• DOCOMO Innovations, Inc. (Sunnyvale, CA)
• NTT DOCOMO Inc.

Yas
• DOCOMO Innovations, Inc. (Sunnyvale, CA)
• NTT DOCOMO Inc.
• Cloud, DevOps, Agile Software Development
• d.o: 20 years
5

7
Cloud Orchestrator
Search: drupal cloud orchestrator

8
Cloud Orchestrator
Search: drupal cloud orchestrator

Multi-cloud Support
──────────────
9
Cloud Orchestrator

Multi-cloud Support
──────────────
§ AWS
10
Cloud Orchestrator

Multi-cloud Support
──────────────
§ AWS
§ Kubernetes
11
Cloud Orchestrator

Multi-cloud Support
──────────────
§ AWS
§ Kubernetes
§ OpenStack
12
Cloud Orchestrator

Multi-cloud Support
──────────────
§ AWS
§ Kubernetes
§ OpenStack
§ VMware
13
Cloud Orchestrator

Multi-cloud Support
──────────────
§ AWS
§ Kubernetes
§ OpenStack
§ VMware
§ Terraform Cloud
14
Cloud Orchestrator

x Cloud Orchestrator
Copyright © 2024 DOCOMO Innovations, Inc. All Rights Reserved. 15

Agenda
16

Agenda
1. Human’s Manual Work: Introducing how ChatGPT can be
utilized in the development field
– Code review using ChatGPT (Browser version)

Agenda
1. Human’s Manual Work: Introducing how ChatGPT can be
utilized in the development field
– Code review using ChatGPT (Browser version)
2. Automation: Sharing use cases of GitLab CI integrated
with ChatGPT
– Integration and automation of ChatGPT's review process in
GitLab CI

Sprint
Planning
1

Develop
Sprint
Planning
1
2

Develop
Sprint
Planning
1
2
Create
Issue & Patch
3

Develop
Sprint
Planning
1
2
Create
Issue & Patch
3
Active

Develop
Sprint
Planning
1
2
Create
Issue & Patch
3
Needs Work
Active

Develop
Sprint
Planning
1
2
Create
Issue & Patch
3
Needs Work
Active
Needs Review

Develop
Automated
Test
Sprint
Planning
1
2
4
Create
Issue & Patch
3
Needs Work
Active
Needs Review

Develop
Automated
Test
Sprint
Planning
1
2
4
Create
Issue & Patch
3
Needs Work
Active
7.x: Pass
Needs Review

Develop
Automated
Test
Sprint
Planning
Merge Request
Review
1
2
4
5
Create
Issue & Patch
3
Needs Work
Active
7.x: Pass
Needs Review

Develop
Automated
Test
Sprint
Planning
Merge Request
Review
1
2
4
5
Create
Issue & Patch
3
Needs Work
Active
Reviewed & tested
by the community
7.x: Pass
Needs Review

Merge
Patch
Develop
Automated
Test
Sprint
Planning
Merge Request
Review
1
2
4
5
6
Create
Issue & Patch
3
Needs Work
Active
Reviewed & tested
by the community
7.x: Pass
Needs Review

Merge
Patch
Develop
Automated
Test
Sprint
Review
Sprint
Planning
Merge Request
Review
1
2
4
5
6
7
Create
Issue & Patch
3
Needs Work
Active
Fixed
Reviewed & tested
by the community
7.x: Pass
Needs Review

Merge
Patch
Develop
Automated
Test
Sprint
Review
Sprint
Planning
1
2
4
6
7
Create
Issue & Patch
3
Needs Review
Needs Work
Active
Fixed
Reviewed & tested
by the community
7.x: Pass
Merge Request
Review
5
Focus

Review Techniques

Review Techniques
• Static Code Analysis
– Lint
– Coding Standards
– Best Practice
– Security Scan
• AI による解析
– AWS CodeGuru Reviewer / Profiler (Java と Python)

Review Techniques
– Lint
– Best Practice
– Security Scan

Review Techniques
– Lint
– Best Practices
– Security Scan

Review Techniques
– Lint
– Best Practices
– Security Scans

Review Techniques
– Lint
– Best Practices
– Security Scans
• AI-based Analysis
– AWS CodeGuru Reviewer / Profiler (Java and Python)

Generate Code for Implementations
AI によるペアプロ

– GitHub Copilot
• Python、JavaScript、TypeScript, Ruby、Go、C#、C など
• OpenAI Codex
– Amazon CodeWhisperer
• Python、Java、JavaScript、TypeScript、C#、Rust、Go、Ruby、Scala、
Kotlin、PHP、C、C++、Shell Script、SQL
AI によるペアプロ

– GitHub Copilot
• OpenAI Codex

– GitHub Copilot
• OpenAI Codex
AI-Driven Pair Programming

Code Review Policy

Code Review Policy
Challenge:
Can human code reviews be replaced
with ChatGPT?

52
Using ChatGPT for Code Review

What is a “Prompt”?
– The command text given to ChatGPT
• Refactor the following code
• Refactor the following code without splitting it
• Refactor the following code using a guard clause
• Refactor the following code using array_map()
• Refactor the following test code using Scenario Outline
…and so on
It might also be a good idea to start with the suggestion "You are a
code reviewer."

…and so on
code reviewer."

1. Refactor if-else Statement by Guard Clause

Refactor the following
code using a guard
clause

code using a guard
clause

code using a guard
clause
Refactor the following code

code using a guard
clause

2. Further Refactor Using a Guard Clause

3. Refactor the Guard Clause's if-else Statement

Refactor using guard clauses
without splitting the code.

Refactor using guard clauses
without splitting the code.
The guard clause has eliminated the else.
The comparison operator === was
changed to !==, and the logic before and
after the if has been swapped."

4. Refactor BDD Test Scenarios

5. Express the Logic as Data Structure

Refactor this code

• Cyclomatic complexity
2.58 → 2.16

6. Migrate jQuery-based JS to Vanilla JS

Refactor this code to
vanilla JavaScript

Result
• As a result of using ChatGPT for human code reviews,
out of 341 merge requests, the review outcomes could
be incorporated in 55 cases.
• That is,
– Applicable to 16% of the entire code review

Next Step
• Reviews can be made more efficient, contributing to a
significant increase in productivity, but the inputting of
prompts and the sharing of review comments are still
manual tasks that do not change.

Next Step
• Reviews can be made more efficient, contributing to a
significant increase in productivity, but the inputting of
prompts and the sharing of review comments are still
manual tasks that do not change.
Integrate into the GitLab CI automated test pipeline

85
Service Development Lifecycle

Implement
Build
Unit Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT
ウェブアプリケーションフレームワーク
GitLab ChatGPT

Implement
Build
Unit Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT
GitLab ChatGPT

Implement
Build
Unit Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT
Web Application Framework
GitLab ChatGPT

Implement
Build
Unit Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT
GitLab ChatGPT

Implement
Build
Unit
Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT
GitLab ChatGPT

GitLab ChatGPT
Implement
Build
Unit
Test
Deploy
Acceptance
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
GitLab
ChatGPT

Implement
Build
Unit
Test
Deploy
Accept
Test
Release
Monitor
Service
Design
Systems
Design
Lucidchart
Jira Confluence
Container
GitLab
Focus
GitLab ChatGPT
Unit
Test

GitOps Integration

GitOps Integration
Slack
EC2
GitLab Master (SaaS)
CI/CD
Pipeline
GitLab
Repository
Developer
gitlab-runner 1
gitlab-runner 2
gitlab-runner 3
gitlab-runner 4
GitLab
Container Registry
ChatGPT API

GitOps Integration

Future Work
• Measuring the effect and feedback on whether developers have
incorporated the review results from ChatGPT
− Developers rate the review results from ChatGPT with stars
− Building and launching a feedback measurement site integrated with Slack

Future Work
• Furthermore, implement automation of verification and
development by applying ChatGPT to each process of
the SLDC (Software Development Life Cycle) other than
code review

Demo

112
Thank you!
"Coming together is a beginning, keeping together is
a progress; working together is a success.“
- Henry Ford
Yas Naoi: yas.naoi@docomoinnovations.com

Automate, Integrate, Innovate - AI-powered GitLab CI for Drupal module development | Stanford WebCamp 2024

Recommended

More Related Content

Similar to Automate, Integrate, Innovate - AI-powered GitLab CI for Drupal module development | Stanford WebCamp 2024 (20)

More from DOCOMO Innovations, Inc. (16)

Recently uploaded (20)

Automate, Integrate, Innovate - AI-powered GitLab CI for Drupal module development | Stanford WebCamp 2024