#7｜爆弾ゲームを完成させよう
⚠️ preproからのお願い
このチャンネルは「修行の場」です。「コピペは原則禁止」。
自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。
一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です！
〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜
ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ！
講師の東郷です。
『prepro』Step1の最終回へようこそ！ 第7回はこれまで学んできたPHP、HTML、CSSをすべて組み合わせ、ついに「爆弾ゲーム」を完成させます！
今回は、ゲームとしての完成度を上げる「条件分岐による画像切り替え」に加え、実際の開発現場で必須となる「ファイル分割（管理の効率化）」について解説します。
コードが長くなればなるほど、整理整頓は重要です。
プロのエンジニアがどうやってコードを管理しているのか、その一端を体験しましょう。
【この動画で学べること】
- PHP（分岐処理）とHTML/CSS（クラス）で見た目を変える
- 論理演算子の活用
- ファイル分割の基本
- 相対パスの理解
【preproのカリキュラム方針】
preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。
本編： 15分でサクサク進むメイン講義
0.5回シリーズ： 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義
この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。
もっと詳しく知りたい人のための
0.5回シリーズ
本編とは関係ないけど、プラスαの知識と技術を学ぶ0.5回シリーズ。
第7.5回目はパソコンで作った爆弾ゲームを自分のスマートフォンで動かします！
「コードを書くだけ」で終わらせず、実際に手元のデバイスで動く感動を味わいましょう。
さらに、画面サイズに合わせて表示を最適化するレスポンシブWebデザインの第一歩、メディアクエリについても解説。
「スマホで見ると小さすぎる……」という問題を、プロのテクニックでスマートに解決します！
【この動画で学べること】
- ネットワークの簡単な仕組み
- localhostとは
- プライベートIPアドレスの調べ方
- 画面幅に合わせてスタイルを切り替える方法（メディアクエリ）
- Viewportの設定
- 更新が反映されない時の対処法（キャッシュやパラメータの活用）