Twemoji

絵文字の画像の取得方法

手動の場合

自動の場合

例

code:sh

code:test.js

import {codemap} from '../Slack絵文字コードの対応表/codemap.js';

import {throttle} from '../promise-parallel-throttle/script.js';

let counter = 1;

const notFounds = [];

const json = await throttle(emojis.map(emoji => async () => {

// emojiを構成するUTF-16 surrogate pairsを取得する

/*const list = [];

for(let i = 0;;i++){

const code = emoji.charCodeAt(i);

if (isNaN(code)) break;

list.push(code.toString(16));

}*/

const filename = twemoji.convert.toCodePoint(emoji);

const index = counter++;

try {

const res = await fetch(url);

return {emoji, url, svg: await res.text()};

} catch (e) {

// -fe0fを削って再挑戦

const newFilename = filename.replaceAll('-fe0f', '');

const newURL = url.replaceAll('-fe0f', '');

const res = await fetch(newURL);

if (!res.ok) {

notFounds.push({emoji, filename: newFilename});

return;

}

return {emoji, url: newURL, svg: await res.text()};

}

}), {maxInProgress: 10});

console.log('Faild: ', notFounds);

2021-07-08 13:00:51 これでも404になる？

e.g.

2021-07-08 13:27:00 twemojiのversionが古かった

versionを上げてもいっかいチャレンジ

うまく行かなかったのはⓜ️

じゃあそっちを使えばいいか

うまく行かなかったコード

これだと一部の絵文字のURLを正しく生成できない

twemojiのファイル名の生成方法がわからなかった

code:js

(async () => {

console.log(getURL('0️⃣'));

})();

code:script.js

export function getURL(emoji) {

// emojiを構成するcode pointを取得する

const list = [];

for(let i = 0;;i++){

const code = emoji.codePointAt(i);

if (isNaN(code)) break;

// バリエーションセレクター16を飛ばす

if (code === 65039) continue;

//サロゲートペアを飛ばす

if (55296 <= code && code <= 57344) continue;

list.push(code.toString(16));

}

}