ゼロから始めるプログラム言語編集後記一覧
2026年9月28日・KAZU × AI 編集後記/第二章・全3話の第2話

第二話 PODの海――画像一枚、行方不明

OGPファイル構成SNS共有

「今度は紹介画像を置こう」

リンクを誰かに送ったとき、サイトの名前と画像がきれいに表示されたらうれしい。人を家に招くなら、玄関に看板くらいは出しておきたい。

この紹介画像はOGPと呼ばれる仕組みに使うものだ。SNSやメッセージアプリでリンクを共有したときに表示される、サイトの表紙のような画像である。

私は画像を用意した。あとはファイルを置くだけ。

そう思った自分に、あとで注意してやりたい。

フォルダを開いた瞬間、道が分かれていた。assets があり、その先に img がある。別のほうには images がある。画像なのだからどちらでもよさそうな気がするが、サイトはそういう大ざっぱな考え方をしてくれない。

私はPODの海に小舟を浮かべた。PODは、サイトを公開するための作業場所で、ファイルやフォルダを置いて管理する場所だ。

「目的地は、紹介画像の港!」

元気よく出航したものの、すぐに似た名前の島が現れる。こちらも画像置き場、あちらも画像置き場。目印を覚えずに進むと、同じ場所を三周くらいしそうだ。

小舟の上で、私は考えた。

画像を置くだけなら、どこにでも置ける。でも、ページが画像を探しに行く住所と、実際の置き場所が違えば、二人は永遠にすれ違う。

駅の改札で待ち合わせているつもりが、一人は北口、もう一人は南口にいるようなものだ。お互い「着いた」と言い張っても、会えない。

私はファイルの道を一段ずつ確かめた。assets、images、ogp。画像の名前も見る。住所を書き間違えないよう、もう一度確かめる。

「船長、今度こそ港です」

船長も船員も私一人だ。ひとりごとだけが、やけに頼もしい。

画像を置いて、ブラウザでその住所を開く。表示された。だが、ここで喜ぶのはまだ早い。画像そのものが見えても、リンクを送ったときに紹介カードとして出るとは限らない。

私はスマートフォンでサイトのリンクを開いてみた。

少し待つ。

もう少し待つ。

「頼むぞ」

画面にカードが現れた。サイトの名前、学習シリーズの紹介、そして画像。小さな画面の中で、ちゃんと一つにまとまっている。

「会えたじゃないか、北口と南口」

私は思わず笑った。画像一枚を表示するまでに、ずいぶん船旅をした気がする。

けれど、今日覚えたのは画像の置き方だけではない。ファイルには住所がある。ページには、その住所を正しく書く必要がある。そして最後は、自分の目で表示を確かめる。

作業場へ戻ると、第一話の見張り番が緑の印を出していた。番人はファイルを点検してくれる。でも、紹介カードを見て「いい感じですね」とは言ってくれない。その役目は、まだ私に残っている。

海の向こうに、灯台が二つ見えた。

一つは自動点検の緑の光。もう一つは、スマートフォンに映った紹介画像だ。