イベント中止のお知らせ

最小開催人数に満たなかったため、イベントは中止になりました。ご関心をお持ちいただき、ありがとうございました。

モダンなWeb開発を体験しよう！

フロントエンドに関わる人々のためのガイド『CodeGrid』が、「CodeGridワークショップ 2025 秋」を開催します。

このワークショップは、Webフロントエンドの技術を学びたい方に向けて、いま、わたしたちが「良い」と思っているサイトの作り方をお伝えする場です。

わたしたちピクセルグリッドでは、Webフロントエンドに関する技術マガジン「CodeGrid」を長年運営してきました。CodeGridでは、深く、ていねいに技術を解説することを大切にしていますが、「もっと近い距離で、良いと思う技術を直接伝える場があってもいいよね」という想いから、このワークショップを始めました。

テーマは「Astro × GitHub × Cloudflareで学ぶモダンなWeb開発」です。 静的サイト生成の枠を超えた可能性を持つこのフレームワークを使って、どのようにして持続性のある、読みやすく、保守しやすいサイトを作れるのかを、実践的に学べる内容にしています。

Astroを使ってWebサイトを作成し、GitHubでそのコードを管理します。GitHubとホスティングサービスのCloudflareを連携させ、Webサイトをデプロイするというひととおりの流れを体験しましょう。 このワークショップで紹介している技術や考え方は、わたしたちが日々の制作で実際に使っている、実績のあるノウハウです。

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

そんな方に、きっと得るものがあるはずです。

みなさまの参加をお待ちしています！

※今回のワークショップは、「CodeGridワークショップ 2025 春」「CodeGridワークショップ 2025 夏」と同じ内容です。前回参加された方はご注意ください

こんなことが学べます

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

初学者に合わせて比較的ゆっくり進行する予定です。次のような方におすすめします。

• AstroやCloudflareを、聞いたことはあるけど触ったことがない
• 普段はWordPressなど従来型CMSやノーコードツールで開発している
• 最近のフロントエンドの方向性を実感したい

メイン講師

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

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

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

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

参加条件

• HTML、CSSの基礎知識がある
• HTML、CSSでWebページをつくったことがある（業務でなくても個人プロジェクトでもOK）
• GitHubを知っている
• 自分でノートPCを準備できる（macOS、Windowsどちらでも可ですが、講師はmacOSを使うので、両方準備可能な方はmacOSをお勧めします）
• macOSはSonoma（macOS 14）以降
• WindowsはWindows 11（24H2)以降
• 開発環境の事前準備を済ませられる（開発環境構築は事前にサポートすることもできます。サポートが必要な方は、お申し込み時にお知らせください）

なお、CodeGridの購読者である必要はありません。参加条件を満たす方なら、どなたでもお申し込みいただけます。

開発環境の事前準備とご注意

• 開発環境を構築するPCに関しては、インターネット経由でツールをダウンロードする作業や、実行権限が必要になる場合もあるため、セキュリティには十分注意して、各自の責任においてご用意ください。
• 具体的には以下の事項をお勧めします。

【使用PC】

• 会社支給など、厳密なセキュリティ管理が必要なPCを使わない

開発環境を整えるには、アプリケーションをインストールしたり、アカウントをつくったりするだけです。すべて無料で行えます。開発環境構築は事前にサポートすることもできます。サポートが必要な方は、お申し込み時のアンケートでお知らせください。

エディタ、Gitクライアントに関しては普段お使いものでもOKですが、ワークショップは以下の環境を前提に考えられています。なお、講師の解説はmacOSベースで行います。

【ワークショップで使うツールやアカウント】

• エディタ：VS Code
• Node.js（v18.17.1あるいはv20.3.0、v22.0.0以降）※v19とv21はAstroがサポートしていません。
• ブラウザ：Chrome
• Gitクライアント：GitHub Desktop（自分でコマンドラインなどでGitの操作ができる場合は不要）
• GitHubアカウント（無料アカウントでOK）
• Cloudflareアカウント（無料アカウントでOK）

最低開催人数について

最低開催人数は4名です。11/13の時点で人数に達しなかった場合は開催されません。その場合は、お申込み済みの方には参加費を全額返金いたします。

費用に含まれるもの

• ワークショップ参加費
• 会場費
• ワークショップテキスト代
• 会場にWi-Fiあり

費用に含まれないもの

• 飲食費

※会場内に無料のウォーターサーバーがあります

※会場内のカフェで、水以外の飲み物をご自身で注文していただくことは可能です

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

• 参加費は事前決済のみで、決済のシステムにconnpassではPayPalを利用しています。決済時にPayPalに遷移し、遷移した先のPayPalのページで、「PayPalアカウントでの支払い」または「クレジットカードでの支払い」の2つの方法で決済が可能です。
• 領収書をconnpassのサービスから発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
• キャンセル・払い戻しについては、キャンセルポリシーに従って対応します。

会場

ふくい南青山291 2F ワークスペース Connect291 東京都港区南青山5丁目4-41 （グラッセリア青山内）

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

• ワークショップ会場は禁煙です

タイムテーブル

※タイムテーブルは目安です。ワークショップには適宜、休憩が入ります。また、当日の進行具合によって、時間が前後することがあります。

キャンセルポリシー

• キャンセルするには、connpassのイベントページからキャンセル処理をお願いいたします。詳しくはconnpassご利用ガイドを御覧ください。なお、キャンセル処理後は事前決済に関する連絡先が表示されないのでご注意ください。

• 11/13までのキャンセルの場合：参加費を返金致します。返金は、お支払い時にお使いのPayPalアカウント、またはクレジットカードに対して返金されます。返金処理はキャンセル処理いただいてから1週間以内に行いますが、返金時期はPayPal、またはクレジットカード会社の規約に準じます。ワークショップテキストの送付はありません。

• 11/14以降のキャンセルの場合：会場への予約やワークショップテキスト作成の関係上、返金はありませんが、ワークショップテキスト（ブックレット、PDF：各1部）を後日ご送付させていただきます。11/14以降のキャンセル後、ワークショップテキスト送付をご希望の方は、メール（codegrid@pxgrid.com）にて、申込時のお名前とともにご送付先をご連絡ください（connpassの規定により、主催者は個別の方々の連絡先を持っていません）。

• 11/13の時点で最低開催人数の4名に達していない場合は、開催されません。お申し込みの方には参加費を全額返金いたします。

ワークショップ終了後の懇親会

ワークショップ終了後、参加者と講師、スタッフによる懇親会も予定しています。場所は近くの飲食店で、ワークショップ参加費とは別に実費でお支払いいただく予定です（ご負担にならない金額になるよう、現在場所等を検討中です）。

ワークショップでは聞きそびれたことを話したり、講師にWeb制作の現場の話を聞いたり。また、他の参加者ともつながれる良い機会です。お時間のある方は、ぜひご一緒しましょう！

懇親会に参加希望の方は、ワークショップ申込時のアンケートにご記入ください。

プライバシーポリシー

お申し込み時のアンケートなどで収集した個人情報に関しては、主催者である株式会社ピクセルグリッドのプライバシーポリシーに則ってお取り扱いします。

• プライバシーポリシー | PixelGrid

アンチハラスメントポリシー

すべての参加者が楽しく過ごせるイベントになるよう、ピクセルグリッドではハラスメント行為を許容しません。ハラスメント行為とは、以下の言動・表現を含みます。

• 性差、性同一性、性的指向、障がい、外見や身体的特徴、人権、宗教に対する攻撃的な言動および表現
• 会場での性的な画像や類する表現
• 脅迫、ストーカー、不適切な接触
• 望まない写真撮影や録音、録画
• 飲酒の強要
• 過度な営業・勧誘行為
• そのほか、人が不快になるような発言や行動全般

このようなハラスメント行為を停止するように要請された参加者は、直ちに従ってください。 もしハラスメントを受けたり、見聞きした場合はスタッフにお申し出ください。

すべての方が安心して楽しくイベントに参加できるよう、ご協力をお願いいたします。