CodeGrid ワークショップ 2025 秋

Astro×GitHub×Cloudflare 学ぶモダンなWeb開発

春・夏に開催し、満員御礼で好評だったワークショップが再び開催!
CodeGrid執筆陣によるレクチャーとオリジナルテキストで、モダンなWeb開発を体験できます。
初学者にフォーカスした定員10名の少人数で、しっかり学べる4時間のワークショップです。 connpassで申し込む申し込み締切:2025年11月13日(木)

前回参加者の声を紹介

  • ワークショップ自体も説明が丁寧で、わからなければテキストもあるので迷うことなくわかりやすかったです。
  • 都度サポートに入っていただき、安心して進めることができました。
  • テキストが非常にしっかりしていた。基本を押さえつつ、こうするとさらに便利になるという小ネタも多く学びになった。
  • ワークショップの時間はあっという間に感じたので、もっと長く続いたらな〜という気持ちでした!

価値ある学びでステップアップ!

Astroを使ってWebサイトを作成し、 GitHubでそのコードを管理します。 GitHubとホスティングサービスの Cloudflareを連携させ、Webサイトをデプロイするという ひととおりの流れを体験しましょう。

開催日時

2025年11月21日(金) 13:00~17:00 (休憩時間込み) Googleカレンダーに追加 ふくい南青山291 ワークスペース ミーティングルーム 会場へのアクセス
  • 料金

    15,000円(税込)
  • 定員 先着順

    10名
  • ※今回のワークショップは、「CodeGridワークショップ 2025 夏」と同じ内容です。ご注意ください。
  • ※最小開催人数は4名です。11月14日時点で参加者が4名に満たない場合は開催されません。

こんな人におすすめ 初学者歓迎!

  • モダンなWeb開発をするプロジェクトの経験がない
  • Webフレームワークに興味があるが触ったことがない
  • HTMLとCSSを学んでいて、Web業界への就職・転職を考えている
  • モダンなWeb開発を体験してみたい
connpassで申し込む申し込み締切:2025年11月13日(木)

モダンなWeb開発が学べる

  • Webフレームワーク「Astro」の基礎
  • GitHubリポジトリによるソースコードの管理
  • Cloudflareを利用したデプロイ環境の構築
  • CodeGridの執筆陣が考え抜いた初学者向け技術スタック
イラスト:ノートパソコンとマグカップ

なぜ、このワークショップを開催しているのか

このワークショップは、Webフロントエンドの技術を学びたい方に向けて、いま、わたしたちが「良い」と思っているサイトの作り方をお伝えする場です。わたしたちピクセルグリッドでは、Webフロントエンドに関する技術マガジン「CodeGrid」を長年運営してきました。

CodeGridでは、深く、ていねいに技術を解説することを大切にしていますが、「もっと近い距離で、良いと思う技術を直接伝える場があってもいいよね」という想いから、このワークショップを始めました。

テーマは「Astro × GitHub × Cloudflareで学ぶモダンなWeb開発」です。

静的サイト生成の枠を超えた可能性を持つこのフレームワークを使って、どのようにして持続性のある、読みやすく、保守しやすいサイトを作れるのかを、実践的に学べる内容にしています。

よい技術を、よい形で届けたい

このワークショップで紹介している技術や考え方は、わたしたちが日々の制作で実際に使っている、実績のあるノウハウです。

「Astro、GitHub、Cloudflareって名前は聞いたことあるけど、ちゃんと触れてない」
「最近のフロントエンドの方向性を実感したい」

そんな方に、きっと得るものがあるはずです。
また、ワークショップが終わったあとに「この考え方、もっと知りたいな」と思っていただけたなら、ぜひCodeGridにも目を通してみてください。
記事とあわせて振り返っていただければ、より理解が深まるような構成になっています。

技術が好きな人にこそ、来てほしい

私たちが広めたいのは、今回題材にしている「Astro」という技術や、「GitHub、Cloudflare」といったサービスそのものというよりも、それらを使って今の時代に合った、持続可能で気持ちの良いフロントエンドのあり方です。
現場でコードを書く方、技術選定に悩んでいる方、情報収集だけで手を動かせていない方そんな方々と一緒に、同じ場所で「良いものづくり」を考える機会になれば嬉しいです。

よければ、この機会にご参加ください。
会場でお会いできるのを楽しみにしています。

メイン講師紹介

  • 中野 祐人(なかの ゆうと) モダンフロントエンド・エンジニア

    大学在学中にWeb制作に興味を持ち、Web制作会社でアルバイトとして勤務するかたわら、趣味でも複数のWebサイトを制作。以降、趣味・仕事を問わずコードを書き続け、現在はWebアプリケーションの開発からネイティブアプリの制作まで幅広く取り組んでいる。2020年にピクセルグリッドに入社。

  • 坂巻 翔大郎(さかまき しょうたろう) フロントエンド・エンジニア

    大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。とりわけ、プログラマブルなCSSの設計、実装を得意とする。

ご参加いただくには条件がございます

  • HTML、CSSでWebページを作ったことがある (個人プロジェクトでもOK)

  • GitHubを知っている

  • 自分でノートPCを準備できる (macOS、WindowsどちらでもOK)

開発環境の事前準備 すべて無料で行えます

ワークショップに参加される方には、事前に開発環境の準備をお願いしております。

開発環境を整えるには、アプリケーションをインストールしたり、アカウントをつくったりするだけです。

エディタ、Gitクライアントに関しては普段お使いものでもOKですが、ワークショップは次の環境を前提に考えられています。

事前の開発環境にサポートが必要な方は、お申し込み時にお知らせください。

エディタ VS Code
ブラウザ Chrome
Gitクライアント GitHub Desktop (自分でコマンドラインなどでGitの操作ができる場合は不要)
準備が必要な環境
  • Node.js
  • GitHubアカウント (無料アカウントでOK)
  • Cloudflareアカウント (無料アカウントでOK)
connpassで申し込む申し込み締切:2025年11月13日(木)

会場へのアクセス

会場

ふくい南青山291 ワークスペース ミーティングルーム 東京都港区南青山5丁目4-41 グラッセリア青山内

行き方

電車でお越しの方

東京メトロ千代田線・銀座線・半蔵門線「表参道駅」B3出口より徒歩4分

車でお越しの方

有料の駐車場をご利用ください

※参加人数により会場が変わることもありますが、最寄駅に変わりはありません。

地図:会場までの道のりをあらわしたもの。東京メトロ表参道駅のB3出口を左でてすぐ左に曲がる。直進して突き当りを右に曲がる。ORBISのあるひとつ目の曲がり角を左に曲がる。そのまま直進し、突き当りを右に曲がる。少し進むと左手にグラッセリア青山があり、その奥に「ふくい南青山291」がある。

ワークショップ後は、
懇親会も開催予定!

ワークショップ終了後、参加者と講師、スタッフによる懇親会を近くの飲食店で予定しています。(参加費は別途実費)
ワークショップで聞きそびれたことを話したり、講師にWeb制作の現場の話を聞いたり。また、他の参加者とも繋がれる良い機会です。
お時間のある方は、ぜひご一緒しましょう!

イラスト:テーブルの上には、皿に乗ったおにぎりやブルスケッタ。ビールが置かれている。