概要

JavaScriptによりAPIを通じて動的なコンテンツを取得しながら、CDNで静的なHTMLを配信するJamstack。NetlifyのCEOであるMathias Biilmann氏によって2016年に提唱されたこの新たなアーキテクチャは、数年をかけて急速な注目を集めてきました。

そこで今回のDIST.40では、Jamstackを用いた日本のWeb制作シーンをリードするPixelGridの高津戸 壮さん、最も有名な国産ヘッドレスCMSであるmicroCMSの柴田 和祈さんをお招きし、制作者・サービス提供者それぞれの立場から実感しているJamstackについて事例や解説を交えながらご紹介いただきます。

セッションの後は、長年多様な受託制作の現場を渡り歩いて来られたto-R 扇 克至さんも交えて、「Jamstack、実際どうなの!?」を語り合うパネルディスカッションも実施します。

もちろん初心者でもご参加いただけるよう、冒頭にはJamstackの基本をかんたんに解説する時間も設ける予定です。ぜひご参加ください！

セッション紹介

Jamstackで実装したセゾンカードWebサイトを2年運用お手伝いしてみて

株式会社ピクセルグリッド テクニカルディレクター 高津戸 壮（TAKATSUDO Takeshi）

2023年現在、Jamstackという言葉は広く知られるようになり、Webサイト／Webアプリケーションの設計手法として、知名度を得たものと思います。ですが、実際にJamstackでそれなりの規模の実装を行い、長期間運用を行っているというケースは、まだ少ないのではないでしょうか。このセッションでは、弊社ピクセルグリッドが実装し、その後も運用をお手伝いしている、セゾンカードのWebサイトについて、Jamstackで作ってみて2年が経過した時点での、実装者的な視点から感じていることを共有したいと考えています。

Webフロントエンドの進化とJamstackアーキテクチャの変遷

株式会社microCMS 取締役CXO 柴田 和祈 （SHIBATA Kazuki）

JavaScriptフレームワークを利用したWeb制作はSSG（Static Site Generate）を中心とした形からISR（Incremental Static Regeneration）やSSR（Server-Side Rendering）を組み合わせたハイブリッドな形へと変化してきています。

さらに、RSC（React Server Components）やNext.jsのApp Routerの登場によって、なおさら複雑性は増しています。

本セッションでは、日々進化するWebフロントエンドの技術とJamstackアーキテクチャの変遷について、ヘッドレスCMS開発者の目線から解説します。

パネルディスカッション

全セッション終了後、スピーカーに加え、長年多様な受託制作の現場を渡り歩き、フロントエンド実装に造詣の深い株式会社to-Rの扇 克至さんをゲストにお迎えし、「Jamstack、実際どうなの!?」を語り合うパネルディスカッションを実施します。取り上げてほしいトークテーマ、スピーカーに聞いてみたいことがあれば、Twitterのハッシュタグ「#dist40」でお寄せください。

パネラー
高津戸 壮（株式会社ピクセルグリッド）
柴田 和祈（株式会社microCMS）
扇 克至（株式会社to-R）

ファシリテーター
沖 良矢（合同会社世路庵）

参加費

勉強会のみ

1,000円（当日券：一般1,500円）

• PayPalによる事前決済、または当日支払いで参加費をお支払いください。

勉強会＋懇親会

5,000円

• 勉強会に加え、着席しての懇親会（4,000円相当のコース料理＋飲み放題）にご参加いただけます。
• PayPalによる事前決済のみとなります。
• 懇親会のみの参加は受け付けていません。
• 懇親会にはアルコールが提供されるため、未成年はご参加いただけません。
• 懇親会は完全禁煙です。
  • 喫煙者/非喫煙者の両者が過ごしやすい空間を作るため、ご協力をお願いいたします。
  • 喫煙時は近隣の喫煙スペースをご利用ください。
  • 懇親会が行われる店舗は喫煙可ですので、他の席からの煙が流れてくる可能性はあります。

事前決済についての注意事項

• 具体的な流れは、PayPalによる事前決済についてをご参考ください。
• 領収書を発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
• キャンセル・払い戻しについては、キャンセルポリシーに従って対応します。

• スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、公式サイトのお問い合わせフォームよりお問い合わせください。

会場

中野セントラルパーク カンファレンス ルーム2 （アクセスマップ）

• JR中野駅 北口改札から徒歩5分
• 詳しい道順をご参考ください

タイムテーブル

※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。

更新履歴

スポンサー

DISTは、以下のスポンサーにご協賛いただいております。

スペシャルスポンサー

ゴールドスポンサー

ブロンズスポンサー

ツールスポンサー

YouTube配信

当日の様子は、開催2ヶ月後を目安にDISTのYouTubeチャンネルで公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。

DISTについて

DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。

主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。

• 職種の垣根を越える
• 特定の技術に依存しない
• 今日から現場で使える

注意事項

• 会場のWi-Fi一般開放はありません。
• 動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。
• 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。