「画像を貼る」から、「描く」へ　— ベクター描画は、なぜ何度も復活するのか —

どうもです！えむしんです！

最近、SwiftUIの Canvas を触っていて、妙な既視感がありました。

「あれ、これって新技術というより、"昔の思想"が戻ってきてるのでは？」

コードで線を引き、曲線を描き、図形を重ねる。透過PNGを貼るのではなく、"その場で描く"。これを触っていると、Flash時代やHTML5騒動、さらに昔のMacのDTP文化まで、なぜか頭の中で全部つながってくるんですよね。

今回は、「画像を貼る文化」と「描く文化」が、なぜ何度も入れ替わってきたのかを整理してみます。

1. Macは最初から「描画のコンピュータ」だった

SwiftUI Canvas を見ていると、「Appleが急にベクター描画へ寄ったな」と感じるかもしれません。でも実際は逆で、Appleはずっと昔から"描画側"の会社だったとも言えます。

1980年代後半のMacは、DTP革命の中心にいました。PostScript、LaserWriter、TrueType、Illustrator。この辺りの文化とがっちり結びついていた。当時のキーワードは「画面で見たものを、そのまま印刷する」こと。解像度に依存せず、拡大しても崩れず、曲線を綺麗に描ける——そういう"ベクター的思想"が、かなり早い段階からMac文化に根付いていたんですよね。

2. 一度、世界は「完成画像を配る」方向へ進んだ

しかし2000年代に入ると、空気が変わります。インターネット回線が速くなり、PNG・JPEG・Flash・Shockwaveのような「完成済みコンテンツを配る」文化が一気に強くなった。

当時のWebは本当にFlash一色でした。アニメーション、ゲーム、動画、インタラクティブなサイト、全部Flash。「Webは自由になった！」という熱気がある一方で、"描画"そのものはどんどんブラックボックス化していった気もします。完成された .swf ファイルを再生する世界。内部ではベクターを使っていても、ユーザーから見えるのは"閉じた作品"でした。

3. HTML5は「描画」をWebへ取り戻した

そしてFlash戦争が始まります。「Flashが消えるなんてありえない」「Webが終わる」「動画はどうするんだ」——そんな声もかなりありました。でも結果的に、Canvas・SVG・CSS Animationといったhtml5系の技術が広がっていく。

ここで面白いのが、Webが再び「描画命令の世界」へ戻ったことなんですよね。Canvas API のコードを見ると、

かなり"描画そのもの"に近い。これは PostScript・Quartz・Core Graphics の流れとかなり近い。つまりHTML5は単なる新技術ではなく、「Webを再び"描ける場所"に戻した」とも言えそうです。

4. Retina時代で「固定ピクセル」という前提が壊れた

さらに大きかったのが、Retina以降の高解像度化です。昔は「この画像をこのサイズで表示する」という感覚がそのまま成立していました。でも今は、スマホ・タブレット・4K・ダークモード・拡大縮小と、表示条件が毎回ぜんぜん違う。

その結果、「固定画像を貼るだけでは限界」になってきた。だから再び、SVG・PDFベクター・Canvas・GPU描画のような「状況に応じて、その場で描く」技術が重要になってきた。これは単なるトレンドじゃなくて、環境が多様化したことへの、ある意味必然的な応答だと思います。

5. AI時代は「完成画像」より「描画構造」が強いかもしれない

最近特に面白いのがここです。ClaudeなどのLLMが、PNGではなくSVGを直接出力することが話題になりました。これ、かなり象徴的なんですよね。

LLMは本来「構造化されたトークン列」を扱うのが得意です。SVGはパス・曲線・塗り・レイヤを命令として持つ、つまり「画像」ではなく「描画コード」に近い。だからAIから見ると、PNGを直接生成するより、「描画可能な構造を出すほうが自然」なのかもしれません。

これって実は、PostScript → Flash → HTML5 Canvas → SwiftUI Canvas の流れとも少しつながって見えるんですよね。技術は変わっても、「命令として描く」という発想が何度も戻ってくる。

まとめ. 「画像を置くUI」から、「描くUI」へ

SwiftUI Canvas を触っていて思ったのは、UIが再び"描かれるもの"へ戻ってきているという感覚でした。

昔は、ボタンを置いて、画像を貼って、パーツを並べる世界だった。でも今は、状態に応じて変形し、動き、光り、揺れ、反応する——そんな「存在感」そのものを描く方向へ進んでいる気がします。

「画像を作る」のではなく、「描画可能な構造を生成する」時代。もしかするとその先には、物理的な世界へ描画が飛び出していく流れも来るのかもしれないですね。

えむしんでした。ではでは。