No.5727, No.5726, No.5725, No.5724, No.［4件］ - てがろぐ

2026/02/09 (Mon) 23:04:01 New! No.5727 by にしし〔6時間前〕

微かに喉が痛いので、龍角散のど飴をなめていました。🍬🍬🍬
ただし、賞味期限は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には無関係です。畳む

〔211文字〕編集

2026/02/09 (Mon) 19:17:22 New! No.5726 by あどみ〔10時間前〕

>>5724 早速回答ありがとうございます！
指定のJavaScriptをいれて、class属性のリンクにしたら希望通りの動作ができました！
現時点ではたまにしか使わないのでclass名ごと何でも簡単入力ボタンに入れておきます
JavaScriptとかのカスタマイズに関しては完全無知なので助かりました
てがろぐ側での記法もあると分かりやすいですが現状問題ないので後回しで大丈夫です
また何かあったら質問させてもらいます🍝

回答/返信〔425文字〕編集

2026/02/09 (Mon) 13:30:10 New! No.5725 by あどみ〔16時間前〕

>5724
にししさん、返信ありがとうございます。5720です。
RSSが表示できない問題に関してですが、どうやらCDDATAの記載を必要ないと思って無知ゆえに消していたらしく、記載したらRSSが取得できるようになりました。不具合だというのは私の勘違いで失礼いたしました。

ところで、最近話題になっていたTwitterでの記事共有ボタンの実装を行ったのですが、タイトルに&を書いてしまうと、&に続くその先の文字が表示されないことがありました。
これもCDDATAがないことが原因だったりするんでしょうか。
<a href="https://twitter.com/intent/tweet?url=[[PERMAURL:PURE:FULL]]&text=CDATA[[COMMENT:TITLE]]%0aサイト名%0a" title="ツイッターに投稿" target="_blank" rel="noopener" class="share"

回答/返信〔930文字〕編集

2026/02/09 (Mon) 11:32:26 New! No.5724 by にしし〔18時間前〕

朝食はホットドッグ。🌭🌭🌭

🌭Re:5723◆ああ、なるほど。

もしデフォルト設定が「同一ウインドウ(タブ)で開く」なのであれば、特定のリンクだけを「リンク先は新規ウインドウ(タブ)で開く」にする記法はありますが、
その逆で、デフォルトの方が「リンク先は新規ウインドウ(タブ)で開く」の設定になっているときに、特定のリンクだけを「同一ウインドウ(タブ)で開く」ようにする方法は（てがろぐ側の機能としては）ありませんね。

ただ、要は、そのリンクからtarget属性を削除すれば良いだけなので、例えば、

同一タブで開きたいリンクは、リンクに任意のclass属性値を加える記法「 :CL(英数字) 」を使って、 [リンクラベル:CL(normallink)]https://任意のURL のように書く

……というような方法が採れるなら、以下のようなJavaScriptで実現できます。外側スキンの末尾付近に書いて下さい。
<script>
document.querySelectorAll('a.uc-normallink').forEach(link => {
link.removeAttribute('target');
});
</script>
もちろんclass名は何でも自由に付ければ良いです。（※JavaScript側では、投稿本文中に書いたclass名の頭に uc- という接頭辞が付く点にご注意下さい。詳しくはリンクに任意のclass属性値を加える記法の囲み部分をご覧下さい。）
なお、ここでのremoveAttribute('target')というのが、target属性を削除するという処理です。（a要素からtarget属性を削除すれば、リンクは常に同一タブで開かれるようになります。）

対象のリンクが全体の1％くらいしかないのであれば、上記のような対処法でもそこまで面倒ではないのではないかと思います。とはいえ、てがろぐ側の記法として「リンク先ウインドウを同一にする」というオプションも用意しておくと良さそうですね。需要がどれくらいあるのかは分かっていませんが、ToDoリストに入れておきます。

てがろぐ - Fumy Otegaru Memo Logger -

■No.5727, No.5726, No.5725, No.5724, No.［4件］（ 4 件）

2026年2月
日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28

てがろぐ - Fumy Otegaru Memo Logger -

■No.5727, No.5726, No.5725, No.5724, No.［4件］ （ 4 件 ）

■No.5727, No.5726, No.5725, No.5724, No.［4件］（ 4 件）