動くコード図鑑

$ ls -1 /library | wc -l → 619

触って動く、検証済みの正解集。

公開記事から抽出した全コードブロックを 1 つずつページ化。 ▶ ボタンで実行ログを再生し、さも今動いてるかのように出力を流す。

この図鑑の使い方

言語で絞る

C# / SQL / TypeScript / PowerShell / Bash でフィルタ。

▶ で実行

事前収録の出力を 1 行ずつ再生。ぱっと結果が見える。

記事と接続

各 snippet は出典記事へのリンク付き。文脈ごと読める。

絞り込み

すべて 619C# 473SQL 71 TypeScript 39 JavaScript 24 PowerShell 11 Bash 1 ▶ 実行可能のみ

snippet 一覧

12 件

JavaScript

class human {
    constructor(){
        console.log('Hello World')
    }
}

▶ 実行可

コンストラクタとは？

JavaScriptでのクラス定義方法とコンストラクタ定義まで！ミニマム実践してみる！#92eab64d49da

JavaScript

class human {
    constructor(name,height,weight){
        this.name = name;
        this.height = height;
        this.weight = weight;

▶ 実行可

ミニマム実践！HumanクラスをつくってBMIを計算してみる

JavaScriptでのクラス定義方法とコンストラクタ定義まで！ミニマム実践してみる！#f37a77a8c6bb

JavaScript

class human {
    constructor(name,height,weight){
        this.name = name;
        this.height = height;
        this.weight = weight;

▶ 実行可

ミニマム実践！HumanクラスをつくってBMIを計算してみる

JavaScriptでのクラス定義方法とコンストラクタ定義まで！ミニマム実践してみる！#6268bb7340a3

JavaScript

class A君{
    constructor(魔力){
        this.魔力 = 魔力
    }

▶ 実行可

ベースクラスの定義

JavaScriptのクラスの継承を超絶ミニマムで解説してみる！#f41e7e63f710

JavaScript

class B君 extends A君{
    constructor(魔力,回復力){
        super(魔力)
        this.回復力 = 回復力
    }

▶ 実行可

継承先クラスの定義

JavaScriptのクラスの継承を超絶ミニマムで解説してみる！#06cb023a4b31

JavaScript

let A君 = new A(50);
let B君 = new B(100,150);

A君.Ionazun();

▶ 実行可

継承先クラスの定義

JavaScriptのクラスの継承を超絶ミニマムで解説してみる！#eb36af52e8bb

JavaScript

const num = 3;
console.log(num);

num = 4;
console.log(num);

▶ 実行可

Constは定数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#88dfd898a79f

JavaScript

const num;
num = 4;
console.log(num);

▶ 実行可

Constは定数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#0857c5ddd8e8

JavaScript

const num = 4;
console.log(num);

num = 5;
console.log(num);

▶ 実行可

letは再宣言不可能な変数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#83f22948715a

JavaScript

let num = 4;
console.log(num);

num = 5;
console.log(num);

▶ 実行可

letは再宣言不可能な変数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#816127acd7c9

JavaScript

let num = 4;
console.log(num);

let num = 5;
console.log(num);

▶ 実行可

letは再宣言不可能な変数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#18d699cdb144

JavaScript

var num = 4;
console.log(num);

var num = 5;
console.log(num);

▶ 実行可

varは再宣言可能な変数

JavaScriptでConstとletとvarの違いをミニマムで説明してみる#26703e102675