BFE.devでのAI解答例 - JavaScript コーディング問題
178. Twitter mentions

function renderTweet(data) {    let html = `<p>`;    let text = data.text;        data.entities.urls.forEach(url => {        const displayUrl = url.displayUrl;        const urlLink = url.url;        const start = url.indices[0];        const end = url.indices[1];                text = text.slice(0, start) + `<a href="${urlLink}">${displayUrl}</a>` + text.slice(end);    });        data.entities.mentions.forEach(mention => {        const screenName = mention.screenName;        const start = mention.indices[0];        const end = mention.indices[1];                text = text.slice(0, start) + `<a href="https://x.com/${screenName}">@${screenName}</a>` + text.slice(end);    });        html += text + `</p>`;        return html;}// Example usageconst tweetData = {    text: 'Shaku syntax is now supported on https://t.co/UpkmJ7yGKG! Give it a try to annotate your code ! kudos to @JSer_ZANP for making such a great tool !',    entities: {        "urls": [            {                "displayUrl": "BFE.dev",                "url": "https://t.co/UpkmJ7yGKG",                "indices": [33, 56]            }        ],        "mentions": [            {                "screenName": "JSer_ZANP",                "indices": [105, 115]            }        ]    }};const renderedTweet = renderTweet(tweetData);console.log(renderedTweet);

<p>Shaku syntax is now supported on <a href="https://t.co/UpkmJ7yGKG">BFE.dev</a>! Give it a try to annotate your code ! kudos to <a href="https://x.com/JSer_ZANP">@JSer_ZANP</a> for making such a great tool !</p>