このページは情報Ⅰ導入研修(Web/HTML5/JavaScriptで学ぶコンピュータの仕組みと外部装置の接続)とJavaScriptで学ぶプログラミング超入門1(HTML/CSS/JavaScript体験)をセットで受講させる方向けのサポートページです。

PDF資料一覧

20200729情報Ⅰ導入研修
20200729HTMLxCSSxJavaScript超入門

サンプルプロジェクト

グラフ
WebAPI郵便番号
2章ひながた
3章ひながた(2章の完成版)
4章のひな形はありません、最小限テンプレートをご利用下さい

ツールへのリンク

サンプルソースコード

情報Ⅰ導入のソースコード

分岐(MakeCode用)

basic.forever(function () {
    if (input.acceleration(Dimension.X) > 100) {
        basic.showString("R")
    } else {
       basic.showString("-")
    }
})

繰り返し(MakeCode用)

let i = 0
for (let i0 = 0; i0 < 10; i0++) {
    i += 1
    basic.showString("" + i)
    basic.pause(1000)
    basic.clearScreen()
    basic.pause(1000)
}

whileで繰り返し(MakeCode用)

let i = 0
while (true) {
    i += 1
    basic.showString("" + i)
    basic.pause(1000)
    basic.clearScreen()
    basic.pause(1000)
}

桁あふれ(Monacaなど)

    x = 1.7976931348623157e+308;
    document.writeln(x);
    x = 1.797693134862315799999e+308;
    document.writeln(x);
    x = 1.8e+308;
    document.writeln(x);

複利計算

    yokin = 100000;
    riritsu = 0.05;
    for(i = 0;i < 10;i++) {
        risoku = yokin*riritsu;
        yokin = yokin+risoku;
        document.write(i+1," 年目:",yokin);
    }

WebAPI郵便番号

var url = 'https://api.anko.education/zipcode?zipcode=100-0013';
    fetch(url)
        .then(function(response) {
            return response.json();
        })
        .then(function(address) {
            document.write(address.pref + address.city + address.area);
        });

教材サイト

あんこエデュケーション
複利計算解説(あんこエデュケーション)