<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>JavaScript on Afternoon Blog</title><link>https://afternoon-web.com/tags/javascript/</link><description>Recent content in JavaScript on Afternoon Blog</description><generator>Hugo -- 0.153.3</generator><language>ja</language><lastBuildDate>Sun, 04 Jan 2026 11:32:22 +0900</lastBuildDate><atom:link href="https://afternoon-web.com/tags/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Alpine.jsで作るタグ入力（Tag Input）UIの実装</title><link>https://afternoon-web.com/posts/alpine-js-use/</link><pubDate>Sun, 04 Jan 2026 11:32:22 +0900</pubDate><guid>https://afternoon-web.com/posts/alpine-js-use/</guid><description>ユーザーが入力したキーワードを視覚的な「チップ」として表示するタグ入力UI。本記事では、Alpine.jsを使用して、EnterやSpaceキーで動的にタグを生成する実装方法を解説します。</description></item><item><title>TailwindとJavaScriptで作るアニメーション付きモーダル</title><link>https://afternoon-web.com/posts/tailwind-modal/</link><pubDate>Thu, 01 Jan 2026 00:00:14 +0900</pubDate><guid>https://afternoon-web.com/posts/tailwind-modal/</guid><description>外部ライブラリを使わず、Tailwind CSSとバニラJSだけで軽量なモーダルを実装。複数設置への対応やアニメーション、アクセシビリティ（Escapeキー対応）のポイントを解説します。</description></item></channel></rss>