BLOG

【PHP学習】条件分岐を使っておみくじアプリ制作！

2022-10-28

どうもロックシステムのコジです！
Youtubeで配信しているPHPの基礎学習動画も７回目です。
前回「if文」「switch文」といった条件分岐を学びました。今回は応用編、条件分岐を使っておみくじアプリを作ります！
動画内で使用した「unsei.php」「style.css」は以下からコピーして使用してください！ 今回作るおみくじアプリの見た目だけ作っているコードです。HTML/CSSが分かるよーって人は好きにカスタマイズしちゃってもOKです！

★unsei.php
<!doctype html>
<html lang="ja">
 <head>
	 <meta charset="UTF-8">
	 <title>おみくじアプリ！！</title>
	 <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<?php include("omikuzi.php"); ?>
<div class="omikuzi">
	<h1>ロック神社おみくじ</h1>
	<p>今日の運勢は、<span><?php echo($unsei); ?></span>だよ！</p>
	<p>ラッキーカラー白</p>
    <p>恋愛運は……<?php echo($renaiun); ?></p>
</body>
</html>
★style.css
.omikuzi{
    margin: 60px 180px;
    background-color: #fffbf4;
    padding: 80px;
    box-shadow: 9px 9px 0px 0px red;
    text-align: center;
}
span{
	font-size: 30px;
	font-weight: bold;
	color: red;
}
★おみくじアプリの仕組み
仕組みはブラウザーのリロードボタンを押すとおみくじの結果が変わるというアプリです！

後から画像を追加したり、もう一回引くボタンをつけてさらにアプリらしくカスタマイズすることもできます。

今回記述したコードはこちら

★omikuzi.php
<?php
​
$omikuzi = mt_rand(1,5);
​
switch($omikuzi){
    case 1:
        $unsei = "大吉";
        break;
    case 2;
        $unsei = "中吉";
        break;
    case 3;
        $unsei = "小吉";
        break;
    case 4;
        $unsei = "吉";
        break;
    case 5;
        $unsei = "凶";
        break;
}
​
if($omikuzi === 1 || $omikuzi === 2){
    $renaiun = "いい感じ！";
} elseif($omikuzi === 3) {
    $renaiun = "まぁまぁ";
} else {
    $renaiun = "皆無";
}
今回見慣れない縦線２本( || )の記述がありますね。
if($omikuzi === 1 || $omikuzi === 2){
これは論理演算子といって、true(真)とfalse(偽)の2つからなる真偽値に対して演算を行うことができる記号や符号のことを表します。 縦線２本で「または」＆2つで「かつ」という処理になります。今回でいうと条件1または2だった場合、いい感じという結果を出力するという意味ですね。
そして今回新たに学んだのが「elseif」
これはifにもelseにも当てはまらない条件を増やすことができます。 動画ではさらにわかりやすくコードを解説しながら作っているので是非真似して作ってみてください！
■これまでのPHP基礎学習シリーズ
【PHP基礎学習】＃1VScodeのデバッグ環境の設定/拡張機能で便利にしよう！
【PHP基礎学習】＃2変数を学ぼう！
【PHP基礎学習】＃3HTMLでPHPを実行する方法/コメントの書き方
【PHP基礎学習】＃4PHPのいろんな演算子を学ぼう！【算術/代入/比較演算子】
【PHP初心者でもできる！】簡単RPG風バトルゲーム作成！変数/演算子/条件分岐
【PHP学習】条件分岐の書き方使い方【if,else,switch】
是非Youtubeのチャンネル登録もよろしくお願いします！
ロックシステムアカデミー！ゆっくりプログラミング学習
大阪福島区にあるプログラミングスクール「ロックシステムアカデミー」です！「プログラミング作って実践」をテーマに楽しく分かりやすいアプリ開発のレクチャー動画をアップしていきます！ チャンネル登録よろしくお願いします！ プログラミングスクール ▼「ロックシステムアカデミー」WEBサイト https://rocksystem.co.jp/academy/
https://www.youtube.com/channel/UC6JxNQ2QTX8Dl96V2MMNP8A

株式会社ロックシステム

「ブラック企業をやっつけろ！！」を企業理念にエンジニアが働きやすい環境をつきつめる大阪のシステム開発会社。2014年会社設立以来、残業時間ほぼゼロを達成し、高い従業員還元率でエンジニアファーストな会社としてIT業界に蔓延るブラックなイメージをホワイトに変えられる起爆剤となるべく日々活動中！絶賛エンジニア募集中。

他の記事へ

CATEGORY