これから始めるJamstack

2024/03/06(水)21:00 〜 23:00 開催
ブックマーク

イベント内容

STORESにてアーカイブ(スライド・動画)を購入できます。
「アーカイブを見たい方」「申し込みそびれてしまった方」はご利用ください。

https://ceebeedee.shop/items/65acd8befafd8b20016e2ebd

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開発に入門しましょう。

たにぐち まことたにぐち まこと

富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。

メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。

またウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見を元に、各種講演や執筆を通じ、学習コンテンツを展開。

近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。

Slackコミュニティを主催することで業界全体のスキルアップを図っている。

主な著書に『6さいからつかえるパソコン』(技術評論社刊)、『よくわかるPHPの教科書』(マイナビ刊)など。

イベント概要

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

お申し込みと参加費

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

メール受け取りのお願い

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

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

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

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

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

フォローアップ

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

アーカイブについて

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

購入方法金額受け取り備考
終演までその後
Doorkeeper2,200円-

開催翌日にメールを送信

「当日の視聴のみ」のチケットを申し込まれた方は、いったん、キャンセルして「アーカイブ視聴付き」のチケットを申し込んでください。
STORES2,200円3,300円購入するとダウンロードできるテキストファイルに、アーカイブ動画や特典を掲載予定のページへのリンクがあります(アーカイブ動画や特典の掲載はイベント終了後)ユーザー登録してから申し込むと、[マイページ]の[購入履歴]から、後からダウンロードできます。l
サブスク1,500円(月)[メンバー限定]セクションの[フォローアップ(アーカイブ)]から本イベントのNotionにアクセスしてください。法人は別途

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

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

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

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

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

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

配信に関してのあれこれ

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

オンライン椅子ヨガ

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

  • 開演前
  • 休憩時間(適宜)

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

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

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

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

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

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

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

お問い合わせ

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

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

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント