AI時代だからこそ、ホンモノの技術を。 プログラミング&デザインスクール「prepro(プリプロ)」のロゴ

〜現場で通用するフルスタックな解決力を手に入れる、
プログラミング&デザインスクール〜

#4|組み込み関数とネスト構造

⚠️ preproからのお願い

このチャンネルは「修行の場」です。「コピペは原則禁止」。

自分の指でコードを打ち込み、エラーと向き合い、身体で技術を身につけていく。

一見タイパが悪いように見えて、それがジェネラリストへの一番の近道です!

〜デザインからプログラミングまで一人で開発できるジェネラリストへ〜

ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ!

講師の東郷です。

みなさん、お疲れ様です!
prepro第4回です。

前回作成した「爆弾ゲーム」、実は画面を開いた瞬間にエラー(警告)が出ていますよね。

今回は、プログラミング初学者が必ずぶつかる「Undefined array key」というエラーを、解決していきます!

さらに、ゲームを面白くするためにrand(ランダム)関数を導入。
毎回爆弾の位置が変わる「本物のゲーム」へと進化させます。

「プログラムを分ける(HTMLとPHPの分離)」という、プロの現場でも大切な考え方についても触れています。

一歩ずつ、着実にエンジニアへの階段を登っていきましょう!

【この動画で学べること】

  • 関数について
  • エラー(Undefined array key)の解決方法
  • ネスト構造(if文の中にif文を書く)
  • メンテナンス性を考える

【タイムスタンプ】

  1. 00:00 今回の内容説明
  2. 00:23 エラーの原因を探る(Undefined array keyとは?)
  3. 02:06 条件分岐(if文)とissetの組み合わせ
  4. 03:11 読みやすいコードの基本「インデント」を整える
  5. 03:40 関数とは?(Excelの関数との共通点)
  6. 04:42 ボタンが押されたかチェックする(issetの使い方
  7. 07:53 爆弾の場所をランダムにする(rand関数の使い方)
  8. 13:11 HTMLとPHPの処理を分けて、メンテナンス性を高める

【preproのカリキュラム方針】

preproでは、特定の言語に特化せず、Webアプリ開発の全体像を学びたい方をターゲットにしています。

本編: 15分でサクサク進むメイン講義

0.5回シリーズ: 習熟度の格差を埋め、しっかり学びたい人のための深掘り講義

この「レベル別階層構造」で、初心者から経験者まで自分のペースで学習を進めることができます。

もっと詳しく知りたい人のための
0.5回シリーズ

今回の4.5回目は、プログラミングの「論理的思考」の肝となる、演算と構造の深掘り回です。
「ネスト(入れ子)構造」に慣れるため、詳しく解説していきます。

特に、初心者の方が最初につまずきやすい「剰余(%)」を使った偶数判定のアルゴリズムについて、なぜその計算が必要なのか、実務でどう応用されるのかを紐解きます。

【この動画で学べること】

  • 文字列結合をマスターする
  • 四則演算 + 剰余
  • 偶数・奇数を調べるアルゴリズムを知る
  • 正しいプログラムとは?

【タイムスタンプ】

  1. 00:00 今回の内容説明
  2. 01:41 ロジックを考える
  3. 02:43 for文の作成
  4. 03:48 文字列結合の簡単な書き方
  5. 06:50 if文の作成
  6. 07:22 四則演算と剰余
  7. 09:17 偶数・奇数を調べるアルゴリズム
  8. 11:30 色々なプログラムの書き方を考える