\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{jennilee}
\pdfinfo{
  /Title (difference-from.pdf)
  /Creator (Cheatography)
  /Author (jennilee)
  /Subject (Difference from に連れて Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{25A32A}
\definecolor{LightBackground}{HTML}{F1F9F1}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Difference from に連れて Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{jennilee} via \textcolor{DarkBackground}{\uline{cheatography.com/202026/cs/48405/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}jennilee \\
  \uline{cheatography.com/jennilee} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 11th September, 2026.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{3}

\begin{tabularx}{5.377cm}{x{1.55618 cm} x{1.51041 cm} x{1.51041 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{5.377cm}}{\bf\textcolor{white}{～につれて vs \textasciitilde{}に従って}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{～につれて B}} & \seqsplit{「自然に変化していく」} & → relatively \seqsplit{natural/conversational} \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
{\bf{～に従って（したがって）B}} & \seqsplit{「ある進行・変化に従って」} & → \seqsplit{neutral/formal;} often used for \seqsplit{trends/progression} \tn 
% Row Count 8 (+ 5)
% Row 2
\SetRowColor{LightBackground}
{\bf{～と共に（ともに）B}} & \seqsplit{「一緒に・同時に」} & → neutral to formal; also has meanings like "together with" \tn 
% Row Count 13 (+ 5)
% Row 3
\SetRowColor{white}
{\bf{～に伴って（ともなって）B}} & \seqsplit{「ある変化に関連して別の変化・問題が発生」} & → quite formal, especially common in news, reports, \seqsplit{announcements}, \seqsplit{academic/business} writing \tn 
% Row Count 21 (+ 8)
% Row 4
\SetRowColor{LightBackground}
\mymulticolumn{3}{x{5.377cm}}{} \tn 
% Row Count 21 (+ 0)
% Row 5
\SetRowColor{white}
\mymulticolumn{3}{x{5.377cm}}{\{\{bt=2\}\}{\bf{Way to memorize all 4}}} \tn 
% Row Count 22 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\{\{bt=2\}\}Grammar & \{\{bt=2\}\}Core image & \{\{bt=2\}\}Feeling \tn 
% Row Count 24 (+ 2)
% Row 7
\SetRowColor{white}
につれて & 🚶 Being taken along & Natural gradual change \tn 
% Row Count 26 (+ 2)
% Row 8
\SetRowColor{LightBackground}
に従って & 👮 \seqsplit{Following/obeying} & Following a \seqsplit{progression/rule} \tn 
% Row Count 29 (+ 3)
% Row 9
\SetRowColor{white}
と共に & 🤝 Together & \seqsplit{Simultaneously/together} \tn 
% Row Count 31 (+ 2)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.55618 cm} x{1.51041 cm} x{1.51041 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{3}{x{5.377cm}}{\bf\textcolor{white}{～につれて vs \textasciitilde{}に従って (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
に伴って & 🎒 Accompanied by & A brings B along; formal \tn 
% Row Count 2 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\SetRowColor{LightBackground}
\mymulticolumn{3}{x{5.377cm}}{for remembering: \newline Daily/natural changes → につれて \newline Formal/logical progression → に従って \newline Together/simultaneously → と共に \newline Big social changes/consequences → に伴って}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}---}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて}}  \tn
% Row 0
\SetRowColor{LightBackground}
\{\{bt=2\}\}{\bf{～につれて 🚶 "As X changes, Y naturally follows"}} & \{\{bt=2\}\}{\bf{～に従って 📈 "As X \seqsplit{progresses}, Y follows it"}} & \{\{bt=2\}\}{\bf{～と共に 🤝 "Together with / at the same time as"}} & \{\{bt=2\}\}{\bf{～に伴って（にともなって）🔗 "As X changes, Y comes along with it"}} \tn 
% Row Count 10 (+ 10)
% Row 1
\SetRowColor{white}
\{\{bt=2\}\}= X moves → Y naturally follows behind it. \seqsplit{🚶➡️} & \{\{bt=2\}\}=X 📈 → Y follows X & \{\{bt=2\}\}X 🤝 Y & \{\{bt=2\}\}This is the one that deserves special \seqsplit{attention.} \tn 
% Row Count 17 (+ 7)
% Row 2
\SetRowColor{LightBackground}
It \seqsplit{emphasizes} a gradual change. & This is very similar to \seqsplit{につれて}, but there's a subtle \seqsplit{difference}. & A broader grammar. They happen together. & \seqsplit{伴う（ともなう）} = to accompany / go along with \tn 
% Row Count 24 (+ 7)
% Row 3
\SetRowColor{white}
🧠 Memory  \seqsplit{につれて} = "being taken along" & \seqsplit{従う（したがう）} = to follow / obey & \seqsplit{共に（ともに）} = together & X changes → 🔗 Y comes with it \tn 
% Row Count 30 (+ 6)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 4
\SetRowColor{LightBackground}
X changes → Y gets taken along with X. & The emphasis is on following a direction, \seqsplit{progression}, standard, or rule. & \{\{ar\}\} & It's similar to \seqsplit{につれて}, but \seqsplit{に伴って} sounds more formal and often \seqsplit{emphasizes} \seqsplit{consequences} or changes that accompany a major \seqsplit{event/change}. \tn 
% Row Count 15 (+ 15)
% Row 5
\SetRowColor{white}
\mymulticolumn{4}{x{5.377cm}}{例：} \tn 
% Row Count 16 (+ 1)
% Row 6
\SetRowColor{LightBackground}
\seqsplit{年齢を重ねるにつれて、考え方も変わってきた。} As I get older, my way of thinking has also gradually changed. & \seqsplit{【年齢】ねんれいが上がるに従って、必要な【費用】ひようも増える。} As age increases, the necessary expenses also increase. & \seqsplit{【時代】じだいと共に、生活も変化してきた。} Along with the times, \seqsplit{lifestyles} have changed. & \seqsplit{【人口】じんこうの【増加】ぞうかに伴って、【交通問題】こうつうもんだいも【深刻】しんこくになった。} Along with the increase in \seqsplit{population}, traffic problems also became more serious. \tn 
% Row Count 39 (+ 23)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 7
\SetRowColor{LightBackground}
{\emph{The age increases → thinking naturally changes along with it.}} & Here, you're looking at a \seqsplit{progression:}  age ↑ → expenses ↑ & The focus isn't \seqsplit{necessarily} that one causes or pulls the other. & The \seqsplit{population} increases → {\bf{related \seqsplit{consequences} come along with that change.}} \tn 
% Row Count 9 (+ 9)
% Row 8
\SetRowColor{white}
 &  & It's simply:  時代 changes 🤝 生活 changes & \seqsplit{高齢化に伴って、介護サービスの【需要】じゅようが増えている。}  Along with the aging of the \seqsplit{population}, demand for care services is \seqsplit{increasing}. \tn 
% Row Count 27 (+ 18)
% Row 9
\SetRowColor{LightBackground}
\seqsplit{日本語が上達するにつれて、会話が楽しくなった。} As my Japanese improved, \seqsplit{conversations} became more \seqsplit{enjoyable.} & \seqsplit{時間がたつに従って、気温が下がってきた。} As time passed, the \seqsplit{temperature} gradually fell. & \{\{ar\}\} & This sounds very natural in news, reports, academic writing, business, etc. \tn 
% Row Count 41 (+ 14)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 10
\SetRowColor{LightBackground}
There isn't \seqsplit{necessarily} a rule saying this must happen. It's a natural \seqsplit{progression}. & The \seqsplit{temperature} follows the \seqsplit{progression} of time. & \seqsplit{春が来ると共に、暖かくなってきた。} As spring came, it became warmer. & \{\{ar\}\} \tn 
% Row Count 9 (+ 9)
% Row 11
\SetRowColor{white}
 &  & The two changes occur together. & \{\{ar\}\} \tn 
% Row Count 13 (+ 4)
% Row 12
\SetRowColor{LightBackground}
\{\{border=1\}\}🔥 \seqsplit{につれて} vs \seqsplit{に従って} &  & \{\{border=1\}\}🔥 \seqsplit{につれて} vs と共に & \{\{border=1\}\}🔥 The really important \seqsplit{distinction} \tn 
% Row Count 18 (+ 5)
% Row 13
\SetRowColor{white}
These can sometimes be \seqsplit{interchangeable:} &  & Compare: & Look at these four: \tn 
% Row Count 22 (+ 4)
% Row 14
\SetRowColor{LightBackground}
\seqsplit{年齢を重ねるにつれて、体力が落ちる。} &  & \seqsplit{年齢を重ねるにつれて、体力が落ちる。} & \{\{border=1\}\}{\bf{🚶 につれて}} \tn 
% Row Count 28 (+ 6)
% Row 15
\SetRowColor{white}
\seqsplit{年齢を重ねるに従って、体力が落ちる。} &  & = As I age, my physical strength naturally declines. & \seqsplit{人口が増えるにつれて、住宅も増えていった。}  As the \seqsplit{population} increased, housing also gradually \seqsplit{increased.} \tn 
% Row Count 41 (+ 13)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 16
\SetRowColor{LightBackground}
Both: &  & The \seqsplit{relationship} between the two changes is \seqsplit{important.} & → natural \seqsplit{progression} \tn 
% Row Count 6 (+ 6)
% Row 17
\SetRowColor{white}
As you get older, physical strength declines. &  & vs. & \{\{border=1\}\}{\bf{📈 に従って}} \tn 
% Row Count 11 (+ 5)
% Row 18
\SetRowColor{LightBackground}
But the feeling differs slightly: &  & \seqsplit{時代と共に、生活も変わった。} & \seqsplit{人口が増えるに従って、住宅の【需要】じゅようも【高まる】たかまった。} As the \seqsplit{population} increased, demand for housing rose \seqsplit{accordingly}. \tn 
% Row Count 28 (+ 17)
% Row 19
\SetRowColor{white}
\seqsplit{につれて} → focuses on the {\bf{natural \seqsplit{accompanying} change}} &  & = Along with the times, \seqsplit{lifestyles} changed. & → following the \seqsplit{progression} \tn 
% Row Count 35 (+ 7)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 20
\SetRowColor{LightBackground}
\seqsplit{に従って} → focuses more on the {\bf{progression/trend}} &  & The idea is more: & \{\{border=1\}\}{\bf{🤝 と共に}} \tn 
% Row Count 6 (+ 6)
% Row 21
\SetRowColor{white}
{\bf{Easy test:}} &  & The idea is more: & \seqsplit{【人口】じんこうの【増加】ぞうかと共に、【都市】としも【発展】はってんした。} Along with \seqsplit{population} growth, the city also \seqsplit{developed.} \tn 
% Row Count 23 (+ 17)
% Row 22
\SetRowColor{LightBackground}
Ask yourself: &  & "These two things changed together over time." & → two \seqsplit{developments} occurring together \tn 
% Row Count 28 (+ 5)
% Row 23
\SetRowColor{white}
→ \seqsplit{につれて} &  & 🧠 Memory & \{\{border=1\}\}{\bf{🔗 に伴って}} \tn 
% Row Count 32 (+ 4)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 24
\SetRowColor{LightBackground}
"Am I picturing Y naturally being carried along?" &  & \seqsplit{につれて} = following & \seqsplit{人口の【増加】ぞうかに伴って、【交通問題】こうつうもんだいも【深刻化】しんこくかした。} Along with the \seqsplit{population} increase, traffic problems also became more serious. \tn 
% Row Count 21 (+ 21)
% Row 25
\SetRowColor{white}
→ \seqsplit{に従って} &  & と共に = together & → a \seqsplit{change/event} brings \seqsplit{associated} \seqsplit{consequences} \tn 
% Row Count 26 (+ 5)
% Row 26
\SetRowColor{LightBackground}
"Am I picturing Y following the \seqsplit{progression} of X?" &  & \{\{ar\}\} & \{\{border=1\}\}🧠 \seqsplit{One-picture} memory trick \tn 
% Row Count 32 (+ 6)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 27
\SetRowColor{LightBackground}
 &  &  & Imagine \seqsplit{population} \seqsplit{increasing:} \tn 
% Row Count 3 (+ 3)
% Row 28
\SetRowColor{white}
 &  &  & \{\{border=1\}\}につれて 🚶 \tn 
% Row Count 6 (+ 3)
% Row 29
\SetRowColor{LightBackground}
 &  &  & \seqsplit{Population} walks forward → housing follows \tn 
% Row Count 11 (+ 5)
% Row 30
\SetRowColor{white}
 &  &  & \seqsplit{人口が増えるにつれて、住宅も増える。} \tn 
% Row Count 17 (+ 6)
% Row 31
\SetRowColor{LightBackground}
 &  &  & =Natural gradual change. \tn 
% Row Count 20 (+ 3)
% Row 32
\SetRowColor{white}
 &  &  & \{\{border=1\}\}に従って 📈 \tn 
% Row Count 23 (+ 3)
% Row 33
\SetRowColor{LightBackground}
 &  &  & \seqsplit{Population} goes up → another thing follows the graph \tn 
% Row Count 29 (+ 6)
% Row 34
\SetRowColor{white}
 &  &  & \seqsplit{人口が増えるに従って、需要も増える。} \tn 
% Row Count 35 (+ 6)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{5.377cm}{x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} x{1.04425 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{4}{x{5.377cm}}{\bf\textcolor{white}{Daily/natural changes → につれて (cont)}}  \tn
% Row 35
\SetRowColor{LightBackground}
 &  &  & Following a \seqsplit{progression/trend}. \tn 
% Row Count 3 (+ 3)
% Row 36
\SetRowColor{white}
 &  &  & \{\{border=1\}\}と共に 🤝 \tn 
% Row Count 6 (+ 3)
% Row 37
\SetRowColor{LightBackground}
 &  &  & \seqsplit{Population} + city hold hands \tn 
% Row Count 9 (+ 3)
% Row 38
\SetRowColor{white}
 &  &  & \seqsplit{人口の増加と共に、都市が発展する。} \tn 
% Row Count 15 (+ 6)
% Row 39
\SetRowColor{LightBackground}
 &  &  & \seqsplit{=Together/simultaneously}. \tn 
% Row Count 18 (+ 3)
% Row 40
\SetRowColor{white}
 &  &  & \{\{border=1\}\}に伴って 🔗 \tn 
% Row Count 21 (+ 3)
% Row 41
\SetRowColor{LightBackground}
 &  &  & \seqsplit{Population} change has \seqsplit{consequences} attached to it \tn 
% Row Count 26 (+ 5)
% Row 42
\SetRowColor{white}
 &  &  & \seqsplit{人口の増加に伴って、交通問題が起こる。} \tn 
% Row Count 32 (+ 6)
\hhline{>{\arrayrulecolor{DarkBackground}}----}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}