春開催した人気ワークショップが再び！

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

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

CodeGridの執筆陣によるレクチャーとオリジナルテキストとで、モダンなWeb開発を体験できます。
初学者にフォーカスした定員10名の少人数で、しっかり学べる4時間のワークショップです。春に開催し、満員御礼で好評だったワークショップを再び開催！

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

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

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

こんなことが学べます

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

初学者に合わせて比較的ゆっくり進行する予定です。すでに、業務でAstroでのWeb開発を行っている方には、ややシンプルな内容かもしれません。

メイン講師

小山田 晃浩（おやまだ あきひろ） フロントエンド・エンジニア

2006年よりWeb制作会社にてUI実装や運用業務を経験した後、2010年よりフロントエンド・エンジニアとして株式会社ピクセルグリッドに入社。React、Svelte、Vue問わずデザインシステムの実装作業に勤しむ。SVG、Canvas、WebGLの扱いも得意としている。 この他の実績として、three.jsのCSS3DRendererのコントリビューター。2011年から2024年まで連続でMicrosoft MVPを受賞。

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

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

参加条件

• 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名です。7/23の時点で人数に達しなかった場合は開催されません。その場合は、お申込み済みの方には参加費を全額返金いたします。

費用に含まれるもの

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

費用に含まれないもの

• 飲食費

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

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

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

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

会場

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

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

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

タイムテーブル

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

キャンセルポリシー

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

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

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

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

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

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

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

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

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

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

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

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

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