通信研究会のホームページ公開から2ヶ月半ほど経ちますが、完全に失念していた問題があるんですよ。
それはTwitterというかXとかLINEとかで使われるのアイコンなのですが、そういえば・・・。という話です。
何がおきた?
まずはこの画像をご覧ください。

これは、先日投稿した「通信工学科の授業で通信研究会の活動を紹介しました。」という記事をXに共有したときのツイートの画像ですが、よく見ていただくと、カードの中のアイコンというか画像が読み込まれていません。
これが私が失念していたところ。
twitter:image
Web標準に近い存在としてOGPというのがありますが、完全にこれは私の癖ですがを使うのですが、これの仕様を完全に忘れていました。
このmetaタグは、<meta name="twitter:image" content="{画像URL}" />のように使うのですが、私はこれまで、画像URLを相対パスで指定していたのです。残念ながらこれをしてしまうと、このメタタグを参照するXやLINE、Discordなどはカード用の画像を読み込むことができません。ここは必ず絶対パスで指定する必要があるのです。
そういえばそうだったなぁ~と昨日気づきました。正直、こないだのフッター問題の解決でだいたいすべての不具合というかそういうのは修正されたと思っていましたが、全然そんなことなかったですね。
ちなみに今私は後輩から表記揺れについて指摘が入ってます。いつか直す。ではまた。
この記事を書いた人
西田(総合情報学部 情報学科 2021年入学)
通信研究会OB。当ホームページの保守運用を支援しています。組み込み系のソフトウェアエンジニア。応用情報技術者・修習技術者。

