ろぼいんブログ

「HTML」タグが付いた記事一覧

パソコンの画面にReactのサンプルコードとそのプレビューが表示されている写真
ニュース

Xの読み込みが爆速に!?TanStack RouterとTailwindへ移行開始

Web版のXにTanStack RouterやTailwind、SSRといったモダンなWeb技術が採用され、ページの読み込み速度が大幅に向上したことがわかりました。この変更はログアウト状態のページに展開されており、将来的にログイン状態でも適用されるようになる可能性があります。

スマートフォンのホーム画面の「Social Media」フォルダーの中にFacebook、Messenger、Instagram、WhatsApp、Xのアプリが表示されている写真
解説ニュース

Android版Xで一部リンクのタイトルが削除 影響と対策は?

Android版X(旧Twitter)アプリのアップデートで、一部のリンクからタイトルが削除されました。今回の仕様変更の影響を受けるリンクでは、別途タイトルを入力しない限り、サムネイルとドメインのみが表示されるようになり、記事の内容がリンクからはわからなくなっています。

Payload CMSの公式Webサイトのスクリーンショット

Payload CMSのライブプレビューの実装でつまづいたこと

Payload CMSは、標準でライブプレビュー機能をサポートしています。ところが、ドキュメントにしたがって実装したにもかかわらず、ライブプレビューが機能しないという問題に遭遇しました。

ホーム画面にSafariのアイコンが表示されている画像
ニュース解説

Safari 26 betaがついにSVGファビコンをサポート!Firefoxから14年遅れ

Safari 26 betaで、ついにSafariがSVGファビコンをサポートしたことが判明しました。SVGファビコンのサポートは、Firefoxから実に14年遅れとなります。

「5.10」というテキストが中央に書かれている画像
ニュース

Astro v5.10リリース コンテンツを動的に取得できるライブコンテンツコレクションが追加

コンテンツコレクションを動的に取得できるライブコンテンツコレクションや、レスポンシブ画像の対応などが含まれるAstro 5.10がリリースされました。

記事のサムネイル画像
解説

HTMLに属性値をエスケープする破壊的変更が導入へ

2025年5月20日、HTML仕様が更新され、mutation XSS(mXSS)脆弱性を防ぐために属性内の<および>をエスケープするようになりました。

記事のサムネイル画像

Popover APIで背景の要素をクリックできないようにする方法

HTMLのPopover APIを使うと、JavaScriptを使わずにHTMLのみでポップオーバーを実装できます。しかし、ポップオーバーを表示しているときでもポップオーバー以外の部分はクリック可能な状態になっています。

記事のサムネイル画像
HowTo

イラストや文章がAIに学習されることを防ぐ技術的な方法4選

この記事では、生成AIに自分のコンテンツを学習されることを防ぐ技術的な方法について紹介します。

トレンドニュースに著者のアカウントが表示されているようす
ニュースHowTo解説

Mastodonで記事の著者のアカウントを表示可能に 設定方法は?

分散型SNSのMastodonに、リンク先の記事の著者のアカウントを表示する機能が追加されました。これにより、簡単に記事の著者をフォローできるようになります。この記事では、その機能の詳細と設定方法を紹介します。