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

CodeGrid創刊13年目にして、初のワークショップ！

フロントエンドに関わる人々のためのガイド『CodeGrid』が、創刊13周年にして初の試み「CodeGridワークショップ 2025 春」を開催します。

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

Webフレームワーク「Astro」を用いた、モダンなWeb開発を体験できます。CodeGridの執筆陣によるレクチャーとオリジナルテキストとで、初学者にフォーカスした定員10名の少人数で、しっかり4時間のコース。リラックスして楽しみましょう！

CodeGrid13周年記念パーティーと同じ会場にあるコワーキングスペースで開催されるので、ワークショップ終了後、そのままパーティーへ参加することもできます（パーティーの申し込み、参加費は別途必要です）。

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

こんなことが学べます

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

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

メイン講師

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

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

参加条件

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

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

• 開発環境を構築する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）

参加枠について

参加定員は、最大10名です。会場の都合上、人数の増枠はありません。ご参加をお考えの方は、お早めにお申し込みください。

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

費用に含まれるもの

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

費用に含まれないもの

• 飲食費

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

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

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

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

会場

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

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

タイムテーブル

※タイムテーブルは目安です。当日の進行具合によって、時間が前後することがあります。

キャンセルポリシー

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

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

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

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

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

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

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

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