【ご返信】Charm.jsの変換結果に「__」が含まれるお問い合わせにつきまして

Charm.js

LanamaとCharm.jsをご利用いただきありがとうございます。

お問い合わせありがとうございます

4月4日にCharm.jsについてお問い合わせをいただきました。
SNSにて確認したのですが、ご返信先の記載がなかったためラボブログにてご返信しますね。

お問い合わせ内容を要約すると以下の通りです。

特定の名前をデフォルトネームにすると、変換後の名前の前に__が付与されます。
改善方法や、原因などはありますか?

確認環境:
Microsoft edge
CDN使用
使用IDはサンプルと同じもの

こちらでわかる範囲でお調べしましたが、今わかる情報では原因の特定が難しく、こちらの環境では再現ができませんでした。
Charm.jsは特定の名前の先頭へ文字を追加する処理はないため、「ひらがな」「カタカナ」「常用漢字」「英数字」であれば、基本的にはそのまま表示される処理になっています。

もし差し支えなければ、設定したデフォルトネームをお知らせいただければと思います。
その際、ご返信先のメールアドレスをいただければ、デフォルトネームは公開せずに確認いたしますので、ご検討いただけますと幸いです。
もちろん、ご返信先無しでご連絡いただいた場合も、そのデフォルトネームをこちらで公開することはありませんのでご安心ください!

ご自身で確認する方法

デフォルトネームの連絡はちょっと、というご事情でしたら、HTML側の記述・保存済みデータ・CSSやサーバ処理等も併せて見ていくと原因がわかるかもしれません。

デフォルトネームが元で起きているのか確認するため、CSSを含まない最小構成の確認用HTMLをご用意しました。こちらで同じ現象が再現するかお試しいただけますでしょうか。

以下のどちらかのHTMLで、「★デフォルトネーム★」となっているところを変えてお試しください。

動作確認用のシンプルなHTML(自動変換あり)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Charm.js 確認用</title>
  <script src="https://cdn.jsdelivr.net/gh/mizuna-shima/charm@main/public/charm.min.js"></script>
</head>
<body>
  <p>
    <input type="text" id="charmname1" class="charm charmnow" placeholder="名前を入力">
    <button id="charmunset">削除</button>
  </p>

  <p>表示確認:<span class="charmname1">★デフォルトネーム★</span></p>
</body>
</html>

動作確認用のシンプルなHTML(自動変換なし)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Charm.js 確認用</title>
  <script src="https://cdn.jsdelivr.net/gh/mizuna-shima/charm@main/public/charm.min.js"></script>
</head>
<body>
  <p>
    <input type="text" id="charmname1" class="charm" placeholder="名前を入力">
    <button id="charmset">登録</button>
    <button id="charmunset">削除</button>
  </p>

  <p>表示確認:<span class="charmname1">★デフォルトネーム★</span></p>
</body>
</html>

もし拡張機能「通常変換プレースホルダー置換」を使用している場合は、確認方法が変わります。
その際は別途ご相談ください。

この状態でも同じ現象が出る場合は、使用しているデフォルトネームそのもの、または保存済みデータの影響の可能性があります。

一方で、このサンプルでは再現しない場合は、実際の設置環境のHTML、CSS、JavaScript、またはサーバ側で行っている処理による影響が考えられます。
可能であれば、うまく動いていない実際のページのURLをお知らせいただけると、最も状況を把握しやすいので、可能であればぜひ…!

URLのご共有が難しければ、再現するHTML、CSS、JavaScriptや使っているテンプレート、使用しているサーバやサービス名など、わかる範囲の情報をご連絡いただければと思います。

なかなかお力になれず恐縮ですが、ご検討のほどよろしくお願いいたします。

タイトルとURLをコピーしました