JavaScriptフレームワーク「Astro」の使い方をベースに「Jamstack」の開発手法についてたにぐちまことさんに解説いただきます。

これから始めるJamstack 〜サイト制作にAstroがおすすめな理由

近年のWebサイトの制作といえば、CSS設計やCSSフレームワーク、SassやTypeScript、React/Next.jsなどなど、導入する技術や知識が膨大に膨らんでいます。どこから手をつけたら良いのか、なにから導入したら良いか分からず、旧来の方法で仕事をこなしてしまっているなんていう方も少なくないのではないでしょうか。

そこで、JavaScriptフレームワーク「Astro」がおすすめです。Astroは「Webサイト」の制作にフォーカスしたフレームワークで、特別な知識を必要とすることなく、手軽に導入することができます。CSSフレームワークやTypeScript等をまとめて導入でき、また「コンポーネント」という考え方の導入で、CSSの設計なども非常に手軽になります。

この講座では、そんなAstroの使い方をベースに「Jamstack」開発とはどのような開発手法なのかやヘッドレスCMSと連携した動的サイト制作方法など、いちから丁寧に解説していきます。JavaScriptの知識がなくても大丈夫。是非、今日からJamstack開発に入門しましょう。

イベント概要

YouTube Liveにてライブ配信します。

• 開催日：2024年3月6日（水） 21:00 - 23:00
• 形式：オンライン（YouTube Live）
• 参加費：当日の視聴は無料（参加登録が必要）
• 主催：CeeBeeDee
• 共催：CSS Nite、DTP Transit
• 協賛：フォントワークス、Webフォント・サービス FONTPLUS、KDDIウェブコミュニケーションズ、文賢（ブンケン）、ウェブライダー、ゴンウェブイノベーションズ、un-T factory!、ヘルツ、コンセント、トゥーアール（to-R）、LINICA、サービシンク

お申し込みと参加費

• 当日の視聴は無料です。
• 参加にはお申し込みが必要です。受け付けは終演時刻まで。

メール受け取りのお願い

CSS Nite主催のオンラインセミナーでは、チケットシステムにDoorkeeperを利用してきました。主催のオンラインセミナーでは、チケットシステムにDoorkeeperを利用してきました。

Gmailをお使いの場合、2024年2月のGoogle のポリシー変更によって、次の図のように「このメールにはご注意ください」というセキュリティ通知が出てしまっています。

そこで、次のようにお願いします。特に、Doorkeeperにてアーカイブチケットを購入くださった方は、メールを受信できないと、アーカイブにアクセスできません。

• 赤いアラートが表示されたら「問題ない」をクリックしてください
• 「info@doorkeeper.jp」のメールアドレスを住所録に登録なさってください

そもそも論として、Doorkeeper側で何かしらの対策を講じるべきものですが、3月1日現在、動きがありません。お手間をおかけしますが、ご協力お願いします！

フォローアップ

スライドなどのフォローアップは、アーカイブ購入／サブスクの方限定のコンテンツです。

アーカイブについて

次のいずれににてアーカイブを購入できます。

購入方法	金額	受け取り	備考
終演まで	その後
Doorkeeper	2,200円	-	開催翌日にメールを送信	「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。
STORES	2,200円	3,300円	購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります（アーカイブ動画や特典の掲載はイベント終了後）	ユーザー登録してから申し込むと、［マイページ］の［購入履歴］から、後からダウンロードできます。ｌ
サブスク	1,500円（月）	［メンバー限定］セクションの［フォローアップ（アーカイブ）］から本イベントのNotionにアクセスしてください。	法人は別途

「サブスク」をはじめます

CSS Nite、DTP Transitのオンラインセミナーのアーカイブを管理しやすく利用いただけるように、2024年2月の開催分から次のように変更します。

• アーカイブ見放題の「サブスク」：Circle
• 単品での購入：STORES

「サブスク」（定額サービス）の仕組みによってコスパよく利用いただけます。 ライブ配信は、従来通り「当日の視聴は無料」スタイルを継続します。「サブスク」の加入にかかわらず、誰でも見られます。

なお、Circle、STORESにおいて、CSS NiteとDTP Transitの両方をカバーするブランド名として「CeeBeeDee（シー・ビー・ディー）」を使いはじめます。

サブスクの有無にかかわらず、開催情報などをCircleに集約していきます。

配信に関してのあれこれ

noteにまとめていますので、ご一読ください！

• オンラインセミナーに参加される方へ｜DTP Transit 別館

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！

• 開演前
• 休憩時間（適宜）

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

「当日の視聴は無料」を続けるために応援をお願いします！

DTP Transitのオンラインセミナーは「当日の視聴は無料」で開催していますが、収入となる源泉が「アーカイブ視聴のチケット」しかありません。

余裕のあるときなどに「アーカイブ視聴のチケット」を購入いただけると助かりますが、次に挙げるような〈無料でできる応援〉があります。

• 「こんなイベントがある」と、まわりの方に知らせる
• 「こんなイベントに参加したけど…」と感想をまわりの方に伝える
• ハッシュタグを付けてツイートする（スクショやネタバレOKです）
• アンケートに回答する
• 出演された方のTwitterをフォローする／YouTubeをチャンネル登録する
• 参加されたイベントのYouTubeプログラムに「GOOD」（高評価）ボタンを押す
• DTP TransitのTwitterをフォローする／YouTubeをチャンネル登録する

特にお願いしたいのは「アンケート回答」です。 話してくださった方の成長の材料になり、また、イベントの改善につながります。

企業主催のセミナーのように「開催後に営業メールが頻繁に届く」ようなこともなく続けられるために応援くださいますと幸いです。

• 「チャンネル登録や高評価は無料でできる応援です」 by ベーコンさん

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。

https://cssnite.doorkeeper.jp/contact/new?event_id=168735