初心者によるプログラミング学習ログ 147~152日目

# 100日チャレンジの

twitterの100日チャレンジ#タグ、#100DaysOfCode実施中です。
すでに100日超えましたが、継続。

100日チャレンジは、ぱぺまぺの中ではプログラミングに限らず継続学習のために使っています。

ちょっと現時点と離れすぎてきたので、今回はまとめて。

147~152日目は、

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはようございます<br>147日目<br><br>メンターさんの新課題、adobexdとコーディング<br><br>なれないツールに苦戦<a href="https://twitter.com/hashtag/100dayOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100dayOfCode</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://twitter.com/hashtag/%E6%97%A9%E8%B5%B7%E3%81%8D%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8?src=hash&amp;ref_src=twsrc%5Etfw">#早起きチャレンジ</a><a href="https://twitter.com/hashtag/adobexd?src=hash&amp;ref_src=twsrc%5Etfw">#adobexd</a></p>&mdash; ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) <a href="https://twitter.com/yudapinokio/status/1190377015762776064?ref_src=twsrc%5Etfw">November 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはようございます<br>148日目<br><br>progateでSass講座すすめた<br><br>やることがあったのと、あまり気分がのらなかったので、サクッとできるprogateをやりました。<a href="https://twitter.com/hashtag/%E6%97%A9%E8%B5%B7%E3%81%8D%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8?src=hash&amp;ref_src=twsrc%5Etfw">#早起きチャレンジ</a><a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a></p>&mdash; ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) <a href="https://twitter.com/yudapinokio/status/1190745023488253953?ref_src=twsrc%5Etfw">November 2, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはようございます<br>150日目<br><br>あまり学習意欲がわかなかったので、さくっとできるprogateでjavascriptやりました<br><br>あとvscodeとgitを連携させたりとか<a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/%E6%97%A9%E8%B5%B7%E3%81%8D%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8?src=hash&amp;ref_src=twsrc%5Etfw">#早起きチャレンジ</a><a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://twitter.com/hashtag/javascript?src=hash&amp;ref_src=twsrc%5Etfw">#javascript</a></p>&mdash; ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) <a href="https://twitter.com/yudapinokio/status/1191108015799144448?ref_src=twsrc%5Etfw">November 3, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはようございます<br>151日目<br><br>progateのjavascript<br>メンターさんのwebサイト制作課題<br><br>案外手が動かないのでググりまくりんぐ<a href="https://twitter.com/hashtag/%E6%97%A9%E8%B5%B7%E3%81%8D%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8?src=hash&amp;ref_src=twsrc%5Etfw">#早起きチャレンジ</a><a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/javascript?src=hash&amp;ref_src=twsrc%5Etfw">#javascript</a></p>&mdash; ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) <a href="https://twitter.com/yudapinokio/status/1191465277076078592?ref_src=twsrc%5Etfw">November 4, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはようございます<br>152日目<br><br>progateのjavascript講座のコードを改変してアウトプット<br><br>今回みたいな感じでやっていこう<br>コメントも積極的に残しておく<a href="https://twitter.com/hashtag/100DaysOfCode?src=hash&amp;ref_src=twsrc%5Etfw">#100DaysOfCode</a> <a href="https://twitter.com/hashtag/%E9%A7%86%E3%81%91%E5%87%BA%E3%81%97%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%A8%E7%B9%8B%E3%81%8C%E3%82%8A%E3%81%9F%E3%81%84?src=hash&amp;ref_src=twsrc%5Etfw">#駆け出しエンジニアと繋がりたい</a> <a href="https://twitter.com/hashtag/%E6%97%A9%E8%B5%B7%E3%81%8D%E3%83%81%E3%83%A3%E3%83%AC%E3%83%B3%E3%82%B8?src=hash&amp;ref_src=twsrc%5Etfw">#早起きチャレンジ</a><a href="https://twitter.com/hashtag/javascript?src=hash&amp;ref_src=twsrc%5Etfw">#javascript</a></p>&mdash; ぱぺまぺ@webエンジニアを目指したい社畜 (@yudapinokio) <a href="https://twitter.com/yudapinokio/status/1191826856258854912?ref_src=twsrc%5Etfw">November 5, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

# 今回学習したことの一部

```practice.js
// 定数にアロー関数を代入
const messeage = ()=> {
    console.log('おはよう');
  };
  
  // 定数の呼び出し
  messeage();

  //アロー関数未使用の書き方
  const test = function() {
      console.log("こんにちは");
  };
  test();

  // 関数の引数にnameを追加
const taro = (name) => {
    console.log(`おはよう、${name}さん`);
  };
  // testの引数に渡して呼び出し
   taro('太郎');
   taro('佐藤');
   taro('yamada');

   //関数名と引数名変更
const sato = (testname) => {
    console.log(`こんにちは、${testname}さん`);
};
sato('tanaka');

   //アロー関数未使用で書いてみる
const tanaka = function(tanakanum) {
    console.log(`${tanakanum}さん、こんばんは`);
};

tanaka('田中');
tanaka('山田');

//戻り値
const num = (number) => {
    // numを2で書けた値を戻り値
    return number*2;
  };
  
  // 定数resultの定義
  const result = num(200);
  console.log(`200の2倍は${result}です`);

const num1 = (num2) => {
    return num2 * 5;
};
const Test = num1(500)
console.log(`500の5倍は${Test}です`);

//オブジェクト
const boy = {name: 'taro',
                 age: 12,
   greet:() => {
    console.log("こんにちは");
  }
};

// boyのnameとageプロパティを出力
console.log(boy.name);
console.log(boy.age);

// boyのgreetプロパティの関数実行
boy.greet();

//クラスの定義
class Girl {
    //コンストラクタ追加
    constructor() {
        //console.log('インスタンス生成');
        this.name = 'mimi';
        this.age = '23'
    }

}
//Girlクラスのインスタンス
const girl = new Girl();

console.log(`名前は${girl.name}です`);
console.log(`年齢は、${girl.age}歳です`);

//別クラス名
class Man {
    //コンストラクタに引数も指定してみる
    constructor(dislike, sports) {
        this.name = 'mamoru'
        this.age = '15'
        this.job = '事務員'
        this.like = '読書'
        //引数をつかう
        this.dislike = dislike;
        this.sports = sports;
    }
}
//引数も渡してみる
const man = new Man("運動","野球");
console.log(`名前は${man.name}です。趣味は${man.like}です`);
console.log(`年齢は${man.age}です。職業は${man.job}です`);
console.log(`苦手なのは${man.dislike}です。${man.sports}が苦手です`);


```

progateのjavascript講座内のコードを自分なりに改変してみました。