スマホの「画像拡大」実は一次関数？数学嫌いが治る【3つの仕組み】
こんにちは、こまてんです。
「学校で習った数学なんて、社会に出たら役に立たない」
正直、そう思ったことありませんか？ 私も学生時代、数学のテスト中は「この $${y=ax}$$ が将来何の役に立つんだ…」とペン回しばかりしていたタイプです。
でも、IT企業でCS（カスタマーサクセス）として働き、副業でWebライティングや画像生成AIを触るようになって気付いてしまったんです。「あ、全部これ数学だわ」と。
私たちが毎日スマホで何気なくやっている 「ピンチアウトで写真を拡大」 したり、 「インスタで画像を回転」 させたりする操作。実はこれ、裏側では 「一次関数」 が必死に計算してくれているんです。
もしこの仕組みを知っていれば、「数学＝苦行」というイメージが、「数学＝魔法のツール」に変わるかもしれません。
今回は、難しい数式は抜きにして（ほんの少しだけ出ますが、噛み砕きます！）、スマホの中で起きている 「画像の拡大・回転」 の裏側を、文系出身の私と一緒に覗いてみましょう。
これを読めば、明日からスマホの画面を見る目が少し変わるはずです。
1. そもそも画像は「点の集まり（座標）」である
まずは基本のキから。
私たちが普段見ているキレイな写真は、実はものすごく細かい 「色のついた点（ピクセル）」 の集まりです。
これを数学の言葉で言うと、 「座標（ざひょう）」 になります。
昔、数学の授業で「方眼紙」を使いましたよね？ 横軸を $${x}$$ 、縦軸を $${y}$$ と呼んでいたアレです。
スマホの画面も、実は巨大な方眼紙そのものなんです。
画面の左下が原点 $${(0,0)}$$ ※プログラミングだと左上が原点のことが多いですが、ここではイメージしやすく学校の数学に合わせます。
右に行くと $${x}$$ が増える
上に行くと $${y}$$ が増える
例えば、キャラクターの目の位置が $${(2, 3)}$$ にあるとします。
この 「 $${(2, 3)}$$ にある点をどこに動かすか？」 という命令書こそが、実は関数なんです。
ゲームでキャラクターが動くのも、Webサイトでボタンが動くのも、裏側ではひたすらこの「座標の計算」が行われています。こう考えると、ちょっと親近感が湧きませんか？
2. 画像を「拡大」するのは比例の世界
では、本題の「拡大」です。
スマホで子どもの写真を撮って、可愛い笑顔をアップにするために指で広げる（ピンチアウトする）動き。
これ、数学で言うと 「比例（ $${y = ax}$$ ）」 を使っています。
「2倍に拡大する」を計算してみる
例えば、元の画像の点 $${P}$$ が座標 $${(2, 3)}$$ にあるとします。
この画像を 「2倍」 に拡大したい時、コンピュータの中ではどんな計算が起きているでしょうか？
答えはシンプル。座標に 「2」 を掛けるだけです。
新しい $${x}$$ 座標 ＝ $${2 \times 2 = 4}$$
新しい $${y}$$ 座標 ＝ $${2 \times 3 = 6}$$
つまり、点 $${(2, 3)}$$ は点 $${(4, 6)}$$ に移動します。
これを式にするとこうなります。
$${新しい座標 = 倍率 \times 元の座標}$$
これ、見覚えありませんか？
そう、中学1年生で習う 「比例の式 $${y = ax}$$ 」 そのままなんです！
$${y}$$ （新しい場所）
$${x}$$ （元の場所）
$${a}$$ （拡大率）
「画像を拡大する」という処理は、すべての点に対して 「 $${a}$$ （倍率）」 を掛け算して、点を外側に移動させているだけなんです。
逆に、画像を半分に縮小したいなら？
$${a}$$ を $${0.5}$$ にすればいいだけ。「 $${y = 0.5x}$$ 」のグラフを書くのと同じことを、スマホは一瞬で数百万回計算してくれています。健気ですよね。
3. 画像を「回転」させるのも関数の応用
次はちょっと難易度が上がる「回転」です。
「この写真、縦横間違えたから90度回そう」ってこと、よくありますよね。
これも座標の移動なんですが、単純な掛け算だけではうまくいきません。ここで登場するのが、一次関数の応用と、少しの 「図形の性質」 です。
90度回転の仕組み
単純化して考えてみましょう。
方眼紙の上にある点 $${(3, 1)}$$ を、原点（ $${0, 0}$$ ）を中心にして、左回り（反時計回り）に90度グイッと回すとどうなるでしょうか？
想像してみてください。
右の方にあった点が、上の方に行きますよね。
実際に方眼紙を回してみると、点 $${(3, 1)}$$ は 点 $${(-1, 3)}$$ に移動します。
元の $${x}$$ 座標（3）が、新しい $${y}$$ 座標（3）になる
元の $${y}$$ 座標（1）が、符号が変わって新しい $${x}$$ 座標（-1）になる
つまり、 「 $${x}$$ と $${y}$$ を入れ替えて、片方のプラスマイナスを変える」 というルール（関数）を実行しているんです。
どんな角度でも回せるの？
「じゃあ、30度とか中途半端な角度はどうするの？」と思いますよね。
ここで出てくるのが、高校数学で習う「三角関数（サイン・コサイン）」というやつです。
名前を聞くだけでアレルギーが出る方もいるかもしれませんが（笑）、やっていることは一次関数の親戚みたいなものです。
「今の場所 $${x}$$ に $${0.8}$$ を掛けて、場所 $${y}$$ に $${0.5}$$ を掛けたものを引く…」
みたいな、 「決まったルール（式）に従って新しい場所を決める」 という点では、拡大も回転も同じです。
要するに、私たちはスマホの画面を指でなぞるだけで、裏側にいる 「数学の計算部隊」 に膨大な計算指令を出している司令官というわけです。
4. なぜライターやCSがこの話を知っておくべきか
「仕組みはわかったけど、これを知って何になるの？」
そう思う方もいるかもしれません。特に私たちのようなWebライターや、ビジネス職の方なら尚更です。
でも、この 「裏側のロジック（仕組み）」 を知っているかどうかで、仕事の質が少し変わるんです。
① AIツールの「なぜ？」がわかる
今流行りの画像生成AIや、デザインツール（Canvaなど）を使う時、「なんでこの画像は引き伸ばすと荒くなるんだろう？」とか「どうしてこの変形はうまくいかないんだろう？」という疑問にぶつかることがあります。
その時、「ああ、元の座標データ（点）が足りないから、無理やり計算で埋めてボヤけてるんだな」とイメージできると、 「じゃあ元の解像度を上げよう」 と具体的な対策が打てます。
② エンジニアとの会話がスムーズになる
私のようにIT企業で働いていると、エンジニアの方と話す機会があります。
その時、「なんかこの画像、変なんですよね」と言うより、「比率の計算がおかしいかもしれません」と言えるだけで、信頼度が爆上がりします。
「こいつ、分かってるな」 と思わせる。これはCSやディレクターにとって強力な武器です。
まとめ：数学は「世界を記述する言語」
今回の話をまとめます。
画像は座標 ：スマホ画面は巨大な方眼紙。
拡大は比例 ： $${y=ax}$$ で座標を掛け算して広げている。
回転は応用 ： $${x}$$ と $${y}$$ をルールに従って入れ替えている。
学生時代、「 $${y=ax}$$ 」は無機質な記号の羅列に見えたかもしれません。
でも実は、私たちが大好きな推しの写真を拡大して眺められるのも、旅行の思い出の写真をキレイに加工できるのも、全てこの数式のおかげなんです。
そう考えると、ちょっとだけ数学が愛おしくなりませんか？
「へぇ、そんな仕組みだったんだ」と思ったら、ぜひ今日からスマホで画像を拡大するたびに、「お、一次関数がんばってるな！」と心の中で労ってあげてください（笑）。
私たちも、この一次関数のように、基本を大切にしながら仕事を拡大（スケール）させていきましょう！
この記事が「参考になった」と思ったら、スキ♡やシェアをお願いします！執筆の励みになります！