So-net無料ブログ作成
検索選択
RSS [RSS1.0] [RSS2.0]

絵文字付きツイートをソネブロに埋め込むときには要注意

 【絵文字のせいでソネブロのツイートまとめ投稿が正しく機能しない】で私は『手動でツイートを引用する場合(Twitter連携:使い方 マニュアル)は大丈夫だった』と書いた。しかし、Twitterの公式の埋め込みソースをブログに貼り付けても絵文字以降が削除されるケースがあることが分かった。

 例えば次のツイートで生じる。

 このツイートの埋め込みソースを取得すると次のようになっている(取得方法)。

<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja"><p lang="ja" dir="ltr">簡単な再現法。<br>ソネブロの記事入力欄に次のよう入力。<br>--この下から--<br>この絵文字があるとダメ。<br>😇<br>ここは削除される。<br>--この上まで--<br><br>保存後に次のようになる。<br>--この下から--<br>この絵文字があるとダメ。<br>--この上まで--</p>&mdash; 正己 (@self7777) <a href="https://twitter.com/self7777/status/782087984170491905">2016年10月1日</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

 ソネブロの編集画面で入力欄に 😇 のような絵文字があると、「保存」ボタンをクリックして保存した後に絵文字の後のソースが全て削除されてしまう。このトラブルはツイートの埋め込みの場合に限らない。上に引用したツイートに書いてある通り、次のテキストをコピーしてソネブロの編集画面の入力欄に貼り付けて試してほしい。絵文字 😇 以降が削除される。

この1行目だけが残る。
😇
この3行目は削除される。
この4行目は削除される。
この5行目は削除される。

 場合によっては大量に書き直さなければいけなくなり、一種の悲劇である。
 絵文字でも 😊 なら大丈夫である。次のテキストをコピーしてソネブロの編集画面の入力欄に貼り付けて試してほしい。

この1行目は残る。
😊
この3行目も残る。
この4行目も残る。
この5行目も残る。

 ソネブロで後ろのソースごと削除されてしまう絵文字と削除されない絵文字の違いが何か調べるために【絵文字一覧】を作った。左から「数値文字参照(16進数による指定)」「16進数による指定で表示される絵文字」「数値文字参照(10進数による指定)」「10進数による指定で表示される絵文字」「記事入力欄に絵文字を記載した場合のソネブロでの表示」という順番になっている。一覧を作成するために次のサイトを利用してデータを取得し、Excelと Windows 7 の「メモ帳」で加工した。

 【絵文字一覧】を見ると、ソネブロでは表示されなかったり、 という文字になったり ? になっている絵文字がある。後ろのソースごと削除されてしまった絵文字 😇 のソネブロでの表示は ? である。一方、削除されなかった絵文字 😊 ではソネブロ用の画像が表示されている。【絵文字一覧】のソースを入力して保存した後に、絵文字のソースがソネブロ用に書き換えられた。全てを試したわけではないが、いろいろと試したら、ソネブロでの表示が ? になる絵文字があると、絵文字の後のソースが全て削除されてしまうようである。

 この問題の対処法は、絵文字の部分を数値文字参照で記載すれば良い。この記事では数値文字参照を利用している。ツイートの埋め込みソースの場合は絵文字の部分だけでなくツイート文字全てを削除してもツイートが表示されるので、埋め込みツイートを文字検索の対象にしないのなら<p lang="ja" dir="ltr"></p>内を全て削除してしまえば良い。

 さて、この問題にはまだ謎がある。上に『ソネブロの編集画面で入力欄に 😇 のような絵文字があると、「保存」ボタンをクリックして保存した後に絵文字の後のソースが全て削除されてしまう』と書いたが、 😇 があっても後ろのソースが削除されない場合もある。
 例えば、次のテキストをコピーしてソネブロの編集画面の入力欄に貼り付けて試したら、ソースが削除される問題は生じなかった。

この1行目は残る。
😃
😇
この4行目も残る。
この5行目も残る。
この6行目も残る。

 保存後に編集画面を開いてソースを確認すると次のようになっている。

この1行目は残る。
<img src="https://blog.so-net.ne.jp/_images_e/140.gif" width="15" height="15" alt="[わーい(嬉しい顔)]" border="0" class="sonet-icon" />
?
この4行目も残る。
この5行目も残る。
この6行目も残る。

 😇 の上に 😃 があるだけで「絵文字の後のソースが全て削除されてしまう」問題が生じない原因は全く想像できない。【絵文字一覧】でも【絵文字と数値文字参照(10進数による指定、一部は文字実体参照?)】でも問題の絵文字を編集画面の入力欄に記載したが大丈夫だった。この件については興味があるが、深く調べないことにする。
 また、【絵文字のせいでソネブロのツイートまとめ投稿が正しく機能しない】【ツイートまとめ投稿】で生じる問題を書いたが、これは記事を保存した時に起こる上記のトラブルとは異なり、ソネブロで表示できる( ? にならない)絵文字でも起こる。ただし (数値文字参照は&#10071;)や (数値文字参照は&#9996;あるいは&#9996;&#65039;)など一部の絵文字では問題がなかったことを確認している。この件についても興味があるが、深く調べないことにする。

 以上、ソネブロで、ソネブロが想定してない絵文字を使った場合のトラブルについて書いてきたが、とにかく、webページから絵文字を含んだテキストをコピー&ペーストしてソネブロで使わない方が良いだろう。トラブルが起こった後に対処しても良いが、せっかく書いた大量の文章が削除されてしまったら悲劇である。ツイートの埋め込みも絵文字が含まれてないかチェックした方が良い。【ツイートまとめ投稿】を利用している場合は、問題がないか毎日チェックが必要である。100件を超えたら問題があっても対処できないので、一日に100件を超えるツイートをしないこと、100件前のツイートが削除されないように翌日にツイートする前に確認することが必要である。面倒だが、仕方がない。仕様がコロコロ変わるTwitterに付き合ってソネブロの仕様変更をするのは大変かもしれないが、ソネットの担当者がこの問題を改善してくれることを願う。
 ところで、ソネブロ以外のブログでは生じないのかな?


nice!(0)  コメント(0)  トラックバック(0) 
カテゴリー:ブログを使いながら
共通テーマ:パソコン・インターネット

読者の反応

nice! 0

sonet-asin-area

コメント 0

コメントを書く 

お名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。
captcha

トラックバック 0

この記事のトラックバックURL:
※言及リンクのないトラックバックは受信されません。