Help us understand the problem. What is going on with this article?

あたし 30 代だけど夏のラ王のサイトが読めない

More than 3 years have passed since last update.

あたし 30 代だけど夏のラ王のサイトが読めない

514355911513
( ^ω^)
読めない ...

www.rao.jp-natsuno_rao-before.jpg

そんなあなた (僕も含む) のために JavaScript の力で何とかしてみました。

/**
 * @fileOverview 夏のラ王のなんかいなあんごうをかいどくするすくりぷと
 */

(() => {

  /* 変換テーブル */
  const table = `あいうえおABCDE
かきくけこFGHIJ
さしすせそKLMNO
たちつてとPQRST
なにぬねのUVWXY
はひふへほZ?!-/
まみむめも¥&   
や(ゆ)よ*#   
らりるれろ12345
わをん゛°67890`;

  /* テーブルを 2 次元配列にする */
  const MAT = table.split('\n').map(a => {
    return a.split('');
  });

  /**
   * 2 桁の番号を文字にする
   * @param {string} nn
   * @returns {string}
   */
  const charAtPokebel = nn => {
    const m = nn.split('').slice(0, 2).map(n => {
      return n - 1 < 0 ? 9 : n - 1;
    });
    return MAT[m[0]][m[1]];
  };

  /**
   * ポケベル風テキストを含む Node 一覧を取得
   * @param {HTMLElement} node
   * @returns {Array}
   */
  const getPokebelTextNode = (node) => {
    const nodes = [];
    const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null, false);
    let el;
    while (el = walker.nextNode()) {
      if (/\d+/.test(el.textContent)) {
        nodes.push(el);
      }
    }
    return nodes;
  };

  /**
   * 変換する
   * @param {HTMLElement} node
   */
  const convert = (node) => {
    getPokebelTextNode(node)
    .forEach((el) => {
      el.parentNode.style.whiteSpace = 'nowrap'; // 改行されると困るので阻止する
      el.textContent = el.textContent.replace(/(\d{1,2})/g, (m) => {
        return charAtPokebel(m);
      });
    });
  };

  convert(document);

})();

ブックマークレットにしたためましたのでお使いください。

javascript:(function(){var d="\u3042\u3044\u3046\u3048\u304a\uff21\uff22\uff23\uff24\uff25 \u304b\u304d\u304f\u3051\u3053\uff26\uff27\uff28\uff29\uff2a \u3055\u3057\u3059\u305b\u305d\uff2b\uff2c\uff2d\uff2e\uff2f \u305f\u3061\u3064\u3066\u3068\uff30\uff31\uff32\uff33\uff34 \u306a\u306b\u306c\u306d\u306e\uff35\uff36\uff37\uff38\uff39 \u306f\u3072\u3075\u3078\u307b\uff3a\uff1f\uff01\uff0d\uff0f \u307e\u307f\u3080\u3081\u3082\uffe5\uff06 \u3084\uff08\u3086\uff09\u3088\uff0a\uff03 \u3089\u308a\u308b\u308c\u308d\uff11\uff12\uff13\uff14\uff15 \u308f\u3092\u3093\u309b\u00b0\uff16\uff17\uff18\uff19\uff10".split(" ").map(function(a){return a.split("")}),e=function(a){a=a.split("").slice(0,2).map(function(a){return 0>a-1?9:a-1});return d[a[0]][a[1]]},f=function(a){var c=[];a=document.createTreeWalker(a,NodeFilter.SHOW_TEXT,null,!1);for(var b;b=a.nextNode();)/\d+/.test(b.textContent)&&c.push(b);return c};(function(a){f(a).forEach(function(a){a.parentNode.style.whiteSpace="nowrap";a.textContent=a.textContent.replace(/(\d{1,2})/g,function(a){return e(a)})})})(document)})();

やったぜ (画像はムリですゆるしてください)

www.rao.jp-natsuno_rao-after.jpg

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away