BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:【大阪開催：ハンズオン勉強会】パチンコで 鳥を飛ばすゲームを作ろう！ X-WR-CALNAME:【大阪開催：ハンズオン勉強会】パチンコで 鳥を飛ばすゲームを作ろう！ X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:1000206@techplay.jp SUMMARY:【大阪開催：ハンズオン勉強会】パチンコで鳥を 飛ばすゲームを作ろう！ DTSTART;TZID=Asia/Tokyo:20260919T140000 DTEND;TZID=Asia/Tokyo:20260919T180000 DTSTAMP:20260930T082454Z CREATED:20260903T144230Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/10002 06?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n更新履歴\n ◎2026/9/3 作成\n\nはじめに\nプログラミング/ITの知識を つけること、気軽に楽しく交流を広めることを目的に しております！過去の実施の様子は公式HP「 https://study -basic-it.com/ 」をご確認ください😊\n今回は体験型のハ ンズオンイベントとしております。今回のテーマは"物 理エンジン（Phaser + Matter.js）ではじめるゲーム作り「 パチンコで鳥を飛ばすゲームを作ろう！」"です🦆\nス マートフォンで流行った「パチンコで怒った鳥を飛ば して、積み上がった箱を崩す」あの手のゲームを、ブ ラウザで動く形で一から作ります。資料を見ながら、 みんなで一緒に手を動かして進めるハンズオンです。 わからないところはその場で質問してもらえます。詰 まったままにならないよう、各ステップの完成コード も用意してあるので、追いつけなくなっても途中から 復帰できます。コードを書くだけでなく「アプリやゲ ームを作るとき、どういう順番で・どう考えて組み立 てていくのか」についてもお話しします。\n一緒に良 い時間にしましょう！※ 他の媒体でも募集しているた め、会場の関係で急遽参加人数を絞ることもございま す。※ 限られた時間内で作成しますので、皆様のパソ コン環境やスキル感によって進捗が左右する場合がご ざいます。\n\n👤 こんな人におすすめ\n\nプログラミン グを始めたばかりで、何か動くものを作ってみたい方\ nAI を使ってコードは書けるけれど、中で何が起きてい るのかが掴めていない方\n仕事とは別に、新しい分野 の技術に触れてみたい方経験者の方も歓迎です。物理 エンジンやゲームループの考え方は、普段の Web 開発 とは少し違う面白さがあります。\n\n🗒️ 何を作るか\ nパチンコで鳥を飛ばし、積み上がった箱を崩して標的 を全部倒す物理ゲームを作ります。引っ張る強さで飛 距離が変わり、当たった箱は物理法則にしたがって崩 れていきます。\n\nPhaser 3（ゲームライブラリ）と Matter .js（物理エンジン）を使い、ブラウザだけで動くゲー ムを作ります\n重力・衝突・崩れ方は物理エンジンが 計算してくれるので、リアルな動きを自分で数式から 書く必要はありません\n難しい環境構築はなく簡単に 始められる内容です\n\n🗒️ 何を学べるか\n\nゲーム開 発の基本的な流れ — 何から手をつけ、どの順番で育 てていくか\nライブラリを使ったブラウザゲームの作 り方 — 画面表示・入力・シーンの切り替え\n物理エン ジンの使い方 — 重力・衝突判定・当たったときの反 応\nデバッグと問題解決の進め方 — 動かないとき、ど こを疑ってどう切り分けるか とくに「見た目は後まわ しにして、まず仕組みを作る」という進め方は、ゲー ムに限らずアプリ開発全般で効いてくる考え方です。\ n\n🗒️ 当日の進め方\n資料を画面に出しながら、少し ずつコードを足していきます。1ステップごとに必ず動 かして確認するので、「何を書いたら何が変わったの か」が目で見てわかります。\n途中で手が止まってし まっても、各ステップの完成コードをダウンロードし て続きから参加できます。わからないところがあれば 、遠慮なくその場で聞いてください。\n\n🎒 事前に準 備していただきたいもの\n\nノート PC（Windows / Mac どち らでも大丈夫です）\nブラウザ — Google Chrome を推奨し ます\nVisual Studio Code（無料） — コードを書くエディタ ですhttps://code.visualstudio.com/\nLive Server（VS Code の拡張機 能） — 作ったゲームをブラウザで動かすために使い ますhttps://marketplace.visualstudio.com/items?itemName=ritwickdey.Live ServerVS Code の左側にある拡張機能アイコン（四角が4つ 並んだマーク）から「Live Server」と検索してもインス トールできます。事前に入れておいていただけると、 当日すぐに手を動かし始められてスムーズです。🌸当 日にセットアップの時間も設けます。「インストール がうまくいかない」「そもそもどこから落とすのかわ からない」という方も、そのままお越しください。冒 頭で一緒に環境を整えるところから始めるので、事前 準備ができていなくても置いていかれることはありま せん。\n\nタイムスケジュール\n\n\n\n時間\n内容\n\n\n\n\n1 3:50〜14:00\n準備・受付\n\n\n14:00〜14:05\nご挨拶\n\n\n14:05〜 14:15\n簡単に皆で自己紹介\n\n\n14:15〜17:15\nハンズオン！ \n\n\n17:15〜17:30\n雑談、次回のご案内、片付け\n\n\n17:30 〜18:00\n※予定次第ですがご質問などあれば受け付けま す\n\n\n\n\n講師\n横山巧駆 さん専門学校を卒業後、スタ ートアップの立ち上げに参加。自社サービスの企画と 設計、プロトタイプ開発を担当。フリーランスとして 独立後小規模なチームで設計から開発まで行う。得意 分野はWebフロントエンド。最近はandroidアプリの開発や コードの自動生成に関心がある。\n\n過去の参加者\n・ これからプログラミングを始めたい方・プログラミン グを始めたばかりの方・プログラミング/ITを通じて交 流を広げたい方・中堅/ベテランの方で、初心に帰りた い方・SE、WEBデザイナー、未経験者、業界経営者など 様々です。\n\nその他、持ち物\n・一歩外に踏み出す勇 気・学ぶ気持ち・お互いを尊重し合う心・500円・おや つ（任意）\n\n参加費\n500円/人（会場費）\n\n注意事項\n ※ 参加を辞退する場合は、詳細ページより申込のキャ ンセルをお願い致します。
※ 勧誘や過度なリクルー ティングなど、本来の目的外でのイベント参加はお断 りしております。発覚した場合は前田が運営している らしい高額サロンに強制加入🫡（現在の会員数は0人 ）※ 補欠者の方は、ご来場いただいてもご入場いただ くことが出来ませんのでご了承ください。※ 無断キャ ンセル・欠席が続く場合、次回以降の参加をお断りさ せていただく場合がございますのでご了承ください。 ※ 当日予告なく時間配分・内容が変更になる可能性が ございます。\n\n運営側プロフィール\n元図書館司書SE 、フリーランスSE、元数学教師SE、元大手メーカーSE、I Tコンサル会社の社長、元メーカー機電系エンジニアな ど、7人で仲良く運営中。開催する中で仲良くなった方 々と一緒に運営しておりますので、特に誰が主催とか でもなく、一緒に作っていけますと幸いです^^・運営 ：浦夏菜子、横山巧駆、山崎剛史（東京栄転中）、森 田悠太郎（東京栄転中）、井口泰成（東京栄転中）、 加茂弘晃（株式会社SOARIG）、前田昌輝（株式会社SHOU） ・講師：横山巧駆・協賛企業：株式会社SOARIG、株式会 社SHOU・公式HP：https://study-basic-it.com/ LOCATION:5.6（ゴーテンロク） 大阪府大阪市北区本庄東１ 丁目１８−８ URL:https://techplay.jp/event/1000206?utm_medium=referral&utm_source=ics&ut m_campaign=ics END:VEVENT END:VCALENDAR