<?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 araisun.com</title><link>https://araisun.com/tags/javascript/</link><description>Recent content in JavaScript on araisun.com</description><image><title>araisun.com</title><url>https://araisun.com/fishing-english-at-miyuki-beach/eyecatch.png</url><link>https://araisun.com/fishing-english-at-miyuki-beach/eyecatch.png</link></image><generator>Hugo</generator><language>ja</language><lastBuildDate>Sat, 30 May 2026 08:50:00 +0900</lastBuildDate><atom:link href="https://araisun.com/tags/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>Playwright入門。リリース前のUI確認を自動化するメリットと導入手順</title><link>https://araisun.com/playwright-ui-test-introduction/</link><pubDate>Tue, 28 Apr 2026 21:20:00 +0900</pubDate><guid>https://araisun.com/playwright-ui-test-introduction/</guid><description>Playwrightを初めて導入する人向けに、UIテスト自動化でできること、メリット、npmでの導入手順、最初に自動化するとよい範囲、失敗時の調べ方をまとめました。</description></item><item><title>React + Viteの初歩的な理解を深める。</title><link>https://araisun.com/react-vite-form-app/</link><pubDate>Tue, 28 Apr 2026 21:00:00 +0900</pubDate><guid>https://araisun.com/react-vite-form-app/</guid><description>Reactの雰囲気は分かるけれどViteが何なのか、Next.jsとどう違うのかが曖昧だったので、React + Viteで問い合わせフォームを作りながら役割の違いを整理しました。</description></item><item><title>Cloudflare Worker を使うと静的サイトにサーバーレスな受付口を作れて便利</title><link>https://araisun.com/cloudflare-worker-serverless-endpoint/</link><pubDate>Wed, 22 Apr 2026 05:20:00 +0900</pubDate><guid>https://araisun.com/cloudflare-worker-serverless-endpoint/</guid><description>Cloudflare Worker を使うと、Hugo のような静的サイトにもサーバーレスな受付口を後付けできます。この記事では Cloudflare Worker と D1 の役割、実際の設定ファイル、Cloudflare ダッシュボードでの Route 設定、Slack Webhook まで含めて、そのまま導入できる形でまとめます。</description></item><item><title>Amazonの領収書のPDF保存をラクにする自作JS</title><link>https://araisun.com/amazon-receipt-js/</link><pubDate>Tue, 06 Jan 2026 11:19:00 +0900</pubDate><guid>https://araisun.com/amazon-receipt-js/</guid><description>個人事業主・フリーランスの方は、確定申告の時期になりましたね。私はAmazonで購入することが多く、領収書を電子保存しておく必要があります。ところが、これまで使っていたChrome拡張（Amazon領収書一括印刷系）が動かなくなってしまいま</description></item><item><title>バニラJSのモダンな書き方・チートシート</title><link>https://araisun.com/js-cheat/</link><pubDate>Wed, 03 Sep 2025 11:33:00 +0900</pubDate><guid>https://araisun.com/js-cheat/</guid><description>ライブラリなしのバニラJavaScriptで、モダンな書き方をチートシート形式でまとめました。非同期処理・配列操作・オブジェクトコピー・DOM監視まで、実務で使う頻度の高い構文を用途別に整理しています。</description></item></channel></rss>