practice.md

練習問題

過去にやったもの

• JSのお勉強ざっくり
• 名刺ジェネレーター
• かんたんなtwitterもどき

OOPでエヴァンゲリオンをつくってみよう

難易度: ☆

• エヴァにパイロットを乗せてみろう
• 使徒と戦わせてみよう

レンダーをつくってみよう

難易度: ☆

• render

かんたんなレイヤードアーキテクチャなコードを書いてみよう

難易度: ☆☆

• View
• ViewModel
• Model
• Store

interface IEvangelion { 
    name: String;
}

abstract class Evangelion implements IEvangelion {
    constructor(public name: String) { }
    
    sayName() {
        console.log(this.name);
    }
}

class FirstEvangelion extends Evangelion { 
    constructor(name) { 
        super(name);
    }
}

const firstEvangelion = new FirstEvangelion('エヴァ初号機');
firstEvangelion.sayName();

Render.md2html('# みだし'); // `<h1>みだし</h1>`

<h1> <h2> <h3> <h4> <h5> <h6> <p> <ul><li>

ヒント

class Render {
  static md2html(string) {
    return string;
  }
}

console.log(Render.md2html('#hoge'))

$ node xxx.js