更新履歴

◎2026/9/3 作成

はじめに

プログラミング/ITの知識をつけること、気軽に楽しく交流を広めることを目的にしております！
過去の実施の様子は公式HP「 https://study-basic-it.com/ 」をご確認ください😊

今回は体験型のハンズオンイベントとしております。
今回のテーマは"物理エンジン（Phaser + Matter.js）ではじめるゲーム作り「パチンコで鳥を飛ばすゲームを作ろう！」"です🦆

スマートフォンで流行った「パチンコで怒った鳥を飛ばして、積み上がった箱を崩す」
あの手のゲームを、ブラウザで動く形で一から作ります。
資料を見ながら、みんなで一緒に手を動かして進めるハンズオンです。
わからないところはその場で質問してもらえます。
詰まったままにならないよう、各ステップの完成コードも用意してあるので、
追いつけなくなっても途中から復帰できます。
コードを書くだけでなく「アプリやゲームを作るとき、どういう順番で・どう考えて組み立てていくのか」
についてもお話しします。

一緒に良い時間にしましょう！
※ 他の媒体でも募集しているため、会場の関係で急遽参加人数を絞ることもございます。
※ 限られた時間内で作成しますので、皆様のパソコン環境やスキル感によって進捗が左右する場合がございます。

👤 こんな人におすすめ

• プログラミングを始めたばかりで、何か動くものを作ってみたい方
• AI を使ってコードは書けるけれど、中で何が起きているのかが掴めていない方
• 仕事とは別に、新しい分野の技術に触れてみたい方
  
  
  
  
  経験者の方も歓迎です。
  物理エンジンやゲームループの考え方は、普段の Web 開発とは少し違う面白さがあります。
  
  
  
  

🗒️ 何を作るか

パチンコで鳥を飛ばし、積み上がった箱を崩して標的を全部倒す物理ゲームを作ります。
引っ張る強さで飛距離が変わり、当たった箱は物理法則にしたがって崩れていきます。

• Phaser 3（ゲームライブラリ）と Matter.js（物理エンジン）を使い、ブラウザだけで動くゲームを作ります
• 重力・衝突・崩れ方は物理エンジンが計算してくれるので、リアルな動きを自分で数式から書く必要はありません
• 難しい環境構築はなく簡単に始められる内容です
  
  
  
  
  
  

🗒️ 何を学べるか

• ゲーム開発の基本的な流れ — 何から手をつけ、どの順番で育てていくか
• ライブラリを使ったブラウザゲームの作り方 — 画面表示・入力・シーンの切り替え
• 物理エンジンの使い方 — 重力・衝突判定・当たったときの反応
• デバッグと問題解決の進め方 — 動かないとき、どこを疑ってどう切り分けるか とくに「見た目は後まわしにして、まず仕組みを作る」という進め方は、ゲームに限らずアプリ開発全般で効いてくる考え方です。
  
  
  
  
  
  
  
  

🗒️ 当日の進め方

資料を画面に出しながら、少しずつコードを足していきます。
1ステップごとに必ず動かして確認するので、「何を書いたら何が変わったのか」が目で見てわかります。

途中で手が止まってしまっても、各ステップの完成コードをダウンロードして続きから参加できます。
わからないところがあれば、遠慮なくその場で聞いてください。

🎒 事前に準備していただきたいもの

• ノート PC（Windows / Mac どちらでも大丈夫です）
• ブラウザ — Google Chrome を推奨します
• Visual Studio Code（無料） — コードを書くエディタです
  
  
  https://code.visualstudio.com/
• Live Server（VS Code の拡張機能） — 作ったゲームをブラウザで動かすために使います
  
  
  https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
  VS Code の左側にある拡張機能アイコン（四角が4つ並んだマーク）から
  「Live Server」と検索してもインストールできます。
  
  
  
  
  事前に入れておいていただけると、当日すぐに手を動かし始められてスムーズです。🌸
  当日にセットアップの時間も設けます。
  「インストールがうまくいかない」「そもそもどこから落とすのかわからない」という方も、そのままお越しください。
  冒頭で一緒に環境を整えるところから始めるので、事前準備ができていなくても置いていかれることはありません。
  
  
  
  
  
  

タイムスケジュール

時間	内容
13:50〜14:00	準備・受付
14:00〜14:05	ご挨拶
14:05〜14:15	簡単に皆で自己紹介
14:15〜17:15	ハンズオン！
17:15〜17:30	雑談、次回のご案内、片付け
17:30〜18:00	※予定次第ですがご質問などあれば受け付けます

講師

横山巧駆 さん
専門学校を卒業後、スタートアップの立ち上げに参加。自社サービスの企画と設計、プロトタイプ開発を担当。フリーランスとして独立後小規模なチームで設計から開発まで行う。
得意分野はWebフロントエンド。最近はandroidアプリの開発やコードの自動生成に関心がある。

過去の参加者

・これからプログラミングを始めたい方
・プログラミングを始めたばかりの方
・プログラミング/ITを通じて交流を広げたい方
・中堅/ベテランの方で、初心に帰りたい方
・SE、WEBデザイナー、未経験者、業界経営者など様々です。

その他、持ち物

・一歩外に踏み出す勇気
・学ぶ気持ち
・お互いを尊重し合う心
・500円
・おやつ（任意）

参加費

500円/人（会場費）

注意事項

※ 参加を辞退する場合は、詳細ページより申込のキャンセルをお願い致します。

※ 勧誘や過度なリクルーティングなど、本来の目的外でのイベント参加はお断りしております。発覚した場合は前田が運営しているらしい高額サロンに強制加入🫡（現在の会員数は0人）
※ 補欠者の方は、ご来場いただいてもご入場いただくことが出来ませんのでご了承ください。
※ 無断キャンセル・欠席が続く場合、次回以降の参加をお断りさせていただく場合がございますのでご了承ください。
※ 当日予告なく時間配分・内容が変更になる可能性がございます。

運営側プロフィール

元図書館司書SE、フリーランスSE、元数学教師SE、元大手メーカーSE、ITコンサル会社の社長、元メーカー機電系エンジニアなど、7人で仲良く運営中。
開催する中で仲良くなった方々と一緒に運営しておりますので、
特に誰が主催とかでもなく、一緒に作っていけますと幸いです^^
・運営：浦夏菜子、横山巧駆、山崎剛史（東京栄転中）、森田悠太郎（東京栄転中）、井口泰成（東京栄転中）、加茂弘晃（株式会社SOARIG）、前田昌輝（株式会社SHOU）
・講師：横山巧駆
・協賛企業：株式会社SOARIG、株式会社SHOU
・公式HP：https://study-basic-it.com/