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

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

#2|分岐処理(if文)とHTMLの基礎

⚠️ preproからのお願い

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

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

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

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

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

講師の東郷です。

第1弾「爆弾ゲームを作ろう」の第2回目となる今回は、プログラミングの要である「分岐処理(if文)」を学びます。

前回学んだ「変数」を使い、特定の条件(カードの数字が爆弾と同じかどうか)によって処理を分ける方法を解説。

これができると、一気に「プログラムを動かしている」実感が湧いてくるはずです。

特定の言語に特化せず、Webアプリ開発の全体像をサクサク学んでいきましょう!

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

  • 条件分岐(if文)の基本構造
  • 「==」:比較演算子(等価演算子)と「=」:代入演算子 の違い
  • 爆弾ゲームのロジックを作る

【タイムスタンプ】

  1. 00:00 今回の内容説明
  2. 00:57 変数名の付け方
  3. 01:29 条件分岐(if文)の書き方
  4. 02:08 代入「=」と等しい「==」の違い
  5. 02:42 true(真・正しい)とfalse(偽・正しくない
  6. 09:11 HTMLの基本的な記述方法とformタグ
  7. 13:01 formタグとデータの送受信

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

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

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

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

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

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

今回は「第2.5回」として、第2回で学んだ「分岐処理(if文)」をさらに深掘りする特別回です 。

「もし〜だったら」というプログラムの基本をより柔軟に、より使いこなすためのに、初心者の方にも分かりやすく解説します。

「0.5回シリーズ」は、本編のサクサク進むペースを維持しつつ、しっかり学びたい人が脱落しないためのレベル別階層構造として導入しています 。
「なんとなく分かった」を「自信を持って書ける」に変えていきましょう!

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

  • if文の基本
  • 比較演算子のバリエーション(以下、未満の違い)
  • 重要:if文で起こり得る不具合

【タイムスタンプ】

  1. 00:00 今回の内容説明
  2. 00:58 if文の基本的な書き方
  3. 02:33 読みやすいコードの記述方法
  4. 04:20 いろいろな比較演算子(「未満」と「以下」の違い)
  5. 06:05 if文の処理の流れを解説
  6. 08:00 if 〜 elseの書き方
  7. 10:47 if 〜 else if 〜 elseの書き方
  8. 15:35 重要:else ifの注意点