Programming — 自習教材

プログラミング入門

HTML・CSS・JavaScript・Python を1日1テーマで学ぶ30日カリキュラムと、ブラウザだけで使える実習環境、復習・自習用のサンプルコード集をまとめました。講義の予習・復習に、そしてAIが書いたコードを自分の目で読み解くための基礎づくりに使ってください。

30日カリキュラムを始める実習環境を開く

01 — Curriculum

入門カリキュラム

1日1テーマ、30日で一巡する自習用カリキュラムです。各日は「解説 → 練習 → 理解度チェック」の順に進み、理解度チェックに正解すると確認コード付きの画面が表示されます。

Curriculum — 30 days

プログラミング入門30日

Webページの骨組みであるHTMLから始めて、CSSによるデザイン、JavaScriptによる動きのあるページ、そしてPythonでのデータ処理・グラフ描画まで。テキストエディタとブラウザがあれば今日から始められます。

解説読む
練習手を動かす
理解度チェック 確認コードを取得

目次を開く

02 — Environment

オンライン実習環境

ブラウザだけで使える Python／Jupyter 環境です。インストールは不要で、第4部（Python）の学習や講義中のAI演習でも利用します。

JupyterLab

JupyterLab 実習環境

ブラウザで動作し、インストールは不要です。ノートブックを新規作成し、セルにコードを書いて Shift+Enter で実行します。

開く

JupyterLite

オンライン開発環境（サンプルファイル付き）

サンプルファイルをあらかじめ用意したブラウザ上の開発環境です。Python（Pyodide）と R のカーネルがブラウザ内で動き、NumPy・pandas・Matplotlib などのチュートリアルと練習問題を収録しています。初めて使う方は、開き方からノートブックの実行・保存・復旧までを説明した付属の利用ガイドを先に読んでください。

開く利用ガイド（PDF） GitHub リポジトリ

03 — Interactive

体験型教材・デモ

操作しながら考える対話型の教材と、講義で紹介する地図・データ可視化の作例です。作例はソースコードも公開しています。

Interactive 体験型教材

Game

トロッコ問題

倫理的ジレンマを題材にしたゲーム形式の教材。選択を重ねながら、判断の根拠を考えます。

開く

Game

歩道橋問題

トロッコ問題のバリエーション。「自らの手で1人を犠牲にするか」を問う10のシナリオで、直観のゆらぎを確かめます。

グラフ描画ライブラリ Chart.js のサンプル集です。

GitHub

Python 基礎・可視化・分析

Tutorial

Python チュートリアル

Python を基礎から学ぶチュートリアルです。

開く

Samples

Python サンプル集

Python の基本的な書き方を確認できるサンプル集です。

開く GitHub

Samples

Matplotlib グラフサンプル集

Matplotlib によるグラフ描画の作例集。30日カリキュラム Day 30 の発展にも。

開く GitHub

Tutorial

Leafmap チュートリアル

地理空間データを地図化する Leafmap の入門です。

GitHub

Tutorial

statsmodels チュートリアル

統計分析ライブラリ statsmodels の入門です。

本講義のAIポリシー「使う・検証する・区別する」は、プログラミングの学習でもそのまま当てはまります。

順番に、少しずつ30日カリキュラムは前の日の内容を前提に進みます。1日1テーマのペースで、飛ばさずに進めるのが近道です。
必ず自分で動かすサンプルコードは読むだけでなく、実習環境に貼り付けて実行し、数値や文字を書き換えて結果の変化を確かめましょう。
AIに聞き、自分で検証するエラーの意味やコードの説明は生成AIに尋ねて構いません。ただし、答えを鵜呑みにせず、実際に動かして確かめてから採用してください。

講義予定・出席確認は講義サイトのトップから。

講義サイトのトップへ