ベストカレンダーのロゴ ベストカレンダー

10月6日開講|Astroで学ぶモダンWeb制作入門

Astroで学ぶWeb制作入門

開催期間:10月6日〜10月27日

📅 カレンダーに追加:GoogleiPhone/Outlook

Astroで学ぶWeb制作入門
初心者でも参加できるの?
対象はHTML・CSSの基礎があり、JavaScript(ES6以降)の基本文法を理解している人。実習形式のため自分の開発環境を用意できる中〜入門者向けの講座です。
録画は残る?当日参加できないと見られない?
アーカイブ配信はありません。ライブ参加が前提で各回定員60名。参加は無料ですが、各回の申込締切は開催日の21:00なので事前申し込みが必要です。

Astroを使ったモダンWeb制作を段階的に学べる無料オンライン講座の全体像

株式会社クリーク・アンド・リバー社(C&R社)は、2026年10月にオンラインで開催する無料セミナー「Astroで学ぶモダンWeb制作入門 コンポーネント・静的サイト生成の基礎」を発表しました。本講座は全4回のシリーズで、Astroの基本からサイトのビルド・公開までを実践的に学べる内容となっています。

開催日は2026年10月の毎火曜日に設定されており、各回とも19:00から21:00までの2時間、ハンズオン形式で実施されます。第1回は10月6日、第2回は10月13日、第3回は10月20日、第4回は10月27日が予定されています。参加費は無料ですが、各回の定員は60名です。申込締切は各回開催日の21:00となっています。

【話題のAstro】コンポーネント・静的サイト生成の基礎を身につける!� 10月に無料セミナー「Astroで学ぶモダンWeb制作入門」(全4回)を開催!! 画像 2

講座の構成と学習内容を具体的に把握する

本セミナーは、Astroというフレームワークを通じてコンポーネント設計や静的サイト生成(SSG)、Markdownによるコンテンツ管理、JavaScriptによるインタラクティブ表現などを段階的に学ぶ構成です。各回で扱うテーマは明確に分かれており、初学者から中級者まで体系的にスキルを積み上げられるようになっています。

下記はカリキュラムの詳細です。講義は実際に小規模なWebサイトを構築しながら進められるため、学んだ内容を即座に確認できる設計です。講義中は適宜休憩をはさみますが、アーカイブ配信は行われないためライブ参加が前提となります。

カリキュラム(全4回)

  • 第1回:Astroの基本とページ作成 Astroの基本的な仕組みを理解し、シンプルなWebページを作成します。
  • 第2回:コンポーネントとデータ表示 ページを部品化し、再利用しやすいWebサイトの作り方を学びます。
  • 第3回:Markdownとコンテンツ管理 お知らせやブログなど、追加・更新されるコンテンツを管理する方法を学びます。
  • 第4回:JavaScript・画像・ビルド Webサイトに必要な動きを加え、公開できる状態まで仕上げます。

カリキュラムの詳細は申し込みページで案内されていますが、上記の各回でコンポーネント設計、Markdownの取り扱い、画像の扱い方、ビルドとデプロイの流れを順を追って学びます。講義内容は予定であり、受講者の進捗によって変更される場合があります。

対象者、実施形式、必要環境など受講前の注意点

本講座はHTMLとCSSの基本的な知識を持ち、JavaScript(ES6以降)の基本的な文法を理解している方向けに設計されています。学習はハンズオン形式で進行するため、参加者自身の環境で実習を行うことが前提です。事前に受講に必要な環境に関する案内が配布されます。

重要な注意点として、学習内容は2026年9月時点のAstroの仕様に基づいている点、そしてアーカイブ配信はなくライブ参加が必要である点が挙げられます。また、講義の進行に合わせて内容が変更になる可能性があることも明記されています。

受講に必要な環境と推奨環境

  1. Visual Studio Code(最新版推奨)
  2. Node.js LTS版
  3. Google Chrome
  4. インターネット接続環境

これらは実習に必須の環境です。事前案内で詳細な手順や推奨設定が通知されますので、受講前に案内内容を確認して準備する必要があります。

対象となる受講者像

  • HTML・CSS・JavaScriptの基礎知識を活かして次のステップに進みたい方
  • Webサイト制作の効率化や保守性向上に関心がある方
  • コンポーネントベースの開発手法を学びたい方
  • Astroや静的サイト生成(SSG)に興味がある方
  • ブログや企業サイト、ポートフォリオサイトを構築したい方
  • フロントエンド開発の最新動向に触れたい方

講師紹介、申し込み情報、主催者と関連サービス

本講座の講師は関口和真氏(株式会社コムセント 取締役 CTO)です。関口氏はサイトデザイン、HTMLコーディング、JavaScript・PHP等を用いたプログラム開発、iOS・Android向けアプリ作成、ウェブサーバーの実装・運用などを幅広く手がけており、デザインからサーバー運用までトータルにアドバイスできる点が強みです。ECサイトのカスタマイズやフルスクラッチでのWebシステム開発、映像配信関連の開発実績も有しています。

主催は株式会社クリーク・アンド・リバー社(C&R社)。C&R社は1990年設立のクリエイター・エージェンシーで、映像、ゲーム、Web、広告・出版、作家、舞台芸術、建築、AI/DXなど多分野にわたるプロフェッショナルの支援と派遣、プロデュース、ライツマネジメントを行っています。ミッションは「プロフェッショナルの生涯価値の向上」と「クライアントの価値創造への貢献」です。

申込・問い合わせ先と関連リンク

本セミナーの詳細と申し込みは以下のページで受け付けています。各回締切は開催日の21:00ですので注意が必要です。

  • 詳細・お申し込みページ

    https://www.creativevillage.ne.jp/category/crv_event/179149/
  • 関口和真氏への研修・講師依頼問い合わせ

    https://go2.creativevillage.ne.jp/l/924702/2023-02-20/qqyjk
  • PECの研修サービス詳細

    https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/

セミナーに関する問い合わせはPEC事務局の「Astroで学ぶモダンWeb制作入門」セミナー担当へメールで受け付けています。連絡先は以下のとおりです。

問い合わせメール
pec_seminar@pr.cri.co.jp

C&R社の関連情報とオンライン研修サービス

C&R社が提供するオンライン研修サービス「PECスタ」は、PECが企画・開催したウェビナー550本以上のアーカイブを法人向けにパッケージ化したサービスです。IT、デジタル、クリエイティブ分野を含む幅広いコンテンツを提供しており、企業の研修やリスキリングに利用できます。詳細は下記のリンクから確認できます。

会社やサービスの公式情報は次のページで案内されています。会社紹介動画やブランドサイトも公開されていますので、主催者の活動や背景に関心がある場合は参照してください。

  • C&R社ニュースページ

    https://www.cri.co.jp/news/006500.html?prt
  • PECスタの詳細

    https://www.cri.co.jp/news/005792.html
  • C&R社公式サイト

    https://www.cri.co.jp/
  • 公式SNS・動画

    X https://x.com/creekcrv

    Facebook https://www.facebook.com/creekandriver

    note https://note.com/creek

    LinkedIn https://www.linkedin.com/company/cr.creekandriver

    YouTube https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg

    会社紹介映像 https://youtu.be/7lJDb5VKUE8

    ブランドサイト https://www.cri.co.jp/gobeyond/

本講座の要点まとめ

以下は本記事で取り上げたセミナーの主要事項を表形式で整理したものです。日時、形式、講師、参加費、定員、申込先、受講条件、必要環境などを一覧化しています。受講を検討する際の確認項目として活用できます。

項目 内容
セミナー名 Astroで学ぶモダンWeb制作入門 コンポーネント・静的サイト生成の基礎(全4回)
開催日時 第1回 2026年10月6日 19:00~21:00

第2回 2026年10月13日 19:00~21:00

第3回 2026年10月20日 19:00~21:00

第4回 2026年10月27日 19:00~21:00
開催形式 オンライン(ハンズオン)
講師 関口和真(株式会社コムセント 取締役 CTO)
参加費 無料
定員 各回60名
申込締切 各回開催日の21:00
対象 HTML、CSSの基本知識があり、JavaScript(ES6以降)の基本文法を理解している方
必要環境 Visual Studio Code(最新版推奨)、Node.js LTS版、Google Chrome、インターネット接続
アーカイブ 配信なし(ライブ参加必須)
詳細・申込 https://www.creativevillage.ne.jp/category/crv_event/179149/
問い合わせ pec_seminar@pr.cri.co.jp

上記の表は本セミナーの主要な項目を整理したもので、参加検討時の確認項目をまとめています。申し込みページや問い合わせ先にて詳細を確認のうえ、必要な環境準備を行ってください。