微かに喉が痛いので、龍角散のど飴をなめていました。🍬🍬🍬

No.5727

てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板（この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。）

付箋No.5727 (1398文字) 編集削除

微かに喉が痛いので、龍角散のど飴をなめていました。🍬🍬🍬
ただし、賞味期限は2025年1月。┌(:3」└)┐ >>4991

🍬Re:5725◆URLの中に & 記号をそのままを書くと、それはパラメータの区切りであると認識されてしまいます。「&以降の文字がTwitter側で表示されない」という現象の原因はそれです。

▼背景：
例えば、Web上のシステムに何らかのパラメータを送る場合、
https://example.com/?url=AAA&title=BBB&text=CCC&name=DDD
のような感じで「パラメータ=値」のセットを「 & 」で連結しますよね。上記の場合は、

urlパラメータの値がAAA
titleパラメータの値がBBB
textパラメータの値がCCC
nameパラメータの値がDDD

……のように4つのパラメータがあると認識されます。

もしここで、「BBB」の部分を「Baa&Bee」のように「 & 」記号を含む形で書いてしまうと、
https://example.com/?url=AAA&title=Baa&Bee&text=CCC&name=DDD
これは以下のように、

urlパラメータの値がAAA
titleパラメータの値がBaa （←&記号の直前まで）
Beeパラメータ（値なし） （←&記号の直後から）
textパラメータの値がCCC
nameパラメータの値がDDD

……として、合計5つのパラメータがあると認識されてしまいます。
半角の「 & 」記号があれば常にパラメータの区切りになるからです。

本当は「Baa&Bee」というタイトルなのに「&」がパラメータの区切りだと認識されるため、タイトルの認識範囲は「Baa」で終わってしまうわけですね。「&に続くその先の文字がTwitterでタイトルとして認識されない」のもこのためです。
（※ここでは & を文字実体参照にして Baa&Bee としていても同じことで、やはりこの & は区切りになります。）

▼対処方法：
URLの中に「 & 」記号そのものを文字として含めたい場合には、URLエンコードという規則に従って & 1文字を %26 という3文字に置き換える必要があります。
先の例だと、
https://example.com/?url=AAA&title=Baa%26Bee&text=CCC&name=DDD
……のようにします。そうすれば、「Baa%26Bee」が「Baa&Bee」にデコード(復元)されて、

titleパラメータの値はBaa&Bee

だと正しく認識されます。

このような変換はJavaScript側でするしかありませんから（JavaScriptにはそのための関数 encodeURIComponent が用意されています）、てがろぐ側の本文（[[COMMENT:TITLE]]等）を取得してURLエンコードしてから「Twitterへ送るURL」を生成するようなJavaScriptを用意する必要があるでしょう。

※なお、<![CDATA[で始まり]]>で終わるCDATA（読みはたぶんシー・データ）はXMLでの特別な書き方なので、HTMLには無関係です。畳む