教材ライブラリ

授業で使うスライド、触って動かせる図解、レッスンの導入スライドをまとめています。 左のリストで絞り込むか、キーワードで検索してください。

124 件

配列とインデックス
1

配列とインデックス

スライダーを動かして、arr[5] が何を返すか確かめてください。

for ループと range
2

for ループと range

step を動かして、刻み幅と向きで並ぶ値がどう変わるか確かめてください。

変数と再代入
3

変数と再代入

1行ずつ進めて、右辺が先に計算される順番を追ってください。

参照とコピー
4

参照とコピー

.copy() を切り替えて、箱がいくつ作られるか見比べてください。

条件分岐のルート
5

条件分岐のルート

x を動かして、上から順にどの枝を通るか追ってください。

関数の引数と戻り値
6

関数の引数と戻り値

return を外すと、出口から何も出てこなくなります。

スコープの内と外
7

スコープの内と外

置き場所と参照場所を切り替えて、見える組み合わせを探してください。

型と TypeError
8

型と TypeError

どちらの型に揃えるかで、結果がまったく変わります。

辞書のキー検索
9

辞書のキー検索

無いキーを選ぶと何が返るか、確かめてください。

while と無限ループ
10

while と無限ループ

更新行を消すと、条件が永遠に True のままになります。

ネストしたループ
11

ネストしたループ

1マスずつ進めて、内側と外側のどちらが速く回るか確かめてください。

スライスの範囲
12

スライスの範囲

start と end を動かして、どこが切り出されるか確かめてください。

文字列の繰り返しと連結
13

文字列の繰り返しと連結

n を 0 まで下げて、箱がゼロになったとき何が残るか確かめてください。

append と新しいリスト
14

append と新しいリスト

3 つの書き方を切り替えて、箱がいくつ残るか見比べてください。

zip でペアにする
15

zip でペアにする

ステップを進めて、何組できるかを数えてください。

try と except のルート
16

try と except のルート

値を切り替えて、try を通り抜けるか except に吸い込まれるか追ってください。

再帰の呼び出しスタック
17

再帰の呼び出しスタック

積み上がってから、上の箱の値が確定して降りてくる様子を見てください。

デフォルト引数
18

デフォルト引数

呼び出しを増やして、省いた引数に何が入るか確かめてください。トグルで既定値を [] に変えられます。

リストとタプル
19

リストとタプル

同じ書き換えを上下で試すと、片方だけが止まります。

f文字列の穴埋め
20

f文字列の穴埋め

{ } は「穴」です。先頭の f があって初めて、値が流し込まれます。

スタックとキュー
21

スタックとキュー

ステップを進めて、出てくる順がどう入れ替わるかを見てください。

二分探索の絞り込み
22

二分探索の絞り込み

ステップを進めて、残る候補が何個になるか数えてください。

バブルソート
23

バブルソート

ステップを進めて、比較と交換が何回ずつ起きるか数えてください。

クイックソートと pivot
24

クイックソートと pivot

ステップを進めて、pivot の左右にどう分かれていくかを見てください。

ハッシュと衝突
25

ハッシュと衝突

バケット数を減らして、辞書が遅くなる瞬間を作ってください。

連結リストと配列
26

連結リストと配列

操作を切り替えて、どちらが損をするか見比べてください。

木の探索 DFS と BFS
27

木の探索 DFS と BFS

方式を切り替えて、目標 F にたどり着くまでの順番を追ってください。

計算量の伸び方
28

計算量の伸び方

n を増やして、どの棒が先に天井に当たるか見てください。

累積和で区間を一発で出す
29

累積和で区間を一発で出す

l と r を動かして、下段の光る 2 か所だけで合計が出ることを確かめてください。

尺取り法の窓
30

尺取り法の窓

ステップを進めて、窓の両端がどちらに動くかを確かめてください。

HTTPリクエストの旅
31

HTTPリクエストの旅

1区間ずつ進めて、パケットがどこまで行けるか追ってください。

GET と POST
32

GET と POST

同じフォームを 2 つの方法で送り、値の載る場所を見比べます。

Cookie とセッション
33

Cookie とセッション

ボタンを切り替えて、どちらの箱が空になるか見てください。

同期と非同期
34

同期と非同期

注文の数を増やして、上下の合計時間を見くらべてください。

キャッシュと古い表示
35

キャッシュと古い表示

サーバを直しても画面が変わらないのはなぜか、押して確かめます。

2進数と10進数
36

2進数と10進数

スライダーを 255 まで動かしてから、+1 を入れてください。

文字コードと文字化け
37

文字コードと文字化け

読む規則を切り替えて、同じバイト列がどう見えるか確かめてください。

IPアドレスとポート
38

IPアドレスとポート

ポートを切り替えて、ノックが建物のどこまで届くか見てください。

公開鍵と秘密鍵
39

公開鍵と秘密鍵

閉め方を切り替えて、第三者が中身を読めるか確かめてください。

URL の構造
40

URL の構造

部位のボタンを押して、URL のどこが何を指すのか確かめてください。

WHERE で絞り込む
41

WHERE で絞り込む

スライダーを動かして、どの行が残るか確かめてください。

しきい値で行が減る
42

しきい値で行が減る

n を動かして、残る行が変わるのを見てください。

文字列として比べると壊れる
43

文字列として比べると壊れる

トグルを入れて、残る行がどう変わるか見てください。

JOIN で表をつなぐ
44

JOIN で表をつなぐ

つなぎ方を切り替えて、結果が何行になるか数えてください。

GROUP BY で束ねる
45

GROUP BY で束ねる

集計を切り替えたあと、SELECT に name を足してみてください。

インデックスの効きどころ
46

インデックスの効きどころ

行数を増やしたあと、書き込みに切り替えてみてください。

NULL の罠
47

NULL の罠

条件を切り替えて、返る行数がどう変わるか見てください。

トークン分割
48

トークン分割

日本語のまま回数を上げて、枠からはみ出すところまで確かめてください。

温度パラメータ
49

温度パラメータ

スライダーを上げ下げして、棒の平らさがどう変わるか見てください。

コンテキストウィンドウ
50

コンテキストウィンドウ

やりとりを増やして、一番下の指示がどうなるか見てください。

プロンプトの変数化
51

プロンプトの変数化

プロンプトも f文字列と同じです。{ } の穴に、変数の値が流し込まれます。

RAG の検索と生成
52

RAG の検索と生成

1区間ずつ進めて、答えが社内資料から来ているか確かめてください。

埋め込みベクトル
53

埋め込みベクトル

トグルを入れて、バス の点がどこへ動くか見てください。

AI がウソをつく仕組み
54

AI がウソをつく仕組み

ステップを進めて、AI が「知っているか」ではなく「続きそうか」で選ぶのを確かめてください。

Few-shot のお手本
55

Few-shot のお手本

お手本の渡し方を変えて、下の正解率を見比べてください。

API リクエストの中身
56

API リクエストの中身

max_tokens を下げて、応答がどこで切れるか見てください。

システムプロンプトの効き方
57

システムプロンプトの効き方

外側の枠が system です。同じ質問でも、枠を変えると返り方が変わります。

Traceback は下から読む
58

Traceback は下から読む

▶ を押して、読む順のカーソルがどこへ動くか追ってください。

print デバッグを置く場所
59

print デバッグを置く場所

print の位置を切り替えて、どこに置けばバグの原因まで見えるか確かめてください。

変数の中身を追う
60

変数の中身を追う

ステップを進めて、best が書き換わる瞬間だけを見つけてください。

1つずれる
61

1つずれる

1 から 5 までの合計 15 を出したい。3つの書き方を見比べてください。

AI が書いたコードのバグ探し
62

AI が書いたコードのバグ探し

3つの入力を順に試して、AI のコードが本当に正しいか確かめてください。

commit はセーブポイント
63

commit はセーブポイント

ステップを進めながら、どこまでが点として残っているかを見てください。

ブランチは並行世界
64

ブランチは並行世界

commit を積んだり直接コミットに切り替えたりして、2つの先端プレビューを見比べてください。

マージとコンフリクト
65

マージとコンフリクト

相手が直した行を切り替えて、合流の結果を見てください。

push と pull のズレ
66

push と pull のズレ

操作を切り替えて、矢印がどちら向きに流れるか見てください。

.gitignore の関所
67

.gitignore の関所

関所の設定を切り替えて、公開側に何が届くか確かめてください。

やらかしからの戻し方
68

やらかしからの戻し方

取り消し方を切り替えて、3人の列のズレを見てください。

AI エージェントのループ
69

AI エージェントのループ

ステップを押して、輪が何周で答えにたどり着くか見てください。

AI が道具を使う仕組み
70

AI が道具を使う仕組み

確認をオフにして、注文書がそのまま実行されるのを見てください。

丸投げと分解
71

丸投げと分解

同じゴールのまま、指示の粒度だけ変えて見比べてください。

少しずつ届く応答
72

少しずつ届く応答

時間を進めて、上下の画面に何がいつ見えるか比べてください。

AI の出力を通す関所
73

AI の出力を通す関所

出力を切り替えて、どの関所で止まるか追ってください。

何を渡すかで答えが変わる
74

何を渡すかで答えが変わる

質問は同じまま、渡す材料だけを入れ替えてみてください。

正規表現がどこに当たるか
75

正規表現がどこに当たるか

n を動かしても両方に当たらないことを確かめてください。

CSV の列ズレ
76

CSV の列ズレ

3行目のカンマが区切りとして数えられていないか確かめてください。

同じ時刻が2つの顔を持つ
77

同じ時刻が2つの顔を持つ

保存のしかたと見る場所を切り替えて、ズレがどこで生まれるか見ます。

いま自分はどこにいるか
78

いま自分はどこにいるか

cd で移動して、同じコマンドの結果がどう変わるか見てください。

絶対パスと相対パス
79

絶対パスと相対パス

現在地を動かして、2 行のうちどちらが書き換わるか見てください。

パーミッションの数字
80

パーミッションの数字

スライダーを 0 まで下げて、自分が開けなくなるのを見てください。

パイプとリダイレクト
81

パイプとリダイレクト

ステップを進めて、データが左から右へ細くなっていく様子を追ってください。

プロセスと PID
82

プロセスと PID

ボタンを押して、どの行が消えるか見てください。

PATH はコマンドの探し場所
83

PATH はコマンドの探し場所

PATH の並び順を変えて、どの python が動くか追ってください。

sudo は安全装置の解除
84

sudo は安全装置の解除

操作を切り替えて、壁が何を止めているか見てください。

いま打っているのはどちらのパソコンか
85

いま打っているのはどちらのパソコンか

打つ場所とコマンドを切り替えて、どちらのファイルが消えるか見てください。

データは小包に分けて運ばれる
86

データは小包に分けて運ばれる

ステップを進めて、バラバラの順で届いた小包が番号順に並び直る様子を見てください。

確実さと速さの取り替え
87

確実さと速さの取り替え

同じ用途を上下で送って、2本の棒を見比べてください。

名前から住所を調べる階段
88

名前から住所を調べる階段

キャッシュの場所を変えて、どの段で折り返すか追ってください。

往復にかかる時間
89

往復にかかる時間

距離のスライダーを動かして、往復時間の伸び方を見てください。

回線を太くしても縮まらない時間
90

回線を太くしても縮まらない時間

回線の太さを上げて、往復時間がどこで止まるか確かめてください。

近いところを測る
91

近いところを測る

3か所を押して、往復時間の伸び方を見てください。

遠いところを測る
92

遠いところを測る

2か所を押して、近いところとの桁の違いを見てください。

中継を乗り継いで届く
93

中継を乗り継いで届く

1ホップずつ進めて、どの中継を通って届くか追ってください。

家の中の住所と外の住所
94

家の中の住所と外の住所

向きを切り替えて、外からの通信がどこで止まるか見てください。

通す口を絞る
95

通す口を絞る

ルールを切り替えて、どの通信が門を通るか追ってください。

人の言葉から機械の言葉へ
96

人の言葉から機械の言葉へ

ステップを進めて、書いた言葉が数字の列に変わる道すじを見てください。

先に全部訳すか、その場で訳すか
97

先に全部訳すか、その場で訳すか

同じ4行を2つの方式に流して、画面に何が残るか見比べてください。

CPU は同じ4手を繰り返す
98

CPU は同じ4手を繰り返す

ステップを進めて、CPU が同じ4手を何周もするだけだと確かめてください。

変数の正体は番地
99

変数の正体は番地

操作を切り替えて、矢印の先の番地を読んでください。

速い置き場ほど小さい
100

速い置き場ほど小さい

データを大きくして、置き場が下の段へ落ちる様子を見てください。

電源を切ると消えるもの
101

電源を切ると消えるもの

電源を落として、机の上と引き出しの中を見比べてください。

2種類のメモリ不足
102

2種類のメモリ不足

2本のスライダーを動かして、どちら側から埋まるか見てください。

誰からも指されない箱は回収される
103

誰からも指されない箱は回収される

札を消したり指し合わせたりして、どの箱が回収されるか見てください。

小数のたし算がズレる
104

小数のたし算がズレる

足す回数とステップを変えて、ズレが出る条件を探してください。

すべては数字
105

すべては数字

文字・色・音を切り替えながらスライダーを動かして、下段の数字を見比べてください。

同時に動いて見える仕組み
106

同時に動いて見える仕組み

ステップで時間を進めて、CPU を誰が使っているか見てください。

積み上がった階層
107

積み上がった階層

層を選び、そのすぐ下を壊してみてください。

ビットシフトと桁あふれ
108

ビットシフトと桁あふれ

シフト量を増やして、上の桁がどこへ行くか追ってください。

入力した情報の行き先
109

入力した情報の行き先

学習の設定を切ったとき、どの線が消えるか見てください。

ナレッジカットオフ
110

ナレッジカットオフ

境目をまたいだとき、AI が黙るかどうか確かめてください。

速さと賢さの取り替え
111

速さと賢さの取り替え

課題を切り替えて、点線を越えるモデルがどれか探してください。

指示の具体度と出力の変わり方
112

指示の具体度と出力の変わり方

条件を1つずつ足して、出力のどこが埋まるか確かめてください。

丁寧さの目盛り
113

丁寧さの目盛り

目盛りを端まで上げて、対応内容の行がどこへ行くか見てください。

要約の圧縮率
114

要約の圧縮率

行数を1まで下げて、何が残り何が沈むか確かめてください。

入力した会話はどこに残るか
115

入力した会話はどこに残るか

操作を切り替えて、どの置き場まで矢印が届くか数えてください。

編集すると会話はどこから分かれるか
116

編集すると会話はどこから分かれるか

書き直す位置を上へ動かして、脇へ外れる往復の数を見てください。

案を何個出させるか
117

案を何個出させるか

個数を増やして、使える案の帯がどこで伸びなくなるか見てください。

たたき台と推敲の往復
118

たたき台と推敲の往復

往復の回数を増やして、一番上の主張がいつ消えるか見てください。

出力形式の指定
119

出力形式の指定

4つの形式を切り替えて、同じ中身の追いやすさを見比べてください。

契約した窓口でしか止められない
120

契約した窓口でしか止められない

契約した場所と解約操作の場所を入れ替えて、矢印が届くか見てください。

侵害になる条件は2つそろったとき
121

侵害になる条件は2つそろったとき

似ぐあいを最大まで上げても判定が動かないことを確かめてください。

書かなかったところは AI が決める
122

書かなかったところは AI が決める

指定する要素を減らして、3枚がどこまでバラけるか見てください。

マージの形は2種類
123

マージの形は2種類

main を先に進めたり --no-ff を付けたりして、履歴の形がどう変わるか見てください。

reset の3モード
124

reset の3モード

モードを切り替えて、3つの置き場所のうちどこまでが巻き戻るか見てください。