DevOps DDEV Gatsby Hands-on by Drupal

Fri, 13 Dec 2019 10:00 - 17:00 JST

Shinagawa Station Takanawa Exit Alvas Design Workshop Venue

Keikyu 2nd Building 5F, Alvas Design Workshop Venue, 3-25-23, Takanawa, Minato-ku, Tokyo


Registration is closed

Get invited to future events

¥3,000 at the door
Bring your hands-on PC. The membership fee includes lunch + exchange meeting and materials.


API-First Decoupled Drupal Camp Tokyo 2019 First day

In this hands-on workshop, you will experience the front-end (React-based framework Gatsby) and the back-end environment (DevOps ddev + Drupal) for developing web services. Gatsby and DevOps ddev are compatible with WordPress and can be used in the same way.

Hands-on overview


Time content
9:30 Start of reception
10:00 Setting up and checking hands-on environment (one server per person in Sakura Cloud)
10:20 DevOps DDEV Overview / Installation
10:40 DevOps DDEV operation
11:00 DevOps DDEV CMS install
11:30 Convert existing CMS to DDEV, Useful commands

12:00 - 13:00 Lunch with lunch box


time content
13:00 Waht's GatsbyJS, install....
13:30 CMS Drupal install, setting, how to use
14:00 GatsbyJS and CMS Drupal connection
15:15 Coffee break
15:35 GatsbyJS application develop
16:30 GatsbyJS User authentication with OAut setting
17:00 Q&A

Exchange meeting

Information exchange with beer, wine and snacks from around 17:30

We look forward to your participation  This Camp Website here

Supplementary explanation

What is API-First

APIs for various systems (a mechanism for calling functions of another software from one software) have been released, and API-First is a mechanism that can provide new services quickly by combining those APIs through the Web. It has become a high-value-added ecosystem, and has been adopted for “API economy” web services such as dispatch services using mobile devices.

What is Decoupled 、Headless CMS

Resource:Headless content management system Wiki

Decoupled and Headless CMS mean that the CMS is used only as a back end and the front end is built on a system other than the CMS using technologies such as REST API. A common CMS is called “Coupled”, and a content management application (CMA) and a content delivery application (CDA) are integrated. It corresponds to the structure of a blog or a conventional homepage. The case where the CMA and CDA are separated is called “Decoupled”.

In the case of Decoupled, the operation is active for the content. In the case of HeadlessCMS, the operation is idle until the content is requested.

Concept of Decoupled



What is Drupal

Community site:

As an open source CMS, it is a highly functional, modular / building block type, scalable system used by governments, universities and companies around the world. In particular, the content type and views function can easily build and manage the data structure of content, and the view function that extracts, displays, processes, and inputs / outputs the data in the SQL language can be easily combined with other systems using the JSON API module. Can be linked together to build a front end.

Concept of Drupal API-First



What is DevOps DDEV

開発元: Drud Technology  Github

An open source DevOps that supports Drupal, WordPress, TYPO3, and backdrop, an open source CMS based on PHP. DevOps can be linked from the local environment of development to the live environment to be released. In the ddev environment, all the software necessary for development, such as Linux OS, database, Web server, PHP language, CMS, etc. are installed in the Docker-based container, so you can start development easily.

Waht is Gatsby

Developer: Gatsby Inc. Open Source Community:

GatsbyJS was born in 2015 as a React-based website construction framework, and since 2018, CMS (Drupal, WordPress, etc.) can be used as a back end.

Probably the first full-scale hands-on training by Gatsby in Japan.


Sakura Internet Inc.,
Gatsby Inc.,

This event is based on Drupal Code of Conduct of the open source CMS Drupal community.

About this community

Drupal Hands-on Workshop

Drupal Hands-on Workshop

毎月1回、東京都内でオープンソースCMSのDrupalを学ぶ勉強会を開催しております。Drupalは、コミュニティ機能、データベースとの連携や拡張性に優れたCMSです。 ● 勉強会の概要 WordPressに代表される、オープンソースCMSを使用してみたけれど、オリジナルサイトの制作に煩わしさを感じている方。 また、SNSサイトのようにコミュニティ機能(=認証機能)が充実した ホームペ...

Join community