関数と設定
接点 P が曲線上を自動で動き、接線（赤）が回転します。緑の割線は P と P+h を通り、h が 0 に近づくと接線に一致します——これが「極限としての微分」です。
—
—
一時停止中はアニメーションが静止します。再生ボタンで自動アニメーションを再開できます。
グラフ（青: f(x) ／ 橙: f'(x) ／ 赤: 接線 ／ 緑: 割線）
赤点が接点 P、緑点が P+h。緑の割線 (f(x+h)−f(x))/h は h→0 で赤の接線に一致し、その傾きが導関数 f'(x)（橙）の値になります。
理論・主要公式
$$f'(x) = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}$$
差商 $\frac{f(x+h)-f(x)}{h}$ は「平均変化率」。$h \to 0$ の極限が「瞬間の変化率 = 微分係数」
接線の方程式
点 $(a,\, f(a))$ における接線: $y = f'(a)(x - a) + f(a)$
二階微分と凹凸
$f''(x) \gt 0$: 下に凸（凹関数、U字）
$f''(x) \lt 0$: 上に凸（凸関数、∩字）
$f''(x) = 0$ で符号変化: 変曲点（inflection point）
物理モデルセクションでは、関数 \( f(x) \) 上の任意の点 \( a \) における微分係数を、極限操作を介さずに視覚的に捉える。接線の傾きは差分商 \( \frac{f(a+h)-f(a)}{h} \) の \( h \to 0 \) への極限として定義され、スライダーで \( a \) を変化させると、その瞬間の傾きが直線として描画される。さらに、二階微分 \( f''(a) \) は接線の傾きの変化率を表し、その符号が関数の凹凸を決定する。具体的には、\( f''(a) > 0 \) なら下に凸、\( f''(a) < 0 \) なら上に凸の領域を示す。これにより、微分係数が局所的な線形近似の勾配であること、および二階微分が曲率の指標となることを、数式とグラフの連動から直感的に理解できる。本モデルは、微積分の基礎概念を動的シミュレーションとして体感するための基盤である。
$f'(x) = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}$
産業での実際の使用例（自動車業界）
トヨタ自動車のエンジン設計では、本ビジュアライザーで培った「接線の傾き＝瞬間変化率」の直感を活かし、ピストン運動の速度・加速度を微分係数として解析。エンジン回転数に対するトルク曲線の傾き（dトルク/d回転数）をリアルタイムで可視化し、燃費最適化に貢献。日産のEV「リーフ」では、バッテリー残量に対する電圧降下率（dV/dQ）の凹凸判定に応用し、充電制御アルゴリズムの精度を向上させている。
研究・教育での活用
東京大学工学部の微積分入門講義では、本ツールを用いて「極限としての微分」を体験。学生がスライダーで接点を動かすたびに、関数の凹凸と二階微分の正負が連動する様子を観察し、テイラー展開の直感的理解を促進。理化学研究所の材料科学チームは、結晶成長速度の微分解析に応用し、非線形現象の局所的な変化率を教育用プロトタイプとして活用している。
CAE解析との連携や実務での位置付け
本ビジュアライザーは、CAE（Computer-Aided Engineering）における感度解析の前段階として位置付けられる。例えば、航空機翼の応力分布をFEM解析する際、翼形状パラメータに対する応力の微分係数（∂応力/∂形状）を本ツールで直感的に確認。その後、本格的なCAEソフト（ANSYSやAbaqus）で数値微分を実行し、最適設計の初期条件を効率化。実務では「微分の視覚的フィードバック」により、エンジニアが数式の意味を直感しながらCAEモデルを調整できる橋渡し役を果たす。
具体的な計算例
関数 f(x)=x²（セレクタの「f(x) = x²」）を選び、接点 x=1.5 にすると：f'(x)=2x より f'(1.5)=3（接線の傾き）。接点(1.5, 2.25)を通り傾き3の接線方程式は y=3x−2.25。差分幅 h=0.1 では割線の傾き=(1.6²−1.5²)/0.1=3.1、h=0.01 では 3.01 となり、h を小さくするほど接線の傾き3に接近する様子が動的に確認できます。