休み明けの自分へ&今日の感想!

最近、自分ルールを一つ作りました。
それは、「マイナス思考はできるだけ、プラス思考にかえる」ということです。
きこえは難しそうですが、やることは至って簡単。マイナスな意味を持つ言葉を極力使わないことです。
特に「最悪」とか「面倒くさい」とか「鬱だ」は日頃自分でよく使っていたので、使わないように、より気をつけています。
代わりに楽しかったり嬉しかったりしたら、言葉にするようにしています。「楽しい」とか「嬉しい」とか「おいしい」とかそういう単語です。
ちょっとだけ幸せというか穏やかな気持ちになります^^
といっても、初めてすぐなので、自分のモチベーションにどこまで効力があるかは解りませんが、
せっかく決めた自分ルールなので、守っていきたいなって思ってます。

なんで今日こんな話を書いておくかというと、これは、連休明けの自分に向けてです!
自分自身でモチベーションをどう持っていくかを考えていまして。
とりあえず,この自分ルールを守って、楽しい連休後も楽しく会社に出勤したいものです。

さて、長い前置き(という名の未来の自分へのメッセージ)はこれくらいにして。
本日の感想と授業内容です。

☆本日のメニュー☆
  1. HTML vol.13
  2. PHP vol.16

授業感想


HTML vol.13

今日はCSSを中心に授業を進めました。やっぱりCSSをいじるのって楽しい…!!ずっといじっていたくらいです。
ただ、まだCSSEditに慣れていないところがあって、新規スタイルシートを作ったり、自分の書いていたファイルを呼び出したりするのに手間取ってしまいます。何事もエディタに慣れないとまごまごしてしまうのですね…。
要素を一つずつ確認しながら、スタイルシートをいじったので、前と違って、行き当たりばったり感がなくなった気がします。(前は行き当たりばったり当てたり当てなかったりをしていた)
また自習時間に続きをいじってみようと思います^^


PHP vol.16

今日も前回に引き続き、制作という形で実際にフォームを書きました。
前回よりちょっと複雑になってはいたのですが、順を追って考えれば、組み合わさっている問題が、ほろほろとほどけて、やりたいことになって手元に落ちてくる感じでした。ただ、まだ手がそれに追いついてくれなくて、気持ちだけが前のめりになりがちです…
そこはやっぱりタッチの練習をやらなくては…!!
PHP自体は最近はパニック状態に陥ることなく平穏に頑張れています。
復習の効果が今ちょっとずつですが、見えてきてるのかなぁ…って思っています。
連休明けにはまたテストがあるそうなので、頑張って復習しておきます!!



授業ノート


HTML vol.13

【授業内容】
CSSで遊ぼう!

○授業で使ったことのあるHTML文書に、要素を確認しながらスタイルシートを当てていく
☆ルール☆
要素の大きいものから小さいものに当てていくこと。
必ずスタイルシート上にコメントを書いていくこと。
→時間に制限はないため、自分のペースで確実に確認作業をしていくこと。

※各要素ごとに背景色を変えながら動きを確認したので、凄く解りやすく、どこをいじるとどこに反映されるのかが解っておもしろかった。



PHP vol.16

【授業内容】
前半:PHPで電卓を作ってみよう
後半:PHPでアンケートフォームを作ってみよう


○前半:PHPで電卓を作ってみよう

☆if文を使って、電卓を作ってみよう。

<html>
<head>
<title>PHP電卓</title>
</head>

<body>
<h1>PHP電卓</h1>
<form action="./jugyou.090428.php" method="GET">
入力値:1<input type="text" name="n1">
入力値:2<input type="text" name="n2">
<input type="submit" value="+" name="keisan">
<input type="submit" value="-" name="keisan">
<input type="submit" value="×" name="keisan">
<input type="submit" value="÷" name="keisan">
</form>
     <?php

      if(isset($_GET["keisan"])){
         if(!is_numeric($_GET["n1"]) || !is_numeric($_GET["n2"])){
                 echo "文字、または空欄が入力されています";
     if($_GET["keisan"] == "+"){
         echo $_GET["n1"]."+".$_GET["n2"]."=".($_GET["n1"]+$_GET["n2"]);
     }elseif($_GET["keisan"] == "-"){
         echo $_GET["n1"]."-".$_GET["n2"]."=".($_GET["n1"]-$_GET["n2"]);
     }elseif($_GET["keisan"] == "×"){
         echo $_GET["n1"]."×".$_GET["n2"]."=".($_GET["n1"]*$_GET["n2"]);
     }elseif($_GET["keisan"] == "÷"){
         if($_GET["keisan"] <= 0){
             echo  "割る数にマイナスまたは0が入っています。";
         }
         echo $_GET["n1"]."÷".$_GET["n2"]."=".($_GET["n1"]/$_GET["n2"]);
     }
      }
      }
?>
</body>
</html>

☆switch文を使って、電卓を作ってみよう

<html>
<head>
<title>PHP電卓</title>
</head>

<body>
<h1>PHP電卓その2</h1>
<form action="./jugyou.090428_2.php" method="GET">
入力値:1<input type="text" name="n1">
入力値:2<input type="text" name="n2">
<input type="submit" value="+" name="keisan">
<input type="submit" value="-" name="keisan">
<input type="submit" value="×" name="keisan">
<input type="submit" value="÷" name="keisan">
</form>

<?php
if(isset($_GET["keisan"])){
     switch($_GET["keisan"]){
     case "+":
     echo $_GET["n1"]."+".$_GET["n2"]."=".($_GET["n1"]+$_GET["n2"]);
            break;
     case "-":
     echo $_GET["n1"]."-".$_GET["n2"]."=".($_GET["n1"]-$_GET["n2"]);
     break;
     case "×":
     echo $_GET["n1"]."×".$_GET["n2"]."=".($_GET["n1"]*$_GET["n2"]);
     break;
     case "÷":
     if($_GET["keisan"] <= 0){
         echo  "割る数にマイナスまたは0が入っています。";
     }
     echo $_GET["n1"]."÷".$_GET["n2"]."=".($_GET["n1"]/$_GET["n2"]);
     break;
     }
}
?>
</body>
</html>


○後半:PHPでアンケートフォームを作ってみよう。

☆送信フォーム

<html>
<head>
<title>アンケート</title>
</head>

<body>
<h1>アンケート</h1>
<form action="./jugyou.090428_4.php" method="POST">
     <p>姓:<input type="text" name="myouji"></p>
     <p>名:<input type="text" name="namae"></p>
     <p> 性別:<input type="radio" value="man" name="seibetsu"><input type="radio" value="woman"  name="seibetsu"></p>
     <p>年代:<select name="nendai">
     <option value="10">10代</option>
     <option value="20">20代</option>
     <option value="30">30代</option>
     <option value="40">40代</option>
     <option value="50">50代</option>
     </select></p>
     <p>好きな動物:
     <input type="checkbox" name="animal[]" value="犬"><input type="checkbox" name="animal[]" value="猫"><input type="checkbox" name="animal[]" value="ウサギ">うさぎ
     </p>

     <p> ご質問: <textarea name="question"></textarea></p>
     <p><input type="submit" value="アンケート送信" name="soushin"></p>
     </form>

</body>
</html>

☆受信画面

<html>
<head>
<title>アンケート結果</title>
</head>

<body>
<h1>アンケート結果</h1>
お名前:
<?php
echo $_POST["myouji"]." ".$_POST["namae"];
?>
<br />
性別:
<?php
if(!isset($_POST["seibetsu"])){
    echo "性別を選択してください";
}else{
    switch($_POST["seibetsu"]){
    case "man":
        echo "男性";
        break;
    case "woman":
        echo "女性";
        break;
    }
}

?>
<br />
年代:
<?php

switch($_POST["nendai"]){
case 10:
    echo "10代";
    break;
case 20:
    echo "20代";
    break;
case 30:
    echo "30代";
    break;
case 40:
    echo "40代";
    break;
case 50:
    echo "50代";
    break;
}
?>

<br />

好きな動物;
<?php
if(!isset($_POST["animal"])){
    echo "動物を選択してください";
}else{
foreach($_POST["animal"] as $choice){
    echo $choice;
}
}

?>

<br />

ご質問:
<?php
echo $_POST["question"];
?>

</body>
</html>


※if文より、switch文の方が好きです!!^^




以上、今日の授業でした。