テック羅針盤

体験して学ぶ

触って分かる、テックのしくみ

クイズに答えたり、数字やマスを動かしたりしながら、コンピューターや情報のしくみを自分の手で確かめられます。

説明の確かさを見分ける

短い文を読んで、「確かめられること」「かなりありそうなこと」「まだ試していない案」に分ける練習ができます。

根拠ハンター

その説明、どの確かさ？

3つの短文を読み、「事実」「強い推定」「アイデア」に分類します。これは読解練習であり、内容の正しさを断定する診断ではありません。

答えと考え方
  1. 事実：確認可能な文書に書かれた内容を述べています。
  2. 強い推定：観測はありますが、未来はまだ確定していません。
  3. アイデア：効果を確かめる前の改善仮説です。

1文字の違いを見てみる

よく似た2つの言葉を入れて、たった1文字の違いでコンピューターが作る印がどれほど変わるか確かめられます。

1文字で何ビット変わる？

ハッシュ雪崩ラボ

似た文字を2つ入力し、デジタル指紋の変化を観察します。まず「ねこ」と「ねこ。」の完成例から試せます。

完成例：「ねこ」と「ねこ。」は見た目がよく似ていますが、32個のマスで表す指紋は広い範囲が変化します。

データを送る場所を選ぶ

3つの場面に合う送り先を選びます。速さだけでなく、安心して使えるかも考えるクイズです。

3問で通信設計を体験

パケット経路チャレンジ

データを「端末内」「近くの拠点」「遠くのクラウド」のどこへ送るか選びます。速さだけでなく、機能とプライバシーも考えます。

完成例：地下鉄で写真の明るさだけを直すなら、通信不要で反応が速い「端末内」が有力です。

  • 端末内：速く、外へ送りにくいが、使える計算資源は限られる。
  • 近くの拠点：応答と機能の折衷案。
  • クラウド：大きな処理が得意だが、通信と送信範囲の確認が要る。

マス目で絵を作る

5×5のマスを押して小さな絵を作れます。絵が0と1の並びで表せることを目で確かめられます。

25ビットでアイコンを描く

ピクセル符号工房

5×5のマスを押すと、絵と0・1の符号が同時に変わります。完成例の「小さな目」から自由に描き替えてください。

完成例（小さな目）：01110 10001 10101 10001 01110

読み方の道すじをたどる

記事を理解するための3つの段階を、画面を進めながらたどれます。丸いボタンから好きな段階を選ぶこともできます。

スクロール連動ガイド

読むほど進む、3つの理解ステップ

下へ読み進めると現在地が切り替わります。丸いボタンから直接選ぶこともできます。

STEP 1

見つける

まず、記事が答えようとしている問いを見つけます。

STEP 2

つなぐ

次に、根拠と結論がどうつながるかを追います。

STEP 3

試す

最後に、図やミニツールを操作して理解を確かめます。

使い方：JavaScriptがなくても3ステップはすべて表示されます。動作時は現在の節が強調されます。

しくみを正しい順番に戻す

ばらばらになった4つの手順を、矢印ボタンで正しい順番に並べ直すゲームです。

30秒チャレンジ

しくみを順番に並べよう

「まぜる」で開始し、矢印ボタンで工程を正しい順番へ戻します。

完成例（JavaScriptがなくても読めます）

  1. 入力を小さな単位に分ける
  2. 周囲との関係を見つける
  3. 次に続く候補を比べる
  4. 選んだ候補を文章へ戻す

混み具合と余裕を比べる

3つのつまみを動かして、仕事の量と受け止める力のつり合いがどう変わるか試せます。

つまみで変わる概念デモ

処理量・待ち時間・余裕のバランス

3つの値を動かし、システム設計のトレードオフを体感できます。数値は説明用の相対指数で、実測値ではありません。

完成例：需要50、処理能力65、予備20なら、混雑度は77、余裕は35です。

処理能力だけでなく、急な増加に備える予備も安定性へ影響します。