<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Математика on Блог</title><link>https://svfcode.github.io/tags/%D0%BC%D0%B0%D1%82%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0/</link><description>Recent content in Математика on Блог</description><generator>Hugo -- gohugo.io</generator><language>ru</language><lastBuildDate>Fri, 13 Mar 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://svfcode.github.io/tags/%D0%BC%D0%B0%D1%82%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D0%BA%D0%B0/index.xml" rel="self" type="application/rss+xml"/><item><title>Мат Анализ — Производные</title><link>https://svfcode.github.io/p/math-derivatives/</link><pubDate>Fri, 13 Mar 2026 00:00:00 +0000</pubDate><guid>https://svfcode.github.io/p/math-derivatives/</guid><description>&lt;img src="https://svfcode.github.io/p/math-derivatives/cover.jpg" alt="Featured image of post Мат Анализ — Производные" />&lt;blockquote>
&lt;p>&lt;strong>Без этого не понять, как нейросеть вообще учится.&lt;/strong>&lt;/p>
&lt;/blockquote>
&lt;p>Для примера часто приводят скорость автомобиля. Мы тоже так сделаем.&lt;/p>
&lt;h2 id="что-такое-скорость">Что такое скорость?&lt;/h2>
&lt;p>Это отношение расстояния ко времени.&lt;/p>
&lt;p>Вот машина едет со средней скоростью 60 км/ч — значит, если увеличить время \( t \) на единицу, расстояние \( s \) увеличится на 60 единиц. Если увеличить \( t \) в 10 раз, то и \( s \) увеличится в 10 раз. Здесь рост линейный, на графике это прямая линия.&lt;/p>
&lt;div class="chart-wrap" style="max-width: 360px; margin: 1em 0;">
&lt;canvas id="chart-linear-075077307086944b10918ade1d547bd6" height="200">&lt;/canvas>
&lt;div class="chart-legend" style="display: flex; justify-content: center; gap: 1rem; margin-top: 0.5rem; font-size: 0.9rem; color: var(--content-color, #374151);">
&lt;span style="display: flex; align-items: center; gap: 0.4rem;">&lt;span style="width: 24px; height: 3px; background: #3b82f6; border-radius: 2px;">&lt;/span>s = 60t&lt;/span>
&lt;/div>
&lt;/div>
&lt;script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.6/dist/chart.umd.min.js">&lt;/script>
&lt;script>
(function() {
var id = 'chart-linear-075077307086944b10918ade1d547bd6';
var canvas = document.getElementById(id);
if (!canvas) return;
function init() {
if (!window.Chart) return;
var ctx = canvas.getContext('2d');
if (!ctx) return;
var labels = [0, 1, 2, 3, 4];
var data = [0, 60, 120, 180, 240];
new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 's = 60t',
data: data,
borderColor: '#3b82f6',
backgroundColor: 'transparent',
borderWidth: 2.5,
fill: false,
pointRadius: 0,
tension: 0
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
aspectRatio: 1.6,
plugins: {
legend: { display: false },
title: { display: false }
},
scales: {
x: { title: { display: true, text: 't' }, grid: { color: 'rgba(107,114,128,0.3)' } },
y: { title: { display: true, text: 's' }, min: 0, grid: { color: 'rgba(107,114,128,0.3)' } }
}
}
});
}
document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init();
})();
&lt;/script>
&lt;p>Но в течение времени машина движется неравномерно — скорость то увеличивается, то уменьшается.&lt;/p>
&lt;div class="chart-wrap" style="max-width: 360px; margin: 1em 0;">
&lt;canvas id="chart-nonuniform-075077307086944b10918ade1d547bd6" height="200">&lt;/canvas>
&lt;div class="chart-legend" style="display: flex; justify-content: center; gap: 1rem; margin-top: 0.5rem; font-size: 0.9rem; color: var(--content-color, #374151); flex-wrap: wrap;">
&lt;span style="display: flex; align-items: center; gap: 0.4rem;">&lt;span style="width: 24px; height: 3px; background: #3b82f6; border-radius: 2px;">&lt;/span>s(t) — расстояние&lt;/span>
&lt;span style="display: flex; align-items: center; gap: 0.4rem;">&lt;span style="width: 24px; border-bottom: 2px dashed #f59e0b;">&lt;/span>v(t) — скорость&lt;/span>
&lt;/div>
&lt;/div>
&lt;script>
(function() {
var id = 'chart-nonuniform-075077307086944b10918ade1d547bd6';
var canvas = document.getElementById(id);
if (!canvas) return;
function run() {
if (!window.Chart) return;
var ctx = canvas.getContext('2d');
if (!ctx) return;
var labels = [];
var sData = [];
var vData = [];
for (var t = 0; t &lt;= 1.02; t += 0.02) {
labels.push(t.toFixed(2));
var u = Math.max(0, Math.min(1, t));
var s = 60 * u * u * (3 - 2 * u);
var v = 360 * u * (1 - u);
sData.push(s);
vData.push(v);
}
new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [
{
label: 's(t) — расстояние',
data: sData,
borderColor: '#3b82f6',
borderWidth: 2.5,
fill: false,
pointRadius: 0,
tension: 0.3,
yAxisID: 'y'
},
{
label: 'v(t) — скорость',
data: vData,
borderColor: '#f59e0b',
borderWidth: 2,
borderDash: [6, 4],
fill: false,
pointRadius: 0,
tension: 0.3,
yAxisID: 'y1'
}
]
},
options: {
responsive: true,
maintainAspectRatio: true,
aspectRatio: 1.6,
plugins: { legend: { display: false } },
scales: {
x: { title: { display: true, text: 't' }, grid: { color: 'rgba(107,114,128,0.3)' } },
y: {
type: 'linear',
position: 'left',
title: { display: true, text: 's' },
min: 0,
max: 70,
grid: { color: 'rgba(107,114,128,0.3)' }
},
y1: {
type: 'linear',
position: 'right',
title: { display: true, text: 'v' },
min: 0,
max: 100,
grid: { drawOnChartArea: false },
ticks: { color: 'rgba(107,114,128,0.8)' }
}
}
}
});
}
function init() {
if (window.Chart) run();
else {
var s = document.createElement('script');
s.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.6/dist/chart.umd.min.js';
s.onload = run;
document.head.appendChild(s);
}
}
document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init();
})();
&lt;/script>
&lt;details style="background: rgba(239, 68, 68, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #ef4444;">
&lt;summary>Невозможно&lt;/summary>
&lt;p>Пройденное расстояние не может уменьшаться. Такой график s(t) был бы ошибочным:&lt;/p>
&lt;div class="chart-impossible-wrap" style="max-width: 360px; margin: 0.75em 0;">
&lt;canvas id="chart-impossible-st-075077307086944b10918ade1d547bd6" height="200">&lt;/canvas>
&lt;div class="chart-legend" style="display: flex; justify-content: center; gap: 1rem; margin-top: 0.5rem; font-size: 0.9rem; color: var(--content-color, #374151);">
&lt;span style="display: flex; align-items: center; gap: 0.4rem;">&lt;span style="width: 24px; height: 3px; background: #3b82f6; border-radius: 2px;">&lt;/span>s(t) — неправильно&lt;/span>
&lt;/div>
&lt;/div>
&lt;script>
(function() {
var id = 'chart-impossible-st-075077307086944b10918ade1d547bd6';
var canvas = document.getElementById(id);
if (!canvas) return;
function run() {
if (!window.Chart) return;
var ctx = canvas.getContext('2d');
if (!ctx) return;
var labels = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var data = [0, 3, 7, 11, 14, 11, 6, 2, 5, 9, 13];
new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 's(t) — неправильно',
data: data,
borderColor: '#3b82f6',
backgroundColor: 'transparent',
borderWidth: 2.5,
fill: false,
pointRadius: 0,
tension: 0.3
}]
},
options: {
responsive: true,
maintainAspectRatio: true,
aspectRatio: 1.6,
plugins: {
legend: { display: false },
tooltip: { enabled: true },
title: { display: false }
},
scales: {
x: {
title: { display: true, text: 't', font: { size: 12 } },
grid: { color: 'rgba(107,114,128,0.3)' },
ticks: { maxTicksLimit: 6 }
},
y: {
title: { display: true, text: 's', font: { size: 12 } },
min: 0,
max: 16,
grid: { color: 'rgba(107,114,128,0.3)' },
ticks: { stepSize: 2 }
}
}
}
});
}
function init() {
if (window.Chart) run();
else {
var s = document.createElement('script');
s.src = 'https://cdn.jsdelivr.net/npm/chart.js@4.4.6/dist/chart.umd.min.js';
s.onload = run;
document.head.appendChild(s);
}
}
document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init();
})();
&lt;/script>
&lt;/details>
&lt;details class="quiz-nonuniform" style="margin: 1.5em 0; padding: 1rem; background: var(--card-background, #f8fafc); border-radius: 10px; border: 1px solid var(--card-separator-color, rgba(0,0,0,0.08));">
&lt;summary style="cursor: pointer; font-size: 1.15rem; font-weight: 600;">Вопросы для самопроверки&lt;/summary>
&lt;div style="margin-top: 1rem;">&lt;div class="quiz-item" style="margin-bottom: 1.25rem;">
&lt;p style="margin: 0 0 0.5rem; font-weight: 500;">1. В какой момент скорость максимальна?&lt;/p>
&lt;details style="margin: 0.4rem 0;">&lt;summary style="cursor: pointer; color: var(--link-color);">Подсказка&lt;/summary>
&lt;p style="margin: 0.4rem 0; opacity: 0.9;">Посмотри на график v(t). Где он достигает наибольшего значения?&lt;/p>&lt;/details>
&lt;div style="margin-top: 0.5rem;">
&lt;button type="button" class="quiz-reveal" data-answer="В середине интервала, при t ≈ 0.5">Проверить&lt;/button>
&lt;span class="quiz-answer" style="display: none; margin-left: 0.5rem;">&lt;/span>
&lt;/div>
&lt;/div>
&lt;div class="quiz-item" style="margin-bottom: 1.25rem;">
&lt;p style="margin: 0 0 0.5rem; font-weight: 500;">2. Что означает наклон графика s(t) в данной точке?&lt;/p>
&lt;details style="margin: 0.4rem 0;">&lt;summary style="cursor: pointer; color: var(--link-color);">Подсказка&lt;/summary>
&lt;p style="margin: 0.4rem 0; opacity: 0.9;">Скорость — это отношение изменения расстояния ко времени. Как это связано с наклоном?&lt;/p>&lt;/details>
&lt;div style="margin-top: 0.5rem;">
&lt;button type="button" class="quiz-reveal" data-answer="Мгновенную скорость v(t) в этот момент">Проверить&lt;/button>
&lt;span class="quiz-answer" style="display: none; margin-left: 0.5rem;">&lt;/span>
&lt;/div>
&lt;/div>
&lt;div class="quiz-item" style="margin-bottom: 0;">
&lt;p style="margin: 0 0 0.5rem; font-weight: 500;">3. Почему v(t) сначала растёт, а потом падает?&lt;/p>
&lt;details style="margin: 0.4rem 0;">&lt;summary style="cursor: pointer; color: var(--link-color);">Подсказка&lt;/summary>
&lt;p style="margin: 0.4rem 0; opacity: 0.9;">v — это производная s. Как меняется наклон s(t) от начала до конца? Вспомни S-образную форму.&lt;/p>&lt;/details>
&lt;div style="margin-top: 0.5rem;">
&lt;button type="button" class="quiz-reveal" data-answer="Наклон s(t) сначала растёт (ускорение), потом уменьшается (замедление). У s есть точка перегиба.">Проверить&lt;/button>
&lt;span class="quiz-answer" style="display: none; margin-left: 0.5rem;">&lt;/span>
&lt;/div>
&lt;/div>&lt;/div>
&lt;/details>
&lt;script>
(function() {
document.querySelectorAll('.quiz-reveal').forEach(function(btn) {
btn.addEventListener('click', function() {
var span = this.nextElementSibling;
if (span &amp;&amp; span.classList.contains('quiz-answer')) {
if (span.style.display === 'none' || !span.style.display) {
span.textContent = 'Правильный ответ: ' + this.getAttribute('data-answer');
span.style.display = 'inline';
btn.textContent = 'Скрыть';
} else {
span.textContent = '';
span.style.display = 'none';
btn.textContent = 'Проверить';
}
}
});
});
})();
&lt;/script></description></item><item><title>Мат Анализ — пример анализа (нахождение πr²)</title><link>https://svfcode.github.io/p/math-circle-area/</link><pubDate>Thu, 12 Mar 2026 00:00:00 +0000</pubDate><guid>https://svfcode.github.io/p/math-circle-area/</guid><description>&lt;img src="https://svfcode.github.io/p/math-circle-area/cover.jpg" alt="Featured image of post Мат Анализ — пример анализа (нахождение πr²)" />&lt;p>Зададимся вопросом: как &lt;strong>аналитически&lt;/strong> найти площадь круга?&lt;/p>
&lt;h2 id="нарезка-на-прямоугольники">Нарезка на прямоугольники&lt;/h2>
&lt;p>&lt;strong>Идея:&lt;/strong> разрежем круг на тонкие концентрические кольца и «развернём» каждое кольцо в прямоугольник.&lt;/p>
&lt;p>Кольцо радиуса r и шириной Δr имеет длину окружности 2πr. Развернутое кольцо — это прямоугольник:&lt;/p>
&lt;ul>
&lt;li>длина: 2πr&lt;/li>
&lt;li>ширина: Δr&lt;/li>
&lt;li>площадь: 2πr · Δr&lt;/li>
&lt;/ul>
&lt;p>Площадь всего круга — сумма площадей всех таких колец, от r = 0 до r = R. Чем меньше Δr, тем точнее приближение.&lt;/p>
&lt;svg viewBox="0 0 360 200" xmlns="http://www.w3.org/2000/svg" style="max-width: 360px; display: block; margin: 1em 0;">
&lt;defs>
&lt;linearGradient id="ring" x1="0%" y1="0%" x2="100%" y2="0%">
&lt;stop offset="0%" stop-color="#3b82f6"/>
&lt;stop offset="100%" stop-color="#60a5fa"/>
&lt;/linearGradient>
&lt;/defs>
&lt;circle cx="100" cy="100" r="85" fill="none" stroke="#4b5563" stroke-width="1"/>
&lt;path d="M 100 15 A 85 85 0 0 1 185 100 A 85 85 0 0 1 100 185 A 85 85 0 0 1 15 100 A 85 85 0 0 1 100 15" fill="url(#ring)" fill-opacity="0.12" stroke="#60a5fa" stroke-width="1.5"/>
&lt;path d="M 100 30 A 70 70 0 0 1 170 100 A 70 70 0 0 1 100 170 A 70 70 0 0 1 30 100 A 70 70 0 0 1 100 30" fill="url(#ring)" fill-opacity="0.2" stroke="#60a5fa" stroke-width="1.5"/>
&lt;path d="M 100 45 A 55 55 0 0 1 155 100 A 55 55 0 0 1 100 155 A 55 55 0 0 1 45 100 A 55 55 0 0 1 100 45" fill="url(#ring)" fill-opacity="0.28" stroke="#60a5fa" stroke-width="1.5"/>
&lt;path d="M 100 60 A 40 40 0 0 1 140 100 A 40 40 0 0 1 100 140 A 40 40 0 0 1 60 100 A 40 40 0 0 1 100 60" fill="url(#ring)" fill-opacity="0.35" stroke="#60a5fa" stroke-width="1.5"/>
&lt;path d="M 100 75 A 25 25 0 0 1 125 100 A 25 25 0 0 1 100 125 A 25 25 0 0 1 75 100 A 25 25 0 0 1 100 75" fill="url(#ring)" fill-opacity="0.5" stroke="#60a5fa" stroke-width="1.5"/>
&lt;circle cx="100" cy="100" r="12" fill="#1e3a5f" stroke="#3b82f6" stroke-width="2"/>
&lt;line x1="100" y1="100" x2="100" y2="30" stroke="#f59e0b" stroke-width="2" stroke-dasharray="4 2"/>
&lt;text x="115" y="60" font-size="14" fill="#f59e0b">R&lt;/text>
&lt;text x="100" y="108" font-size="12" fill="#e5e7eb" text-anchor="middle">r=0&lt;/text>
&lt;text x="250" y="100" font-size="13" fill="#9ca3af">Кольца r = 0 … R&lt;/text>
&lt;/svg>
&lt;p>Если выложить эти нарезанные полоски (каждую длиной 2πr) на графике слева направо — от r = 0 до r = R — получится треугольник. В основании R, высота 2πR: площадь треугольника ½ · R · 2πR = πR².&lt;/p>
&lt;svg viewBox="0 0 320 220" xmlns="http://www.w3.org/2000/svg" style="max-width: 320px; display: block; margin: 1em 0;">
&lt;defs>
&lt;linearGradient id="strip" x1="0%" y1="0%" x2="100%" y2="0%">
&lt;stop offset="0%" stop-color="#3b82f6"/>
&lt;stop offset="100%" stop-color="#60a5fa"/>
&lt;/linearGradient>
&lt;/defs>
&lt;!-- Оси -->
&lt;line x1="40" y1="180" x2="260" y2="180" stroke="#6b7280" stroke-width="1.5"/>
&lt;line x1="40" y1="180" x2="40" y2="20" stroke="#6b7280" stroke-width="1.5"/>
&lt;!-- Полоски: высота 2πr по левому краю (не выше прямой), ширина Δr -->
&lt;rect x="40" y="172" width="22" height="8" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="62" y="164" width="22" height="16" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="84" y="148" width="22" height="32" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="106" y="132" width="22" height="48" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="128" y="116" width="22" height="64" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="150" y="100" width="22" height="80" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="172" y="84" width="22" height="96" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="194" y="68" width="22" height="112" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="216" y="52" width="22" height="128" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;rect x="238" y="36" width="22" height="144" fill="url(#strip)" fill-opacity="0.6" stroke="#60a5fa" stroke-width="1"/>
&lt;!-- Прямая 2πr (от r=0 до r=R) -->
&lt;line x1="40" y1="180" x2="260" y2="20" stroke="#f59e0b" stroke-width="2"/>
&lt;!-- Подписи -->
&lt;text x="270" y="185" font-size="14" fill="#9ca3af">r&lt;/text>
&lt;text x="25" y="35" font-size="14" fill="#9ca3af" text-anchor="end">2πr&lt;/text>
&lt;text x="255" y="195" font-size="12" fill="#f59e0b">R&lt;/text>
&lt;text x="35" y="45" font-size="12" fill="#f59e0b" text-anchor="end">2πR&lt;/text>
&lt;text x="150" y="110" font-size="12" fill="#9ca3af" text-anchor="middle">½·R·2πR = πR²&lt;/text>
&lt;/svg>
&lt;p>&lt;strong>Результат:&lt;/strong> площадь круга S = πR². Тот же подход — нарезка фигуры на «маленькие кусочки», подсчёт их площади и переход к пределу — лежит в основе интегрального исчисления и, как увидим дальше, ведёт к производным.&lt;/p></description></item><item><title>Мат Анализ — Производные</title><link>https://svfcode.github.io/p/math-derivatives-bkp/</link><pubDate>Thu, 12 Mar 2026 00:00:00 +0000</pubDate><guid>https://svfcode.github.io/p/math-derivatives-bkp/</guid><description>&lt;img src="https://svfcode.github.io/p/math-derivatives-bkp/cover.jpg" alt="Featured image of post Мат Анализ — Производные" />&lt;p>Вторая статья цикла «Необходимая математика» — про производные, градиент и правило цепочки.&lt;/p>
&lt;blockquote>
&lt;p>&lt;strong>Без этого не понять, как нейросеть вообще учится.&lt;/strong>&lt;/p>
&lt;/blockquote>
&lt;p>&lt;strong>Необходимые знания:&lt;/strong> пределы функций — основа для определения производной и непрерывности.&lt;/p>
&lt;h2 id="содержание">Содержание&lt;/h2>
&lt;ol>
&lt;li>&lt;a class="link" href="#%d1%87%d1%82%d0%be-%d1%82%d0%b0%d0%ba%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d0%b8%d0%b7%d0%b2%d0%be%d0%b4%d0%bd%d0%b0%d1%8f" >Что такое производная&lt;/a>
&lt;ul>
&lt;li>&lt;a class="link" href="#%d0%bf%d1%80%d0%be%d1%81%d1%82%d0%be%d0%b5-%d0%be%d0%b1%d1%8a%d1%8f%d1%81%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5" >Простое объяснение&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d1%81%d0%b0%d0%bc%d0%be%d0%b5-%d0%bf%d1%80%d0%be%d1%81%d1%82%d0%be%d0%b5-%d0%be%d0%b1%d1%8a%d1%8f%d1%81%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5" >Самое простое объяснение&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d0%bf%d1%80%d0%b0%d0%b2%d0%b8%d0%bb%d0%b0-%d0%b8-%d0%b1%d0%b0%d0%b7%d0%be%d0%b2%d0%b0%d1%8f-%d0%b8%d0%bd%d1%84%d0%be%d1%80%d0%bc%d0%b0%d1%86%d0%b8%d1%8f" >Правила и базовая информация о производных&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d1%87%d0%b8%d1%81%d0%bb%d0%be%d0%b2%d0%be%d0%b9-%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80-%d0%bb%d0%b8%d0%bd%d0%b5%d0%b9%d0%bd%d0%b0%d1%8f-%d1%84%d1%83%d0%bd%d0%ba%d1%86%d0%b8%d1%8f" >Числовой пример: линейная функция \( g(x) = 3x - 1 \)&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d1%87%d0%b8%d1%81%d0%bb%d0%be%d0%b2%d0%be%d0%b9-%d0%bf%d1%80%d0%b8%d0%bc%d0%b5%d1%80-%d0%ba%d0%b2%d0%b0%d0%b4%d1%80%d0%b0%d1%82%d0%b8%d1%87%d0%bd%d0%b0%d1%8f-%d1%84%d1%83%d0%bd%d0%ba%d1%86%d0%b8%d1%8f" >Числовой пример: квадратичная функция \( f(x) = x^2 \)&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%b0%d0%ba%d1%82%d0%b8%d0%b2%d0%bd%d0%be%d0%b5-%d1%83%d0%bf%d1%80%d0%b0%d0%b6%d0%bd%d0%b5%d0%bd%d0%b8%d0%b5" >Интерактивное упражнение&lt;/a>&lt;/li>
&lt;li>&lt;a class="link" href="#%d0%b7%d0%b0%d0%b4%d0%b0%d0%bd%d0%b8%d1%8f-%d0%b4%d0%bb%d1%8f-%d1%81%d0%b0%d0%bc%d0%be%d0%bf%d1%80%d0%be%d0%b2%d0%b5%d1%80%d0%ba%d0%b8" >Задания для самопроверки&lt;/a>&lt;/li>
&lt;/ul>
&lt;/li>
&lt;li>&lt;a class="link" href="#%d1%80%d0%b5%d0%b7%d1%8e%d0%bc%d0%b5" >Резюме&lt;/a>&lt;/li>
&lt;/ol>
&lt;h2 id="что-такое-производная">Что такое производная&lt;/h2>
&lt;h3 id="формальное-определение">Формальное определение&lt;/h3>
&lt;p>Производная функции в точке показывает &lt;strong>скорость изменения&lt;/strong>: насколько быстро растёт (или падает) значение функции при небольшом сдвиге аргумента.&lt;/p>
&lt;p>Для функции одной переменной \( f(x) \) производная \( f'(x) \) — это предел отношения приращения \( f \) к приращению \( x \), когда приращение стремится к нулю:&lt;/p>
\[
f'(x) = \lim_{\Delta x \to 0} \frac{f(x + \Delta x) - f(x)}{\Delta x}
\]
&lt;p>Здесь \( \Delta x \) — приращение аргумента (маленький шаг). В примерах ниже ту же величину обозначаем буквой \( h \).&lt;/p>
&lt;p>Геометрически — наклон касательной к графику в точке \( x \):&lt;/p>
&lt;ul>
&lt;li>\( f'(x) > 0 \) — функция растёт&lt;/li>
&lt;li>\( f'(x) &lt; 0 \) — функция убывает&lt;/li>
&lt;li>\( f'(x) = 0 \) — возможный минимум или максимум&lt;/li>
&lt;/ul>
&lt;p>&lt;em>Если понимание не пришло — открывай простое объяснение.&lt;/em>&lt;/p>
&lt;h3 id="простое-объяснение">Простое объяснение&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Простое объяснение&lt;/summary>
&lt;p>&lt;strong>Скорость на спидометре&lt;/strong> — это по сути производная: как быстро меняется пройденное расстояние. Разгоняешься — скорость растёт. Тормозишь — падает. То есть производная отвечает на вопрос: «насколько сильно изменится одна величина, если чуть-чуть изменить другую?»&lt;/p>
&lt;p>&lt;strong>Горка.&lt;/strong> Крутизна спуска — «насколько сильно опускаешься вниз, когда делаешь шаг вперёд». Крутой спуск — большая производная. Пологий — маленькая. На ровной дороге — ноль.&lt;/p>
&lt;p>&lt;strong>График функции.&lt;/strong> Если есть график \( y = f(x) \), производная в точке — это &lt;strong>наклон&lt;/strong> графика в этой точке. Для прямой вида \( y = kx + b \) наклон — это уже знакомый коэффициент \( k \). Для кривой в каждой точке свой наклон — его и называют производной.&lt;/p>
&lt;ul>
&lt;li>График круто идёт вверх → производная положительная&lt;/li>
&lt;li>Идёт вниз → производная отрицательная&lt;/li>
&lt;li>Горизонтально (вершина, впадина) → производная равна нулю&lt;/li>
&lt;/ul>
&lt;/details>
&lt;p>&lt;em>Если всё ещё не до конца понятно — открывай самое простое объяснение.&lt;/em>&lt;/p>
&lt;h3 id="самое-простое-объяснение">Самое простое объяснение&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Самое простое объяснение&lt;/summary>
&lt;p>&lt;strong>Машина едет с постоянной скоростью.&lt;/strong> Расстояние \( s \) (км) зависит от времени \( t \) (ч): \( s(t) = 60t \). За час проезжаем 60 км.&lt;/p>
&lt;p>Скорость — это «сколько км прибавляется за каждый час». То есть отношение изменения расстояния к изменению времени:&lt;/p>
\[
\text{скорость} = \frac{s(1) - s(0)}{1 - 0} = \frac{60 - 0}{1} = 60 \text{ км/ч}
\]
&lt;p>Это и есть производная: &lt;strong>скорость изменения&lt;/strong> одной величины (расстояние) по другой (время).&lt;/p>
&lt;p>&lt;strong>Числовой пример:&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>\( t \) (ч)&lt;/th>
&lt;th>\( s(t) \) (км)&lt;/th>
&lt;th>\( s(t+0{,}5) - s(t) \)&lt;/th>
&lt;th>\( \frac{\Delta s}{\Delta t} \)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>0&lt;/td>
&lt;td>0&lt;/td>
&lt;td>30&lt;/td>
&lt;td>60&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>1&lt;/td>
&lt;td>60&lt;/td>
&lt;td>30&lt;/td>
&lt;td>60&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>2&lt;/td>
&lt;td>120&lt;/td>
&lt;td>30&lt;/td>
&lt;td>60&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Везде получается 60. &lt;strong>Да: 60 (скорость в км/ч) и есть производная&lt;/strong> — \( s'(t) = 60 \). Она постоянна, потому что скорость не меняется.&lt;/p>
&lt;p>&lt;strong>График&lt;/strong> — прямая линия. Наклон этой прямой тоже равен 60 — то же самое число:&lt;/p>
&lt;div style="margin: 1em 0; aspect-ratio: 320/160; min-height: 160px; max-height: 320px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-graph-linear.html" style="width: 100%; height: 100%; border: none; display: block; background: #1a1a1a;" title="График y = 3x − 1" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;hr>
&lt;p>&lt;strong>А если скорость менялась?&lt;/strong> Полчаса ехали 40 км/ч, полчаса — 80 км/ч. В итоге: 20 + 40 = 60 км за 1 ч. &lt;strong>Средняя&lt;/strong> скорость 60 км/ч — но в каждый момент она была то 40, то 80.&lt;/p>
&lt;div style="margin: 1em 0; aspect-ratio: 320/160; min-height: 160px; max-height: 320px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-graph-piecewise.html" style="width: 100%; height: 100%; border: none; display: block; background: #1a1a1a;" title="График s(t) и s'(t): плавное ускорение" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;p>&lt;em>На графике — плавный вариант: скорость растёт от 40 до 80 км/ч. Зелёная кривая — расстояние s(t), пунктир — производная s&amp;rsquo;(t) (мгновенная скорость).&lt;/em>&lt;/p>
&lt;p>Считаем &lt;strong>мгновенную&lt;/strong> скорость (производную) в разных точках — по формуле \( \frac{s(t+h) - s(t)}{h} \) при маленьком \( h = 0{,}1 \) ч:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>\( t \) (ч)&lt;/th>
&lt;th>\( s(t) \) (км)&lt;/th>
&lt;th>\( s(t+0{,}1) - s(t) \)&lt;/th>
&lt;th>\( \frac{\Delta s}{\Delta t} \)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>0,1&lt;/td>
&lt;td>4&lt;/td>
&lt;td>4&lt;/td>
&lt;td>&lt;strong>40&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,25&lt;/td>
&lt;td>10&lt;/td>
&lt;td>4&lt;/td>
&lt;td>&lt;strong>40&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,5&lt;/td>
&lt;td>20&lt;/td>
&lt;td>—&lt;/td>
&lt;td>40 (слева) / &lt;strong>80&lt;/strong> (справа)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,75&lt;/td>
&lt;td>40&lt;/td>
&lt;td>8&lt;/td>
&lt;td>&lt;strong>80&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>1&lt;/td>
&lt;td>60&lt;/td>
&lt;td>8&lt;/td>
&lt;td>&lt;strong>80&lt;/strong>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>В первой половине часа производная везде 40, во второй — 80. В точке \( t = 0{,}5 \) график «ломается»: слева наклон 40, справа 80. Средняя 60 — это лишь «усреднение» по всему пути; производная показывает скорость &lt;strong>в данный момент&lt;/strong>.&lt;/p>
&lt;/details>
&lt;h3 id="правила-и-базовая-информация">Правила и базовая информация о производных&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Основные правила и факты&lt;/summary>
&lt;p>&lt;strong>Производная — это скорость изменения.&lt;/strong> Насколько быстро растёт (или падает) функция при малом сдвиге аргумента. Геометрически — &lt;strong>наклон касательной&lt;/strong> к графику.&lt;/p>
&lt;p>&lt;strong>Связь со знаком:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>\( f'(x) > 0 \) — функция растёт&lt;/li>
&lt;li>\( f'(x) &lt; 0 \) — функция убывает&lt;/li>
&lt;li>\( f'(x) = 0 \) — возможный минимум или максимум (вершина, впадина)&lt;/li>
&lt;/ul>
&lt;p>&lt;strong>Основные правила (кратко):&lt;/strong>&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Функция&lt;/th>
&lt;th>Производная&lt;/th>
&lt;th>Описание&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>\( C \) (константа)&lt;/td>
&lt;td>\( 0 \)&lt;/td>
&lt;td>константа не меняется, скорость изменения нулевая&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>\( x \)&lt;/td>
&lt;td>\( 1 \)&lt;/td>
&lt;td>линейный рост со скоростью 1&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>\( x^n \)&lt;/td>
&lt;td>\( n \cdot x^{n-1} \)&lt;/td>
&lt;td>степень «спускается» множителем, показатель уменьшается на 1&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>\( kx + b \)&lt;/td>
&lt;td>\( k \)&lt;/td>
&lt;td>линейная функция: наклон равен коэффициенту \( k \)&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>\( f + g \)&lt;/td>
&lt;td>\( f' + g' \)&lt;/td>
&lt;td>производная суммы равна сумме производных&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>\( C \cdot f \)&lt;/td>
&lt;td>\( C \cdot f' \)&lt;/td>
&lt;td>константу можно вынести за знак производной&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>&lt;strong>Примеры:&lt;/strong> \( (5)' = 0 \), \( (x^2)' = 2x \), \( (x^3)' = 3x^2 \), \( (7x - 2)' = 7 \).&lt;/p>
&lt;p>&lt;strong>Зачем в МО:&lt;/strong> обучение модели — это минимизация loss. Производная показывает направление роста; градиентный спуск двигается в противоположную сторону (\( -\nabla L \))&lt;sup id="fnref:1">&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref">1&lt;/a>&lt;/sup>, чтобы loss уменьшался.&lt;/p>
&lt;details style="background: rgba(16, 185, 129, 0.08); padding: 0.6em 0.9em; border-radius: 6px; margin-top: 0.75em; border-left: 3px solid #10b981;">
&lt;summary>Почему \( (x^n)' = n \cdot x^{n-1} \)?&lt;/summary>
&lt;p>Для натурального \( n \) можно вывести из определения. Пример для \( n = 2 \):&lt;/p>
\[
\frac{(x+h)^2 - x^2}{h} = \frac{x^2 + 2xh + h^2 - x^2}{h} = 2x + h \to 2x
\]
&lt;p>При \( h \to 0 \) получаем \( (x^2)' = 2x \). Для \( n = 3 \): раскрывая \( (x+h)^3 \), член с \( h^2 \) уходит в ноль, остаётся \( 3x^2 \).&lt;/p>
&lt;p>&lt;strong>Интуиция:&lt;/strong> степень \( n \) «спускается» вперёд как множитель, показатель уменьшается на 1. Чем выше степень, тем «круче» рост — поэтому производная содержит \( n \) и \( x^{n-1} \).&lt;/p>
&lt;p>&lt;strong>Пример: парабола \( y = x^2 \)&lt;/strong> — подробно&lt;/p>
&lt;p>Для \( f(x) = x^2 \) формула даёт \( f'(x) = 2x \). В каждой точке свой наклон:&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>Точка \( x \)&lt;/th>
&lt;th>\( f(x) = x^2 \)&lt;/th>
&lt;th>\( f'(x) = 2x \) (наклон)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>0&lt;/td>
&lt;td>0&lt;/td>
&lt;td>0&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>1&lt;/td>
&lt;td>1&lt;/td>
&lt;td>2&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>2&lt;/td>
&lt;td>4&lt;/td>
&lt;td>&lt;strong>4&lt;/strong>&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>3&lt;/td>
&lt;td>9&lt;/td>
&lt;td>6&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>4&lt;/td>
&lt;td>16&lt;/td>
&lt;td>&lt;strong>8&lt;/strong>&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>В \( x = 2 \): парабола касается прямой с наклоном 4 (касательная \( y = 4x - 4 \) проходит через (2, 4)).&lt;br>
В \( x = 4 \): наклон уже 8 — парабола круче, касательная \( y = 8x - 16 \).&lt;br>
В \( x = 0 \): вершина параболы, наклон 0 — касательная горизонтальна.&lt;/p>
&lt;div style="margin: 0.75em 0; aspect-ratio: 320/240; min-height: 200px; max-height: 400px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-graph-parabola.html" style="width: 100%; height: 100%; border: none; display: block; background: #1a1a1a;" title="Парабола y = x² и касательные" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;p>&lt;em>На графике:&lt;/em> зелёная кривая — \( y = x^2 \); пунктирные линии — касательные в точках (2, 4) и (4, 16). Наклоны 4 и 8 соответствуют \( f'(2) = 4 \), \( f'(4) = 8 \).&lt;/p>
&lt;p>&lt;strong>Пример: квадрат&lt;/strong> — \( x \) как сторона, площадь \( A(x) = x^2 \)&lt;/p>
&lt;p>ΔA — это приращение (изменение) площади A. Если площадь задана функцией \( A(x) \), то:
&lt;/p>
\[
\Delta A = A(x + \Delta x) - A(x)
\]
&lt;p>
То есть ΔA — сколько прибавляется к площади, когда сторона \( x \) увеличивается на Δx.&lt;/p>
&lt;p>Увеличиваем сторону на \( \Delta x \). К исходному квадрату добавляются: две «полосы» площадью \( x \cdot \Delta x \) (справа и сверху) и малый квадрат \( (\Delta x)^2 \) в углу. Итого:
&lt;/p>
\[
\Delta A = 2x \cdot \Delta x + (\Delta x)^2,\quad \frac{\Delta A}{\Delta x} = 2x + \Delta x \to 2x
\]
&lt;p>
при \( \Delta x \to 0 \). Производная \( A'(x) = 2x \) — при том же \( \Delta x \) чем больше \( x \), тем больше прирост площади.&lt;/p>
&lt;div style="margin: 0.75em 0; min-height: 360px;">
&lt;iframe src="https://svfcode.github.io/games/derivative-square-area.html" style="width: 100%; height: 360px; border: none; display: block; background: #1a1a1a; border-radius: 8px;" title="Квадрат: площадь и приращение">&lt;/iframe>
&lt;/div>
&lt;p>&lt;em>Меняй x и Δx&lt;/em> — наблюдай, как меняются «полосы» и формула \( \Delta A / \Delta x \approx 2x \).&lt;/p>
&lt;p>Здесь важно разделить два случая.&lt;/p>
&lt;p>\( \Delta A/\Delta x \approx 2x \) — да, это приближение. Оно верно, когда \( \Delta x \) мало, но не равно нулю. Чем меньше \( \Delta x \), тем точнее:
&lt;/p>
\[
\frac{\Delta A}{\Delta x} = 2x + \Delta x \approx 2x \quad \text{при малом } \Delta x
\]
&lt;p>Формула \( (x^n)' = nx^{n-1} \) — это уже не приближение, а точное выражение. Производная определяется как предел:
&lt;/p>
\[
f'(x) = \lim_{\Delta x \to 0} \frac{f(x + \Delta x) - f(x)}{\Delta x}
\]
&lt;p>
Мы сначала берём этот предел, а потом получаем точную формулу.&lt;/p>
&lt;p>\( \Delta A/\Delta x \) — приближение, потому что \( \Delta x \) ещё конечное. \( A'(x) = 2x \) и \( (x^n)' = nx^{n-1} \) — точные формулы, потому что это результат предела \( \Delta x \to 0 \).&lt;/p>
&lt;p>&lt;em>Коротко:&lt;/em> приближение — у конечных разностей; сами производные и их формулы — точные.&lt;/p>
&lt;/details>
&lt;details style="background: rgba(16, 185, 129, 0.08); padding: 0.6em 0.9em; border-radius: 6px; margin-top: 0.75em; border-left: 3px solid #10b981;">
&lt;summary>Почему \( (C \cdot f)' = C \cdot f' \)?&lt;/summary>
&lt;p>Константу можно вынести за знак производной, потому что она не зависит от \( x \) и «масштабирует» скорость изменения функции.&lt;/p>
&lt;p>&lt;strong>Из определения:&lt;/strong>
&lt;/p>
\[
(C \cdot f)'(x) = \lim_{h \to 0} \frac{C \cdot f(x+h) - C \cdot f(x)}{h} = C \cdot \lim_{h \to 0} \frac{f(x+h) - f(x)}{h} = C \cdot f'(x)
\]
&lt;p>Константа \( C \) не зависит от \( h \), поэтому её можно вынести из предела.&lt;/p>
&lt;p>&lt;strong>Примеры:&lt;/strong> \( (5x^2)' = 5 \cdot 2x = 10x \), \( (-3x^3)' = -3 \cdot 3x^2 = -9x^2 \).&lt;/p>
&lt;/details>
&lt;/details>
&lt;p>&lt;em>Теперь несколько числовых примеров.&lt;/em>&lt;/p>
&lt;h3 id="числовой-пример-линейная-функция">Числовой пример: линейная функция \( g(x) = 3x - 1 \)&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Числовой пример: линейная функция \( g(x) = 3x - 1 \)&lt;/summary>
&lt;p>Для прямой наклон везде один и тот же. Считаем в любой точке, например в \( x = 5 \):&lt;/p>
\[
\frac{g(5 + h) - g(5)}{h} = \frac{(3(5+h) - 1) - g(5)}{h} = \frac{14 + 3h - 14}{h} = \frac{3h}{h} = 3
\]
&lt;p>
где \( g(5) = 3 \cdot 5 - 1 = 14 \).&lt;/p>
&lt;p>При любом \( h \neq 0 \) получается &lt;strong>3&lt;/strong> — производная постоянна, как и коэффициент при \( x \) в уравнении прямой.&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>\( x \)&lt;/th>
&lt;th>\( g(x) \)&lt;/th>
&lt;th>\( g(x+0{,}1) - g(x) \)&lt;/th>
&lt;th>\( \frac{g(x+0{,}1)-g(x)}{0{,}1} \)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>5&lt;/td>
&lt;td>14&lt;/td>
&lt;td>0,3&lt;/td>
&lt;td>3&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>10&lt;/td>
&lt;td>29&lt;/td>
&lt;td>0,3&lt;/td>
&lt;td>3&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>-2&lt;/td>
&lt;td>-7&lt;/td>
&lt;td>0,3&lt;/td>
&lt;td>3&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;div style="margin: 1em 0; aspect-ratio: 320/160; min-height: 160px; max-height: 320px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-graph-linear.html" style="width: 100%; height: 100%; border: none; display: block; background: #1a1a1a;" title="График y = 3x − 1" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;/details>
&lt;h3 id="числовой-пример-квадратичная-функция">Числовой пример: квадратичная функция \( f(x) = x^2 \)&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Числовой пример: квадратичная функция \( f(x) = x^2 \)&lt;/summary>
&lt;p>Считаем приближённую производную в точке \( x = 2 \) по формуле «приращение \( f \) делим на приращение \( x \)». Берём маленький шаг \( h \) и смотрим отношение:&lt;/p>
\[
\frac{f(2 + h) - f(2)}{h} = \frac{(2+h)^2 - 4}{h}
\]
&lt;p>&lt;strong>При \( x = 2 \)&lt;/strong> (\( f(2) = 4 \)):&lt;/p>
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>\( h \)&lt;/th>
&lt;th>\( f(2+h) \)&lt;/th>
&lt;th>\( f(2+h) - f(2) \)&lt;/th>
&lt;th>\( \frac{f(2+h)-f(2)}{h} \)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>1&lt;/td>
&lt;td>9&lt;/td>
&lt;td>5&lt;/td>
&lt;td>5&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,1&lt;/td>
&lt;td>4,41&lt;/td>
&lt;td>0,41&lt;/td>
&lt;td>4,1&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,01&lt;/td>
&lt;td>4,0401&lt;/td>
&lt;td>0,0401&lt;/td>
&lt;td>4,01&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,001&lt;/td>
&lt;td>4,0004…&lt;/td>
&lt;td>0,004…&lt;/td>
&lt;td>4,001&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Отношение стремится к &lt;strong>4&lt;/strong> → \( f'(2) = 4 \).&lt;/p>
&lt;p>&lt;strong>При \( x = 4 \)&lt;/strong> (\( f(4) = 16 \)):&lt;/p>
\[
\frac{f(4 + h) - f(4)}{h} = \frac{(4+h)^2 - 16}{h} = \frac{8h + h^2}{h} = 8 + h \to 8
\]
&lt;table>
&lt;thead>
&lt;tr>
&lt;th>\( h \)&lt;/th>
&lt;th>\( f(4+h) \)&lt;/th>
&lt;th>\( f(4+h) - f(4) \)&lt;/th>
&lt;th>\( \frac{f(4+h)-f(4)}{h} \)&lt;/th>
&lt;/tr>
&lt;/thead>
&lt;tbody>
&lt;tr>
&lt;td>1&lt;/td>
&lt;td>25&lt;/td>
&lt;td>9&lt;/td>
&lt;td>9&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,1&lt;/td>
&lt;td>16,81&lt;/td>
&lt;td>0,81&lt;/td>
&lt;td>8,1&lt;/td>
&lt;/tr>
&lt;tr>
&lt;td>0,01&lt;/td>
&lt;td>16,0801&lt;/td>
&lt;td>0,0801&lt;/td>
&lt;td>8,01&lt;/td>
&lt;/tr>
&lt;/tbody>
&lt;/table>
&lt;p>Отношение стремится к &lt;strong>8&lt;/strong> → \( f'(4) = 8 \). По формуле \( (x^2)' = 2x \): при \( x = 2 \) получаем 4, при \( x = 4 \) — 8. Для кривой производная в каждой точке своя.&lt;/p>
&lt;div style="margin: 1em 0; aspect-ratio: 320/240; min-height: 240px; max-height: 480px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-graph-parabola.html" style="width: 100%; height: 100%; border: none; display: block; background: #1a1a1a;" title="График y = x² и касательная" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>Зачем в МО:&lt;/strong> обучение — это минимизация функции потерь (loss). Нам нужно знать, в какую сторону менять веса, чтобы loss уменьшался. Производная как раз указывает направление роста; в противоположную сторону идём, чтобы loss падал.&lt;/p>
&lt;/details>
&lt;h3 id="интерактивное-упражнение">Интерактивное упражнение&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Машинка и рисуй кривую Безье&lt;/summary>
&lt;p>&lt;strong>1. Машинка.&lt;/strong> Меняй скорость — график расстояния \( s(t) \) и таблица производных пересчитываются. Производная \( s'(t) \) = скорость (постоянна при равномерном движении).&lt;/p>
&lt;div style="margin: 1em 0; min-height: 380px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-car-interactive.html" style="width: 100%; height: 420px; border: none; display: block; background: #1a1a1a;" title="Машинка: скорость и производная" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;p>&lt;strong>2. Рисуй кривую Безье.&lt;/strong> Перетащи 4 контрольные точки — строится кубическая кривая Безье. Поставь оранжевую точку на кривую — справа детальная калькуляция производной.&lt;/p>
&lt;div style="margin: 1em 0; min-height: 420px; overflow: hidden; border-radius: 8px; background: #1a1a1a;">
&lt;iframe src="https://svfcode.github.io/games/derivative-draw-curve.html" style="width: 100%; height: 520px; border: none; display: block; background: #1a1a1a;" title="Рисуй кривую Безье и производная" scrolling="no">&lt;/iframe>
&lt;/div>
&lt;/details>
&lt;h3 id="задания-для-самопроверки">Задания для самопроверки&lt;/h3>
&lt;details style="background: rgba(59, 130, 246, 0.08); padding: 0.75em 1em; border-radius: 8px; margin: 0.5em 0; border-left: 3px solid #3b82f6;">
&lt;summary>Задания с подсказками и проверкой&lt;/summary>
&lt;p>Реши задания. Открой подсказку, если нужно. Введи ответ и нажми «Проверить».&lt;/p>
&lt;div style="margin: 0.5em 0; min-height: 480px;">
&lt;iframe src="https://svfcode.github.io/games/derivative-selfcheck.html" style="width: 100%; height: 480px; border: none; display: block; background: #1a1a1a; border-radius: 6px;" title="Задания для самопроверки">&lt;/iframe>
&lt;/div>
&lt;/details>
&lt;h2 id="резюме">Резюме&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Производная&lt;/strong> — скорость изменения, направление роста&lt;/li>
&lt;li>&lt;strong>Частная производная&lt;/strong> — по одной переменной при фиксированных остальных&lt;/li>
&lt;li>&lt;strong>Градиент&lt;/strong> — вектор частных производных, направление наискорейшего роста&lt;/li>
&lt;li>&lt;strong>Правило цепочки&lt;/strong> — как считать производные по цепочке слоёв&lt;/li>
&lt;li>&lt;strong>Градиентный спуск&lt;/strong> — обновление весов в направлении \( -\nabla L \) &lt;sup id="fnref1:1">&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref">1&lt;/a>&lt;/sup>&lt;/li>
&lt;/ul>
&lt;p>PyTorch, TensorFlow и др. делают вычисление градиентов автоматически (autograd) — но понимать, что под капотом, важно, чтобы не ловить «градиенты взорвались» или «модель не учится».&lt;/p>
&lt;div class="footnotes" role="doc-endnotes">
&lt;hr>
&lt;ol>
&lt;li id="fn:1">
&lt;p>\( \nabla L \) — градиент loss (вектор частных производных). Он указывает в направлении наискорейшего роста \( L \). Значит \( -\nabla L \) — направление наискорейшего уменьшения; в него двигаемся при градиентном спуске.&amp;#160;&lt;a href="#fnref:1" class="footnote-backref" role="doc-backlink">&amp;#x21a9;&amp;#xfe0e;&lt;/a>&amp;#160;&lt;a href="#fnref1:1" class="footnote-backref" role="doc-backlink">&amp;#x21a9;&amp;#xfe0e;&lt;/a>&lt;/p>
&lt;/li>
&lt;/ol>
&lt;/div></description></item><item><title>Необходимая математика — обзор</title><link>https://svfcode.github.io/p/math-essentials-overview/</link><pubDate>Thu, 12 Mar 2026 00:00:00 +0000</pubDate><guid>https://svfcode.github.io/p/math-essentials-overview/</guid><description>&lt;img src="https://svfcode.github.io/p/math-essentials-overview/cover.jpg" alt="Featured image of post Необходимая математика — обзор" />&lt;p>Это вводная статья цикла «Необходимая математика» — обзор того, какие разделы математики нужны для работы с ИИ и машинным обучением и для чего именно они используются.&lt;/p>
&lt;h2 id="линейная-алгебра">Линейная алгебра&lt;/h2>
&lt;p>&lt;strong>Что нужно:&lt;/strong> векторы, матрицы, умножение матриц, линейные преобразования, скалярное произведение, норма вектора, собственные числа и векторы (на продвинутом уровне).&lt;/p>
&lt;p>&lt;strong>Зачем:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Векторы — базовый способ представления данных: слово, изображение, «мысль» модели кодируются векторами чисел&lt;/li>
&lt;li>Матрицы — все операции нейросети (свёртки, внимание, линейные слои) сводятся к умножению матриц&lt;/li>
&lt;li>Линейные преобразования — понимание, как слой «перемешивает» и комбинирует признаки&lt;/li>
&lt;li>Без линейной алгебры невозможно читать формулы в статьях и понимать, что делает код (например, &lt;code>W @ x&lt;/code> — это умножение матрицы весов на вектор входа)&lt;sup id="fnref:1">&lt;a href="#fn:1" class="footnote-ref" role="doc-noteref">1&lt;/a>&lt;/sup>&lt;/li>
&lt;/ul>
&lt;h2 id="пределы-и-производные">Пределы и производные&lt;/h2>
&lt;p>&lt;strong>Что нужно:&lt;/strong> пределы функций, производные, частные производные, градиент, правило цепочки (chain rule), оптимизация функций.&lt;/p>
&lt;p>&lt;strong>Зачем:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Нейросеть обучается через градиентный спуск: мы двигаем веса в направлении, где ошибка уменьшается&lt;/li>
&lt;li>Градиент — это вектор частных производных: указывает, куда «подкрутить» каждый параметр&lt;/li>
&lt;li>Правило цепочки лежит в основе backpropagation — алгоритма, который автоматически считает градиенты для всех слоёв&lt;/li>
&lt;li>Без анализа нельзя понять, откуда берутся обновления весов и почему обучение вообще работает&lt;/li>
&lt;/ul>
&lt;h2 id="теория-вероятностей-и-статистика">Теория вероятностей и статистика&lt;/h2>
&lt;p>&lt;strong>Что нужно:&lt;/strong> распределения (нормальное, Бернулли и др.), математическое ожидание, дисперсия, условная вероятность, теорема Байеса, максимизация правдоподобия (MLE).&lt;/p>
&lt;p>&lt;strong>Зачем:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Модели часто формулируются вероятностно: «какова вероятность следующего слова», «насколько уверена модель в ответе»&lt;/li>
&lt;li>Loss-функции часто выводятся из правдоподобия (cross-entropy, MSE и др.)&lt;/li>
&lt;li>Статистика нужна для работы с данными: нормализация, оценка качества, понимание метрик ( precision, recall, AUC)&lt;/li>
&lt;li>Байес — основа многих классических алгоритмов и способа «обновлять убеждения» на новых данных&lt;/li>
&lt;/ul>
&lt;h2 id="computer-vision-cv">Computer Vision (CV)&lt;/h2>
&lt;p>&lt;strong>Дополнительно к общему минимуму:&lt;/strong> дискретная свёртка (2D), аффинные и проективные преобразования, базовые понятия геометрии изображений (калибровка камеры, эпиполярная геометрия).&lt;/p>
&lt;p>&lt;strong>Зачем:&lt;/strong>&lt;/p>
&lt;ul>
&lt;li>Свёртка — ядро работы CNN: понять, как фильтр «скользит» по изображению и что такое kernel, padding, stride&lt;/li>
&lt;li>Аффинные преобразования (поворот, масштаб, сдвиг) — для аугментаций и понимания инвариантности&lt;/li>
&lt;li>Проективная геометрия и гомографии — для задач стереозрения, 3D-реконструкции, AR&lt;/li>
&lt;li>Для классических методов (SIFT, optical flow) полезны производные изображения, градиенты по пикселям&lt;/li>
&lt;/ul>
&lt;h2 id="опционально-но-полезно">Опционально, но полезно&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Теория информации&lt;/strong> (энтропия, кросс-энтропия) — углубляет понимание loss-функций и сжатия данных&lt;/li>
&lt;li>&lt;strong>Выпуклая оптимизация&lt;/strong> — для понимания, когда задача «хорошая» и когда SGD сходится&lt;/li>
&lt;li>&lt;strong>Дифференциальная геометрия&lt;/strong> — для продвинутых тем (диффузионные модели, представления)&lt;/li>
&lt;/ul>
&lt;h2 id="практический-минимум">Практический минимум&lt;/h2>
&lt;p>Чтобы уверенно читать статьи и код:&lt;/p>
&lt;ul>
&lt;li>Уметь умножать матрицы и понимать, что делает линейный слой&lt;/li>
&lt;li>Понимать, что такое градиент и зачем он в обучении&lt;/li>
&lt;li>Знать базовые распределения и метрики качества&lt;/li>
&lt;/ul>
&lt;p>Остальное можно добирать по мере необходимости — когда встретится в конкретной задаче или статье.&lt;/p>
&lt;div class="footnotes" role="doc-endnotes">
&lt;hr>
&lt;ol>
&lt;li id="fn:1">
&lt;p>&lt;code>W @ x&lt;/code> — в Python (NumPy, PyTorch) оператор матричного умножения: матрица весов W умножается на входной вектор x. Результат — выходной вектор. Линейный слой по сути считает &lt;code>W·x + b&lt;/code>.&amp;#160;&lt;a href="#fnref:1" class="footnote-backref" role="doc-backlink">&amp;#x21a9;&amp;#xfe0e;&lt;/a>&lt;/p>
&lt;/li>
&lt;/ol>
&lt;/div></description></item></channel></rss>