アラサーのプログラミング学習メモ！ https://ameblo.jp/yossy29/ 主に学習振り返り用です。 ja javascriptメモ書き <!DOCTYPE html>

<html lang="ja">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>JavaScript Practice</title>

  <style>

    .box{

      width: 100px;

      height: 100px;

      background: skyblue;

      cursor: pointer;

      transition: 1s;

      margin: 5px;

      text-align: center;

      line-height: 100px;

          }

    .circle{

      background: red;

      border-radius: 40%;

      transform: rotate(360deg);

          }

     body{

       display: flex;

       flex-wrap: wrap;

     }

  </style>

</head>

<body>

  <!-- <div class="box" id="target1"></div>

  <div class="box" id="target2"></div>

  <div class="box" id="target3"></div> -->

  <script>

    'use strict';

   

    for(let i = 0; i <  100; i++){

    const div = document.createElement('div');

    div.classList.add('box');

    div.textContent = i;

    div.addEventListener('click', () => {

      div.classList.toggle('circle');

    });

 

    document.body.appendChild(div);

 

    }

 

    // document.body.appendChild(div);

 

      // document.getElementById('target').

      // addEventListener('click', ()=>{

      // document.getElementById('target').classList.toggle('circle');

 

      // const target1 = document.getElementById('target1');      

      // const target2 = document.getElementById('target2');      

      // const target3 = document.getElementById('target3');      

      // target1.addEventListener('click', ()=>{

      //   target1.classList.toggle('circle');

      // });

 

      // target2.addEventListener('click', ()=>{

      //   target2.classList.toggle('circle');

      // });

 

      // target3.addEventListener('click', ()=>{

      //   target3.classList.toggle('circle');

      // });

  </script>

</body>

</html>

]]> https://ameblo.jp/yossy29/entry-12607269891.html Sat, 27 Jun 2020 20:09:45 +0900 PHP#21　foreachを使い配列を操作 foreachを使うと、配列の中身をすべて表示できる。

<?php

 

$scores = [

  'first'  => 90,

  'second' => 40,

  'third'  => 100,

];

 

// foreach ($scores as $value) {　※$valueという書き方がよくされる？

// foreach ($scores as $score) {　※わかりやすくするために単数のscoreにした

//   echo $score . PHP_EOL;　　　　※処理結果：90改行40改行100

// }

 

※キー指定していれば（してなくても？）forehatchで、キーも表示できる。↓赤を足す。

foreach ($scores as $key => $score) {

  echo $key . ' - ' . $score . PHP_EOL;

}

]]> https://ameblo.jp/yossy29/entry-12604360667.html Mon, 15 Jun 2020 12:26:21 +0900 php＃20 配列とキー、配列内部を表示するvar_dump() 【キー、var_dump();、print_r（）;】

 

<?php

 

$scores = [

 90,

 40,

 100,

];

 

var_dump($scores);

print_r($scores);

 

・配列の中身を知りたい時は、

var_dump();

print_r();

を使う。

var_dump();のほうが、中の要素数が表示される分詳しくわかる。

 

・処理結果に出る番号（０から始まるやつ）をキーと呼ぶ。キーは指定することができる。

$scores = [

  'first'  => 90,

  'second' => 40,

  'third'  => 100,

];

これで処理結果に指定した文字列がキーとして表示される。

 

・キーを指定してechoで呼び出す事もできる。

echo $scores['third'] . PHP_EOL;

今回は処理結果には、100だけ表示される。

 

～～～

 

<?php

 

$scores = [

  'first'  => 90,

  'second' => 40,

  'third'  => 100,

];

 

var_dump($scores);

print_r($scores);

 

echo $scores['third'] . PHP_EOL;

]]> https://ameblo.jp/yossy29/entry-12604357370.html Mon, 15 Jun 2020 12:07:43 +0900 ｐｈｐ＃19　複数の変数を一括に管理する「配列」 <?php

// $score = 90;
// $score = 40;
// $score = 100;

 

↑同じ記号の変数が複数ある時は、↓のように管理できる。

$scores = [
  90,
  40,
  100,
  ];
  
  $scores[1] = 60;　　（これは後で挿入して、値を変える事ができるので書いてる）
  echo $scores[1] . PHP_EOL;　　（[　]内の数字は、0が一番、1が二番、２が３番）

したがってこの場合の処理結果は、

40となり、後から$scores[1] = 60;　を足すと６０となる

]]> https://ameblo.jp/yossy29/entry-12604257753.html Sun, 14 Jun 2020 22:51:50 +0900 ｐｈｐ＃18 【引数の型付け指定】

 

<?php

 

function showInfo(string $name, int $score):void

{

echo $name . ': ' . $score . PHP_EOL;

}

 

showInfo('taguchi', 40);

 

↑引数に型を指定する事ができる。

返り値も指定できる。返り値がない場合、voidを使う。

ただし、この時点では、型指定は「弱い指定で、多少の誤差を認めてしまう型指定」となっている。例：40が’40’でも処理結果：4となってしまう等（文字列の４は厳密にいうとエラーのはず）。

※ちなみに、型指定をしてなければ、$scoreに文字列を代入しても使えてしまう。

 

～～～

 

そこで、強い型指定をするには、declare(strict_type=1);とかく。

これで、厳密に型指定をするようになる。

 

<?php

declare(strict_types=1);

 

function showInfo(string $name, int $score):void

{

echo $name . ': ' . $score . PHP_EOL;

}

 

showInfo('taguchi', 'dotinstall');　エラー

showInfo('taguchi', '4');　　　　　　エラー

showInfo('taguchi', 40);　　　　　　OK

 

～～～

void　何もない

 

argument（アーギュメント）　引数

 

2 passed　二番目

]]> https://ameblo.jp/yossy29/entry-12603739744.html Fri, 12 Jun 2020 19:56:10 +0900 php#17 【条件演算子　関数とifを合わせる】

 

<?php

 

function sum($a, $b, $c)

{

  $total = $a + $b + $c;

  if($total < 0){

    return 0;

  } else {

    return $total;

  }

}

 

echo sum(100, 200, 300) . PHP_EOL;

echo sum(-1000, 200, 300) . PHP_EOL;

 

処理結果：

600

0

 

上と同じ内容を、もっと短く表示できる。

「条件　？　値　コロン　値(もう一つの)

」

と書く（return $total < 0 ? 0 : $total;）

 

 

<?php

 

function sum($a, $b, $c)

{

  $total = $a + $b + $c;

  if($total < 0){

    return 0;

  } else {

    return $total;

  }

return $total < 0  ?  0 : $total;

}

 

echo sum(100, 200, 300) . PHP_EOL;

echo sum(-1000, 200, 300) . PHP_EOL;

 

赤がtrueなら、最初の値(0)
赤がfalseならもう一つの値

で評価されるため、上と同じ意味になる。

]]> https://ameblo.jp/yossy29/entry-12603680805.html Fri, 12 Jun 2020 14:54:34 +0900 php#16 【関数自体を値として扱い、変数に代入できる話】

 

<?php

 

function sum($a, $b, $c)

{

  return $a + $b + $c;

}

↑こんなんあったとする。

 

 

この関数を値として変数に代入すると、以下のようになる。

 

$sum = function ($a, $b, $c) 

{

  return $a + $b + $c;

};

 

〇注意

functionの後のsumは消える（代入するのは処理そのものでいいので、余計な文字は入れない）。

 

functionの後は半角スペースを入れる。

 

普通の関数で最後のセミコロンは不要だが、関数を値として代入する場合、セミこロンが必要になる。

 

 

 

 

]]> https://ameblo.jp/yossy29/entry-12603676009.html Fri, 12 Jun 2020 14:27:48 +0900 php#15 変数の有効範囲を表すスコープを理解する 【変数の有効範囲を表す”スコープ”を理解する】

<?php

 

function sum($a, $b, $c)

{

  return $a + $b + $c;

}

 

echo sum(100, 200, 300) + sum(300, 400, 500) . PHP_EOL;

 

処理結果：

1800

 

①上の関数で、消費税をかけて表示させたいとする。

その場合、↓赤をたすだけではうまくいかない。理由：ｐｈｐでは、関数の外で定義された変数（$rate）は反映されない。

 

②どうしても関数外のrateを反映させたければ、関数内に↓（青）グローバルを足す。ただしこのやり方では、コードが長くなると、どこで定義されたか探しにくくなる。ー③に続く。

 

<?php

 

$rate = 1.1;

 

function sum($a, $b, $c)

{

　global　$rate;

  return ($a + $b + $c) * $rate;

}

 

echo sum(100, 200, 300) + sum(300, 400, 500) . PHP_EOL;

 

③そこで、関数内で使う変数は、関数内で定義するか、引数で渡す、という方法を使う（引数の方法は詳しくはわからない）。

<?php

 

$rate = 1.1;

 

function sum($a, $b, $c)

{

　global　$rate;

    $rate = 1.08;

  return ($a + $b + $c) * $rate;

}

 

echo sum(100, 200, 300) + sum(300, 400, 500) . PHP_EOL;

 

処理結果：

（1800×1.08で）

1944

 

〇注意

上の$rate = 1.1;

$rate = 1.08;は、

関数外に書いてあるかどうかの違いがあるため、それぞれ違う数値をもち、違う範囲に反映される点に注意する。

 

変数の有効範囲をスコープと呼び、関数内で有効なものをローカルスコープ、関数の外すべてで有効なものをグローバルスコープと呼ぶ。

]]> https://ameblo.jp/yossy29/entry-12603669423.html Fri, 12 Jun 2020 13:52:53 +0900 php#14 return 【ｐｈｐ関数　returnを使う】

 

・合計を表示する

 

<?php

 

function sum($a, $b, $c){

  echo $a + $b + $c . PHP_EOL;

}

 

sum(100, 200, 300);

sum(300, 400, 500);

 

処理結果：

600

1200

～＄

 

という計算ができる。

 

・returnを使って、合算して表示する。

 

さらに

sum(100, 200, 300);

と

sum(300, 400, 500);

の合計を表示する方法を書く。

 

 

<?php

 

function sum($a, $b, $c){

  return $a + $b + $c;

}

 

echo sum(100, 200, 300) + sum(300, 400, 500);

 

処理結果：

1800～＄

 

〇注意点

関数内でreturnと書くと、その時点で値が戻り、それ以降の処理は無視される。

｛｝内でreturnを使うと、それが最後になるということ。

]]> https://ameblo.jp/yossy29/entry-12603663191.html Fri, 12 Jun 2020 13:17:33 +0900 php#13 【関数で場所によって表示する文言を変更する方法】

参考”関数の事よくわからない時は参考になります”

<?php

 

function showAd($message)

{

  echo '----------' . PHP_EOL;

  echo '--- ' . $message . ' ---' . PHP_EOL;

  echo '----------' . PHP_EOL;

}

 

showAd('header Ad');

echo 'Tom is great!' . PHP_EOL;

echo 'Bob is great!' . PHP_EOL;

showAd('Ad');

echo 'Steve is great!' . PHP_EOL;

echo 'Bob is great!' . PHP_EOL;

showAd('footer Ad');

 

とする。

 

～～～ここから↓～～～

仮引数を$message　=　'Ad'としておくと、下でshowAd()の関数を呼び出した時、引数を渡さなかった場合、上のAdが使われる。

 

<?php

 

function showAd($message = 'Ad')  // 仮引数

{

  echo '----------' . PHP_EOL;

  echo '--- ' . $message . ' ---' . PHP_EOL;

  echo '----------' . PHP_EOL;

}

 

showAd('Header Ad'); // 実引数

echo 'Tom is great!' . PHP_EOL;

echo 'Bob is great!' . PHP_EOL;

// showAd('Ad');

showAd();

echo 'Steve is great!' . PHP_EOL;

echo 'Bob is great!' . PHP_EOL;

showAd('Footer Ad');   

]]> https://ameblo.jp/yossy29/entry-12603371585.html Thu, 11 Jun 2020 08:14:48 +0900