英語リスニング【JavaScript】微分係数の近似値を求めて接線を描いてみる公開日:2020/05/18最終更新日:2020/05/18第3回と第4回ではグラフの描き方にチャンレジしてみました。定義し,それをグラフとして描くことができるようになったので,あとは関数の定義の部分を書き換えれば学校で習ったさまざまな関数を実際にグラフとして確かめることができるようになります。xの値を次の点の座標にする};//最後にタグを閉じるdocument.write('</svg>');</script></body></html>前に作った二次関数のグラフを描くコードをさらに改良しました。関数の定義をはじめに持ってきたことと縮尺の調整ができるようになりました。分割して直線をつなげていきます。これでグラフの大きさを変えるのが楽になりました。微分係数の近似値を求めるさて,ここから式を微分して接線の傾きを求め,直線を引いてみましょう。となり,公式ですぐに傾きが分かります。これを使って直線を引いてもいいのですが,もし関数がその他のさまざまな形をとるとしたら,微分係数をどう求めるかが問題になってきます。そこで,微分係数を近似値で求めることでグラフとして描けるようにしよう,というのが今回チャレンジする内容です。f'(x)=\lim_{h\rightarrow0}\cfrac{f(x+h)-f(x)}{h}$でした。数IIの微分の初めに習った定義です。接線の方程式を求めると$y=f'(t)(x-t)+f(t)$となります。これで数式の材料はそろいました。xの値を次の点の座標にする};//最後にタグを閉じるdocument.write('</svg>');</script></body></html>コードの追加部分を説明します。いう変数で扱っています。位置における接線の傾きを求めています。近い小数を用いることで近似しています。近似値をもっと本来の値に近づけたいならこの小数をもっと小さくすれば良いのですが,これ以上小さくしても画面上での違いは分からないでしょう。おける接線の傾きを求めるということです。/></g>');関数のグラフを描画する部分の下に,接線を描画する部分を書いています。本の直線にしています。表しているので,この関数の形を変えれば他のさまざまな関数の接線を引くことができます。