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
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.
AM
| 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
PM
| 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
Community site： drupal.org
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
開発元： 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.
Developer： Gatsby Inc. Open Source Community： Gatsbyjs.org
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.
毎月１回、東京都内でオープンソースCMSのDrupalを学ぶ勉強会を開催しております。Drupalは、コミュニティ機能、データベースとの連携や拡張性に優れたCMSです。 ● 勉強会の概要 WordPressに代表される、オープンソースCMSを使用してみたけれど、オリジナルサイトの制作に煩わしさを感じている方。 また、SNSサイトのようにコミュニティ機能（＝認証機能）が充実した ホームペ...
Join community
