%
%	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}

%\setbeamercolor{frametitle}{use=structure,fg=white,bg=structure.fg}
%\setbeamercolor{palette primary}{use=structure,fg=white,bg=structure.fg}
%\setbeamercolor{frametitle}{bg=CUDOrange}
%\setbeamercolor{palette primary}{bg=CUDOrange}
%\setbeamercolor{frametitle}{bg=CUDCyan!25,fg=black}
%\setbeamercolor{palette primary}{bg=CUDCyan!25,fg=black}
%\setbeamercolor{frametitle}{bg=CUDCream!75,fg=black!80}
%\setbeamercolor{palette primary}{bg=CUDCream!75,fg=black!80}

\newcommand{\myfrac}[2]{\mathchoice%■ 修正 Oct 8,2023
	{%\fontsize{20}{20}\selectfont%	\displaystyle
		\frac{\raisebox{-.6ex}{\(#1\)}}{\raisebox{.4ex}{\(#2\)}}}%
	{\textstyle{\frac{#1}{#2}}}%	\textstyle
	{%\fontsize{13}{13}\selectfont%	\scriptstyle
		\frac{\raisebox{0ex}{\(#1\)}}{\raisebox{-.4ex}{\(#2\)}}}%
	{%\fontsize{11}{11}\selectfont%	\scriptscriptstyle
		\frac{\raisebox{0ex}{\(#1\)}}{\raisebox{-.4ex}{\(#2\)}}}%
	}


\begin{document}

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

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

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


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

\begin{frame}[t]
\frametitle{\( (x-2)(x^2+3x-1) \)を計算しなさい}
\vskip-4.7ex
\large
\begin{eqnarray*}
& &
\begin{tikzpicture}[baseline=0ex,ultra thick,>=stealth,
	gbb/.style={fill=white,inner sep=1pt}]
\useasboundingbox(0,0);%縦0横0の描画領域
%\begin{scope}[semithick,CUDRed]
%\draw[<->](0,2ex)|-(10em,0);
%\draw(-0.1em,1ex)--++(0.2em,0);
%\foreach \x in {1,...,9}\draw(\x{}em,-0.2ex)--++(0,0.4ex);
%\end{scope}

\visible<2->{\draw[->,CUDRed](0.7em,1.3ex) to[out=20,in=160]
		node[gbb,pos=0.4]{\footnotesize\ajMaru{1}} ++(2.8em,0);
	}
\visible<3->{\draw[->,CUDBlue](0.7em,1.3ex) to[out=20,in=160]
		node[gbb,pos=0.6]{\footnotesize\ajMaru{2}} ++(4.6em,0.2ex);
	}
\visible<4->{\draw[->,CUDGreen](0.7em,1.3ex) to[out=20,in=160]
		node[gbb,pos=0.8]{\footnotesize\ajMaru{3}} ++(6.4em,0);
	}
\visible<5->{\draw[->,CUDBlue](2em,-0.5ex) to[out=-20,in=-160]
		node[gbb,pos=0.5]{\footnotesize\ajMaru{4}} ++(1.6em,0);
	}
\visible<6->{\draw[->,CUDGreen](2em,-0.5ex) to[out=-20,in=-160]
		node[gbb,pos=0.7]{\footnotesize\ajMaru{5}} ++(3em,0);
	}
\visible<7->{\draw[->,CUDMagenta](2em,-0.5ex) to[out=-20,in=-160]
		node[gbb,pos=0.7]{\footnotesize\ajMaru{6}} ++(5em,0);
	}
\end{tikzpicture}
(x-2)(x^2+3x-1) \\[1ex]\pause
&=& \textcolor{CUDRed}{x\times x^2}\pause
	\textcolor{CUDBlue}{{}+x\times3x}\pause
	\textcolor{CUDGreen}{{}+x\times(-1)}\pause \\
& & \quad \textcolor{CUDBlue}{{}-2\times x^2}\pause
	\textcolor{CUDGreen}{{}-2\times3x}\pause
	\textcolor{CUDMagenta}{{}-2\times(-1)}\pause \\[1ex]
&=& \hooklen{x\times x^2}{\textcolor{CUDRed}{x^3}}
	\hooklen{{}+x\times3x}{\textcolor{CUDBlue}{{}+3x^2}}
	\hooklen{{}+x\times(-1)}{\textcolor{CUDGreen}{{}-x}}\\
& & \quad \hooklen{{}-2\times x^2}{\textcolor{CUDBlue}{{}-2x^2}}
	\hooklen{{}-2\times3x}{\textcolor{CUDGreen}{{}-6x}}
	\hooklen{{}-2\times(-1)}{\textcolor{CUDMagenta}{{}+2}}
\end{eqnarray*}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\( (x-2)(x^2+3x-1) \)を計算しなさい}
\vskip-5ex
\large
\begin{eqnarray*}
&=& \textcolor{CUDRed}{x^3}
	\textcolor{CUDBlue}{{}+3x^2}
	\textcolor{CUDGreen}{{}-x}\\
& & \quad \textcolor{CUDBlue}{-2x^2}
	\textcolor{CUDGreen}{{}-6x}
	\textcolor{CUDMagenta}{{}+2}\\[1ex]
&=& \textcolor{CUDRed}{x^3}
	\textcolor{CUDBlue}{{}+x^2}
	\textcolor{CUDGreen}{{}-7x}
	\textcolor{CUDMagenta}{{}+2}\quad\text{\□答}
\end{eqnarray*}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

\begin{frame}[t]
\frametitle{\( (x-2)(x^2+3x-1) \)こういうやり方もある}
\vspace*{-6pt}
\begin{tikzpicture}[scale=1, thick, >=stealth, anchor=base]
%\draw[help lines] (0,0) grid (13,7);

%\large
\visible<2-3>{\fill[CUDPink](5,5.5)++(-1,-0.5) rectangle ++(2,1)
		(7,6.5)++(-1,-0.5) rectangle ++(2,1);
	}
\visible<4-5>{\fill[CUDBrightCyan](5,5.5)++(-1,-0.5) rectangle ++(2,1)
		(9,6.5)++(-1,-0.5) rectangle ++(2,1);
	}
\visible<6-7>{\fill[CUDBrightGreen!50](5,5.5)++(-1,-0.5) rectangle ++(2,1)
		(11,6.5)++(-1,-0.5) rectangle ++(2,1);
	}

\visible<8-9>{\fill[CUDBrightCyan](5,4.5)++(-1,-0.5) rectangle ++(2,1)
		(7,6.5)++(-1,-0.5) rectangle ++(2,1);
	}
\visible<10-11>{\fill[CUDBrightGreen!50](5,4.5)++(-1,-0.5) rectangle ++(2,1)
		(9,6.5)++(-1,-0.5) rectangle ++(2,1);
	}
\visible<12-13>{\fill[CUDMagenta!25](5,4.5)++(-1,-0.5) rectangle ++(2,1)
		(11,6.5)++(-1,-0.5) rectangle ++(2,1);
	}

\draw(7,6.3) node{\( x^2 \)}
	(9,6.3) node{\( +3x \)}
	(11,6.3) node{\( -1 \)}

	(5,5.3) node{\( x \)}
	(5,4.2) node{\( -2 \)};

\foreach \x in {5,6}{\draw(4,\x)--++(8,0);}
\foreach \x in {6,8,10}{\draw(\x,4)--++(0,3);}

\visible<3->{\draw(7,5.3) node[CUDRed]{\( x^3 \)};}
\visible<5->{\draw(9,5.3) node[CUDBlue]{\( +3x^2 \)};}
\visible<7->{\draw(11,5.3) node[CUDGreen]{\( -x \)};}

\visible<9->{\draw(7,4.2) node[CUDBlue]{\( -2x^2 \)};}
\visible<11->{\draw(9,4.2) node[CUDGreen]{\( -6x \)};}
\visible<13->{\draw(11,4.2) node[CUDMagenta]{\( +2 \)};}

\visible<14->{\draw(5,2.5) node[right]{\( = \textcolor{CUDRed}{x^3}
	\textcolor{CUDBlue}{{}+x^2}\textcolor{CUDGreen}{{}-7x}
	\textcolor{CUDMagenta}{{}+2} \)\quad\□答};}
\end{tikzpicture}
\end{frame}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%




\end{document}
