%
%	gbb60166@gmail.com	https://unilab.gbb60166.jp/prekou/prekou.htm
%
% aspectratio= は 1610, 169, 149, 54, 32 の中から選べる（省略時は 43）
% C:\texlive\2024\texmf-dist\tex\latex\beamer\beamer.cls
%\documentclass[20pt,dvipdfmx,usepdftitle=false,hyperref={pdfpagemode=FullScreen},aspectratio=169]{beamer}
%\documentclass[20pt,dvipdfmx,usepdftitle=false,hyperref={pdfstartview={XYZ null null 8.00}},aspectratio=169]{beamer}
\documentclass[20pt,dvipdfmx,usepdftitle=false,aspectratio=169]{beamer}
% pdfの栞の字化けを防ぐ
%\AtBeginDvi{\special{pdf:tounicode EUC-UCS2}}
% テーマ
\usetheme{Copenhagen}
% navi. symbolsは目立たないが，dvipdfmxを使うと機能しないので非表示に
\setbeamertemplate{navigation symbols}{} 
\usepackage{bxdpx-beamer,pxjahyper,minijs}
%\usepackage{graphicx}
%\usepackage{tkokugo,furikana,tsayusen,shiika,sfkanbun,jdkintou,plext}
\usepackage{type1cm}
\usepackage[deluxe]{otf}
%\usepackage{tikzsymbols}
%\usepackage[dvipdfmx]{graphicx}%
\def\pgfsysdriver{pgfsys-dvipdfmx.def}%（graphicxパッケージを使用しない場合はこの行を有効に）
%\def\pgfsysdriver{pgfsys-dvips.def}%デフォルト
%\usepackage[e]{esvect}
\usepackage{tikz}%（これで、pgfとpgfforが読み込まれます。）
%\usepackage{tikz-3dplot}
%\usetikzlibrary{calc}
%\usetikzlibrary{arrows.meta,patterns,angles,intersections,backgrounds}
%\usepackage{animate}
%\usepackage{pgfplots}
%\pgfplotsset{compat=newest}
%\pgfplotsset{compat=newest, every axis/.append style={line width=1pt}}
%\PassOptionsToPackage{dvipdfmx}{graphicx}
\nofiles

\hypersetup{% Jul 18 2023
	pdftitle={プレ高数学科（LaTeX Beamer で汎用PDFプレゼンを作る）},
	pdfauthor={gbb60166@gmail.com},
	pdfsubject={https://unilab.gbb60166.jp/prekou/prekou.htm}
	}

% フォントはお好みで
%\usepackage{txfonts}

\mathversion{bold}
\renewcommand{\familydefault}{\sfdefault}
\renewcommand{\seriesdefault}{bx}
\renewcommand{\kanjifamilydefault}{\gtdefault}
\renewcommand{\kanjiseriesdefault}{bx}
\setbeamerfont{title}{size=\normalsize,series=\bfseries}
\setbeamerfont{frametitle}{size=\normalsize,series=\bfseries}
\setbeamertemplate{frametitle}[default][center]
\usefonttheme{professionalfonts}

% 参考にしたURL
% http://windom.phys.hirosaki-u.ac.jp/fswiki/wiki.cgi?page=LaTeX+Beamer%A4%C7%A5%D7%A5%EC%A5%BC%A5%F3%A5%C6%A1%BC%A5%B7%A5%E7%A5%F3

\newcommand{\Slash}[1]{\ooalign{\hfil\kern-3pt／\hfil\crcr$#1$}}
\everymath{\displaystyle}

\newcommand{\maruwaku}[1]{\begin{tikzpicture}[scale=0.7, baseline={([yshift=-22pt] current bounding box.north)}]
\filldraw[color=CUDBlue, line width=1pt, rounded corners=2pt] (-0.1,0)--(2.1,0)--(2.1,1.1)--(-0.1,1.1)--cycle;
\draw(1,0.5) node[white]{#1};
\end{tikzpicture}
}

\setbeamersize{text margin left=5mm,text margin right=5mm}
\fboxrule=0.8pt

\makeatletter
\newcommand{\hooklen}[2]{\settowidth{\@tempdima}{\(#1\)}
%\advance\@tempdima by.3ex
% ↑ 数式モードで式の前後に入るスペースを制御したかったが、
%    難しいのでやめた。段々難解なコードになっているのでやめた方がよい？
\hbox to\@tempdima{\hfil \(#2\)\hfil}}
%■等号付き不等号 by 美文書作成入門
\newcommand{\myleqq}{\mathrel{\mathpalette\gl@align<}}
\newcommand{\mygeqq}{\mathrel{\mathpalette\gl@align>}}
\newcommand{\gl@align}[2]{\lower.6ex\vbox{\baselineskip\z@skip\lineskip\z@
	\ialign{$\m@th#1\hfil##\hfil$\crcr#2\crcr=\crcr}}}
\makeatother

% カラーユニバーサルデザインを調べたつもりだがあまり自信がありません
% http://www.fukushihoken.metro.tokyo.jp/kiban/machizukuri/kanren/color.files/colorudguideline.pdf
% http://jfly.iam.u-tokyo.ac.jp/colorset/

% ■ アクセントカラー小面積を目立たせる高彩度色
\definecolor{CUDRed}{RGB}{255,75,0}
\definecolor{CUDGreen}{RGB}{3,175,122}
\definecolor{CUDBlue}{RGB}{0,90,255}
\definecolor{CUDCyan}{RGB}{77,196,255}
\definecolor{CUDMagenta}{RGB}{153,0,153}
\definecolor{CUDYellow}{RGB}{255,241,0}
\definecolor{CUDBrown}{RGB}{128,64,0}

\definecolor{CUDOrange}{RGB}{246,170,0}

% ■ ベースカラー広い面積の塗り分けに用いる低・中彩度色
\definecolor{CUDPink}{RGB}{255,202,191}
\definecolor{CUDBrightGreen}{RGB}{119,217,168}
\definecolor{CUDLime}{RGB}{216,242,85}
\definecolor{CUDCream}{RGB}{255,255,128}
\definecolor{CUDBrightCyan}{RGB}{191,228,255}
%\definecolor{CUD}{RGB}{}%

\setbeamercolor{CUDBrightGreen}{fg=black,bg=CUDBrightGreen!50}
\setbeamercolor{CUDBrightCyan}{fg=black,bg=CUDBrightCyan}
\setbeamercolor{CUDCream}{fg=black,bg=CUDCream!75}


\begin{document}

\title{プレ高数学科}\author{gbb60166}

%■ 本文と数式モードの間に挿入される空白スペース
%\mathsurround=-1pt
%■ \( \log\log \)でlogとlogの間に挿入される細スペース（省略形は \,）
%\thinmuskip=3mu
%■ \( a+b \)で+の前後に挿入される中スペース（省略形は \>）
%\medmuskip=2mu plus 1mu minus 1mu
\medmuskip=2mu minus 1mu
%■ \( x=5 \)で=の前後に挿入される太スペース（省略形は \;）
%\thickmuskip=5mu plus 5mu
% mu は math units の省略で長さの単位

%■■■■■■■■■■■■■　テスト領域　■■■■■■■■■■■■■■


%\end{document}
%■■■■■■■■■■■■■　完成品　■■■■■■■■■■■■■■

\begin{frame}[t]
\frametitle{整式のわり算}
\vspace*{-12pt}
\begin{tikzpicture}[scale=1,>=stealth,anchor=base]
%\draw[help lines](0,0) grid (15,7);
\large
% とても分かりにくいコードになってしまいました。時間があれば整理するかも

\visible<2-3>{\fill[CUDPink](2.7,5) rectangle ++(1,0.8)
	(3.9,2.9) rectangle ++(1,0.8)
	(6.2,5) rectangle ++(1.6,0.9)
	(8.7,2.9) rectangle ++(1.6,0.9);
	}
\visible<13-14>{\fill[CUDPink](2.6,5) rectangle ++(1,0.8)
	(4.1,0.9) rectangle ++(1,0.8)
	(8.7,2.8) rectangle ++(1.3,0.9)
	(8.9,0.9) rectangle ++(1.2,0.9);
	}
\visible<12>{\fill[CUDLime](10,2.8) rectangle ++(1.6,3);
	\draw(12.8,4.2) node[CUDBlue]{\scriptsize そのまま};
	\draw[line width=4pt,CUDBlue,->](10.8,4.8)--++(0,-0.8);
	}
\visible<11>{\draw(9,1.8)
		node{\small\( 3x^2\textcolor{CUDRed}{{}-{}}3x^2=0 \)
					\ なので書く必要がない};
	\draw(9,1) node{\small\( -4x\textcolor{CUDRed}{{}+{}}6x=2x \)};
	}
\visible<6-7,17-18>{\fill[CUDBrightCyan](2.8,4.9) rectangle ++(2.3,0.9);}

\draw(2.6,5.3) node[right]{\( x-2 \)};

\draw(5.6,5.2) node{\Large\( ) \)};
\draw[very thick](5.5,6)--++(7,0);

\draw(6,5.4) node[right]{\( 3x^2-4x+1 \)};

\visible<2-7>{\fill[CUDCream](6.2,6.1) rectangle ++(1.6,0.9);}
\visible<2-4>{\draw(3.8,3.3) node[right]{\( x\times \)
	\tikz[baseline=3pt]\fill[CUDCream](0,0) rectangle ++(1.6,0.9);
	\(=3x^2\) を考える};
	}
\visible<3-4>{\draw(5.8,3.3) node[right]{\( 3x \)};}
\visible<4->{\draw(6,6.5) node[right]{\( 3x \)};}

\visible<6-7>{\fill[CUDCream](0.3,2.3) rectangle ++(1.2,0.9);
	\fill[CUDBrightCyan](1.8,2.3) rectangle ++(2.3,0.9);
	\draw(0.1,2.8) node[right]{\( 3x(x-2)=3x^2-6x \) となるので};
	}

\visible<7->{\draw(6,4.4) node[right]{\( 3x^2-6x \)};}
\visible<8->{\draw[very thick](6,3.8)--++(6.5,0);}
\visible<9-10>{\draw(12.5,4.3) node[right,CUDRed]{\small ひき算};}
\visible<10->{\draw(5.9,4.1) node[CUDRed]{\(-\)};
	\draw(8.3,4.15) node[CUDRed]{\(+\)};
	}
\visible<11->{\draw(8.5,3.2) node[right]{\( 2x \)};}
\visible<12->{\draw(9.6,3.2) node[right]{\( {}+1 \)};}

\visible<13-18>{\fill[CUDCream](8.7,6.1) rectangle ++(1.6,0.9);}
\visible<13-15>{\draw(4,1.3) node[right]{\( x\times \)
	\tikz[baseline=3pt]\fill[CUDCream](0,-0.1) rectangle ++(1.6,0.9);
	\(=2x\) を考える};
	}
\visible<14-15>{\draw(6.2,1.3) node[right]{\( 2 \)};}
\visible<15->{\draw(8.2,6.5) node[right]{\( {}+2 \)};}
\visible<17-18>{\fill[CUDCream](0.3,0.6) rectangle ++(0.7,0.9);
	\fill[CUDBrightCyan](1.2,0.6) rectangle ++(2.3,0.9);
	\draw(0.1,1) node[right]{\( 2(x-2)=2x-4 \) となるので};
	}
\visible<18->{\draw(8.5,2.3) node[right]{\( 2x-4 \)};}
\visible<19->{\draw[very thick](8.5,1.8)--++(4,0);}
\visible<20-21>{\draw(12.5,2.3) node[right,CUDRed]{\small ひき算};}
\visible<21->{\draw(8.4,2.1) node[CUDRed]{\(-\)};
	\draw(10.5,2.2) node[CUDRed]{\(+\)};
	}
\visible<22->{\draw(10.6,1.3) node[right]{\( 5 \)};}
\visible<23->{\draw(0.5,0.7) node[right]{商 \( 3x+2 \ ,\)\ あまり \(5\)};}
\end{tikzpicture}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{組み立て除法}
\vspace*{-1ex}
この問題の場合は\textcolor{CUDRed}{組み立て除法}が使えます。

\bigskip
組み立て除法は\( \textcolor{CUDOrange}{x-\text{★}} \)で
割るときに使えます。
（\ \( \textcolor{CUDOrange}{x+\text{★}} \)でもOK \ ）

\bigskip
割る式\textcolor{CUDBlue}{\( x-2 \)}を\textcolor{CUDBlue}{\(2\)}と表します。

\bigskip
割られる式\textcolor{CUDGreen}{\( 3x^2-4x+1 \)}を
\textcolor{CUDGreen}{\( 3 \quad -4 \quad 1 \)}と表します。
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\( (3x^2-4x+1) \div (x-2) \)の組み立て除法}
\vspace*{-7pt}
\begin{tikzpicture}[scale=1,>=stealth,anchor=base]
%\draw[help lines] (0,0) grid (15,7);
\large
% とても分かりにくいコードになってしまいました。
% 時間があれば整理するつもりです

\visible<11->{\draw(7,0.5) node{商 \colorbox{CUDPink}{\( 3x+2 \)}
	\(,\)\ あまり \colorbox{CUDLime}{\(5\)}};
	\fill[CUDPink](5.5,3) rectangle ++(3.5,1);
	\fill[CUDLime](9.5,3) rectangle ++(1,1);
	}
\visible<9>{\fill[CUDLime](9.5,5) rectangle ++(1,1);}
\visible<7>{\fill[CUDPink](7.9,3) rectangle ++(1,1);}
\visible<5>{\fill[CUDLime](7,5) rectangle ++(2,1);}
\visible<3>{\fill[CUDPink](5.5,3) rectangle ++(1,1);}
\visible<3-4,7-8>{\fill[CUDBrightCyan](3.5,5) rectangle ++(1,1);}
\visible<2->{\draw(6,3.2) node{\( 3 \)};}
\visible<2>{\fill[CUDLime](5.5,5) rectangle ++(1,1);
	\draw(7,4.3) node[CUDBlue]{\scriptsize そのまま};
	\draw[line width=4pt,CUDBlue,->](6,4.9)--++(0,-0.8);
	}
\visible<5-6,9-10>{\draw(12,4.3) node[CUDRed]{\scriptsize たし算};}

\draw(4,5.2) node{\( 2 \)};
\draw[ultra thick](3.5,5)--++(1,0)--++(0,1);
%\draw(5.2,4.3) node[CUDRed]{\small\( +) \)};

\draw(6,5.2) node{\( 3 \)};
\draw(8,5.2) node{\( -4 \)};
\draw(10,5.2) node{\( 1 \)};

\visible<4-5>{\fill[CUDLime](7.9,4) rectangle ++(1,1);}
\visible<4->{\draw(8.4,4.2) node{\( 6 \)};}
\visible<8-9>{\fill[CUDLime](9.5,4) rectangle ++(1,1);}
\visible<8->{\draw(10,4.2) node{\( 4 \)};}

\visible<6->{\draw(8.4,3.2) node{\( 2 \)};}
\visible<10->{\draw(10,3.2) node{\( 5 \)};
	\draw[ultra thick](10.3,2.8)--++(-1,0)--++(0,1);
	}
\visible<3-4>{\draw(3,1) node[right]{\(\colorbox{CUDBrightCyan}{$2$} \times
	\colorbox{CUDPink}{$3$}=\colorbox{CUDLime}{$6$} \ \)なので};
	}
\visible<7-8>{\draw(3,1) node[right]{\(\colorbox{CUDBrightCyan}{$2$} \times
	\colorbox{CUDPink}{$2$}=\colorbox{CUDLime}{$4$} \ \)なので};
	}
\draw[ultra thick](3.5,4)--++(7.5,0);
\end{tikzpicture}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%


\end{document}

