三角関数（単位円とサイン・コサイン）

Q: 三角関数（単位円とサイン・コサイン）とは何ですか？

原点を中心とする半径1の円（単位円）上で、x軸の正方向から反時計回りに角度 \theta だけ回転した点の座標を (\cos\theta, \sin\theta) と定義する。

Q: 三角関数（単位円とサイン・コサイン）は社会やプログラミングでどのように使われていますか？

音声合成・信号処理（正弦波の生成）: スピーカーから出る音や、通信で使う電波の多くは正弦波（サイン波）の重ね合わせとして扱われる。ゲームのサウンド生成や信号処理では、角度（位相）を時間とともに進めながら \sin の値をサンプリングして波形を作る、という処理が基本になる。

回転する点のx座標・y座標が三角関数の正体

この単元の発見をシェア

3行要約（Key Takeaways / AIOサマリー）

1: 三角関数（単位円とサイン・コサイン）の本質的な定義と直感的ビジュアルをシミュレーターで体験できる。
2: 公式や証明の背景にある数学的意味と、厳密な導出ステップを解説。
3: 実社会における工学応用（音声合成・信号処理（正弦波の生成））のTypeScript実装コードを収録。

なぜこれを学ぶのか？ — 現実社会とテクノロジーでの価値

Purpose & Motivation

なぜ生まれたのか？

直角三角形の比率にとどまっていた三角比を、360度・何回転でも、さらにはマイナスの角度にも扱えるように拡張するために作られた。

身につく武器・思考力

「円運動」と「波の振動」が本質的に同じ現象であることを見抜き、周期的に繰り返すあらゆる自然現象を数式化できるようになる。

実社会・ITでの活躍現場

•ゲームキャラクターの円運動や旋回、ジャンプ軌道のアニメーション
•交流電源（家庭用コンセントの50Hz/60Hzの正弦波）の電圧計算
•音や電波の周波数解析（音楽制作、音声認識）
•時計の針の動きや観覧車・エンジンのピストン運動のモデリング

Layer 1 — 直感・シミュレーター

円周上の点をドラッグするかスライダーで角度 θ を動かすと、その点のx座標が $\cos\theta$ 、y座標が $\sin\theta$ になる。角度が1周（360°）する間に、値がどう振動するか観察してみよう。

角度 θ = 45°

\cos\theta

= 0.707

\sin\theta

= 0.707

↑ 円周上の点をドラッグするかスライダーを動かして角度を変えると、 $\cos\theta$ （横方向・緑）と $\sin\theta$ （縦方向・赤）が単位円上の座標として同時に変化する様子を確認できる。

Layer 2 — 定義・受験・証明

定義

原点を中心とする半径1の円（単位円）上で、x軸の正方向から反時計回りに角度 $\theta$ だけ回転した点の座標を $(\cos\theta, \sin\theta)$ と定義する。

公式・数理モデル

(x, y) = (\cos\theta, \sin\theta), \quad \sin^2\theta + \cos^2\theta = 1

証明・導出

単位円上の点は原点からの距離が常に1なので、三平方の定理より $x^2 + y^2 = 1$ が成り立つ。 $x = \cos\theta$ , $y = \sin\theta$ と定義しているので、これが

\sin^2\theta + \cos^2\theta = 1

という最も基本的な三角関数の恒等式（相互関係）になる。角度 $\theta$ を連続的に増やしていくと、 $y = \sin\theta$ の値は $-1$ から $1$ の間を周期的に振動する。これが波（サインカーブ）の正体である。

押さえておきたいポイント

$\cos\theta$ は横方向、 $\sin\theta$ は縦方向の成分
周期は $360°$ （ $2\pi$ ラジアン）で、角度が1周すると値も1周する
音波・光・交流電流など、あらゆる「振動・波」の記述に使われる

参照基準・学習指導要領との対応

本トピックの内容・数理モデルは、文部科学省学習指導要領（算数・数学・情報）および国際標準カリキュラムに準拠し、エンジニアリング現場の実装事例と照らし合わせてMath World Lab編集部により検証・作成されています。

Layer 3 — 工学応用・現場実装

音声合成・信号処理（正弦波の生成）

スピーカーから出る音や、通信で使う電波の多くは正弦波（サイン波）の重ね合わせとして扱われる。ゲームのサウンド生成や信号処理では、角度（位相）を時間とともに進めながら $\sin$ の値をサンプリングして波形を作る、という処理が基本になる。

1function generateSineWave(
2  frequencyHz: number,
3  durationSec: number,
4  sampleRate = 44100,
5): Float32Array {
6  const sampleCount = Math.floor(durationSec * sampleRate);
7  const samples = new Float32Array(sampleCount);
8
9  for (let i = 0; i < sampleCount; i++) {
10    const t = i / sampleRate;
11    // 角度 theta = 2π * f * t を単位円上で進めながら sin をサンプリング
12    samples[i] = Math.sin(2 * Math.PI * frequencyHz * t);
13  }
14  return samples;
15}
16
17// 440Hz（ラ音）の正弦波を0.5秒分生成
18const wave = generateSineWave(440, 0.5);
19console.log(wave.length); // 22050