横浜 9月 Gatsby+DrupalでモダンなWebサイト構築をハンズオンで学ぶ

GatsbyはReactベースの静的なHTMLページを生成してくれる、node.js上で動作するサーバーサイドのJavaScript環境です。WordPressなどとも連携可能。概要は、以下のページにて

• Gatsbyのチュートリアルのまとめ（0~1章)
• Reactベース静的サイトジェネレータGatsbyの真の力をお見せします
• 「Gatsby JS」を導入してみた

GatsbyとDrupalをJSON APIで連携する、Decoupledやヘッドレスなどと言われるCMSをコンテンツデータベースとして活用するシステムを構築する方法をハンズオンで簡単に学びます。初心者向けの内容ですが、2時間半程度の勉強会なので、復習できるように説明します。

Decoupledの概念

出展：

Drupal API-Firstの概念

出展：

Gatsby+Druplaに関する説明・チュートリアル

最近（2019年）の情報として、2019年4月に開催されたDrupalCon Seattle2019でのGatsbyやDecoupledに関するセッションを紹介します。

Gatsby関連

• Introduction to Decoupled Drupal with Gatsby and React
• Gatsby & Drupal

Decoupled関連

• Serverless, Well Actually...
• Frontend Architecture for Scalable Design Systems
• An Introduction to Static Site Generators for Drupalists
• Why will JSON:API go into core?
• Decoupled and Uprooted: Building a Challenging Web Platform at the Flemish Government
• Make web development fun again, with web components!
• Secrets of the decoupled Drupal practitioner
• GraphQL 101: What, Why, How
• Decoupled Drupal Commerce with React Native
• Live Coding Session - Develop & Deploy a Decoupled Drupal 8 + Vue.js Site
• CSS-in-JS and Drupal sitting in a tree…
• Demystifying Decoupled Drupal with Contenta CMS
• Delivering Headless Commerce
• Design a decoupled application - An architecture guide based upon the Drupal admin UI

その他のイベントでの資料

• Gatsby and Drupal Sitting in a Tree - Presentation

番外編　WordPress+Gatsby の場合

GatsbyJSで静的サイトジェネレートをはじめよう！

当日のハンズオン教材

なるべく最新（2019年）の資料でハンズオンを考えています。各アプリのバージョンの違いにより設定が異なることもありますので。

• Build blazing fast web applications with Gatsby 101
• An Introduction to Drupal for React Developers

もしくは

• Decoupled Drupal: Getting Started with Gatsby and JSON:API

当日のハンズオンでは、準備・資料などの都合上、設定が不十分なことも起こりえますが、皆さんと調べながら解決できればと思います。

このような方にお勧め

• Reactでフロントエンドを開発している方
• JavaScript系サーバーサイド環境でモダンなWebサイトやサービスを開発している方
• これから、もしくはDrupalを初めて使う方
• コンテンツ作成をもっと効率化したい
• Drupalで業務システムやWebサイトを開発したい
• 拡張性のある、使いやすいシステムを開発したい

皆さんの参加、お待ちしております


本イベントはオープンソースCMS DrupalコミュニティのDrupal Code of Conductにもとづいた活動です。